@charset "UTF-8";
.purple .section-nav ul {
  border-right: solid 1px #7d3daf;
}
.purple .section-nav ul a:link,
.purple .section-nav ul a:visited {
  color: #7d3daf;
}
.purple .transitionSlide {
  background-color: #7d3daf;
}
.purple .loader {
  background-color: #7d3daf;
}
.purple section:first-child {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a2a2+0,e7e8e8+22,e7e8e8+100 */
  background: rgb(161, 162, 162); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(161, 162, 162) 0%, rgb(231, 232, 232) 22%, rgb(231, 232, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a1a2a2", endColorstr="#e7e8e8",GradientType=0 ); /* IE6-9 */
}
.purple section:nth-child(2) {
  background-color: #30303b;
}
.purple section:nth-child(3) {
  background-color: #2a2a33;
}
.purple section:nth-child(4) {
  background-color: #24242a;
}
.purple .offer-header {
  background-color: #7d3daf;
}
.purple .offer-date-block {
  background-color: #313c77;
}
.purple .programm-title-block .small-title {
  color: #7d3daf;
}
.purple .prog-descr-block h1 {
  color: #7d3daf;
}
.purple .text-block h2:before,
.purple .text-block h1:before,
.purple .text-block .h2:before,
.purple .list-block h2:before,
.purple .list-block h1:before,
.purple .list-block .h2:before,
.purple .array-block h2:before,
.purple .array-block h1:before,
.purple .array-block .h2:before,
.purple .extras-block h2:before,
.purple .extras-block h1:before,
.purple .extras-block .h2:before {
  background-color: #7d3daf;
}
.purple .list-block ol li:before {
  color: #7d3daf;
}
.purple .extras-block li:before {
  background-image: url(../img/pdf-icon-purple.png);
}
.purple .carousel-container .line {
  background-color: #7d3daf;
}
@media only screen and (max-width: 768px) {
  .purple .slide-desc h1:before,
  .purple .slide-desc h2:before,
  .purple .slide-desc .h2:before {
    background-color: #7d3daf;
  }
}
.purple .single-block .line {
  background-color: #7d3daf;
  border-color: #7d3daf;
}
.purple .back-fix-sections {
  color: #2e2e38;
}

.ecoGreen .section-nav ul {
  border-right: solid 1px #323e77;
}
.ecoGreen .section-nav ul a:link,
.ecoGreen .section-nav ul a:visited {
  color: #323e77;
}
.ecoGreen .transitionSlide {
  background-color: #323e77;
}
.ecoGreen .loader {
  background-color: #323e77;
}
.ecoGreen section:first-child {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a2a2+0,e7e8e8+22,e7e8e8+100 */
  background: rgb(161, 162, 162); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(161, 162, 162) 0%, rgb(231, 232, 232) 22%, rgb(231, 232, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a1a2a2", endColorstr="#e7e8e8",GradientType=0 ); /* IE6-9 */
}
.ecoGreen section:nth-child(2) {
  background-color: #13a983;
}
.ecoGreen section:nth-child(3) {
  background-color: #068f6c;
}
.ecoGreen section:nth-child(4) {
  background-color: #047b5d;
}
.ecoGreen .offer-header {
  background-color: #009978;
}
.ecoGreen .offer-date-block {
  background-color: #323e77;
}
.ecoGreen .programm-title-block .small-title {
  color: #323e77;
}
.ecoGreen .prog-descr-block h1 {
  color: #009978;
}
.ecoGreen .text-block h2:before,
.ecoGreen .text-block h1:before,
.ecoGreen .text-block .h2:before,
.ecoGreen .list-block h2:before,
.ecoGreen .list-block h1:before,
.ecoGreen .list-block .h2:before,
.ecoGreen .array-block h2:before,
.ecoGreen .array-block h1:before,
.ecoGreen .array-block .h2:before,
.ecoGreen .extras-block h2:before,
.ecoGreen .extras-block h1:before,
.ecoGreen .extras-block .h2:before {
  background-color: #2f4275;
}
.ecoGreen .text-block.active h2:before,
.ecoGreen .text-block.active h1:before,
.ecoGreen .text-block.active .h2:before,
.ecoGreen .list-block.active h2:before,
.ecoGreen .list-block.active h1:before,
.ecoGreen .list-block.active .h2:before,
.ecoGreen .array-block.active h2:before,
.ecoGreen .array-block.active h1:before,
.ecoGreen .array-block.active .h2:before,
.ecoGreen .extras-block.active h2:before,
.ecoGreen .extras-block.active h1:before,
.ecoGreen .extras-block.active .h2:before {
  border-color: #2f4275;
}
.ecoGreen .list-block ol li:before {
  color: #323e77;
}
.ecoGreen .extras-block li:before {
  background-image: url(../img/pdf-icon-blue.png);
}
.ecoGreen .carousel-container .line {
  background-color: #2f4275;
  border-color: #2f4275;
}
@media only screen and (max-width: 768px) {
  .ecoGreen .slide-desc h1:before,
  .ecoGreen .slide-desc .h2:before,
  .ecoGreen .slide-desc h2:before {
    background-color: #2f4275;
  }
}
.ecoGreen .single-block .line {
  background-color: #2f4275;
  border-color: #2f4275;
}
.ecoGreen .back-fix-sections {
  color: #12a57d;
}
.ecoGreen .mTable-info {
  font-size: 9px;
  margin-top: 4px;
}
.ecoGreen .video-but:before,
.ecoGreen a.video-but:link:before,
.ecoGreen a.video-but:visited:before {
  background-image: url(../img/playbutton-eco-green.jpg);
}
.ecoGreen .video-but:hover,
.ecoGreen a.video-but:link:hover,
.ecoGreen a.video-but:visited:hover {
  color: #13a983;
}
.ecoGreen.ecoEnergy .text-block h2,
.ecoGreen.ecoEnergy .text-block h1,
.ecoGreen.ecoEnergy .text-block .h2,
.ecoGreen.ecoEnergy .list-block h2,
.ecoGreen.ecoEnergy .list-block h1,
.ecoGreen.ecoEnergy .list-block .h2,
.ecoGreen.ecoEnergy .array-block h2,
.ecoGreen.ecoEnergy .array-block h1,
.ecoGreen.ecoEnergy .array-block .h2,
.ecoGreen.ecoEnergy .extras-block h2,
.ecoGreen.ecoEnergy .extras-block h1,
.ecoGreen.ecoEnergy .extras-block .h2 {
  font-size: 58px;
  line-height: 52px;
}
.ecoGreen.ecoEnergy .text-block h2:before,
.ecoGreen.ecoEnergy .text-block h1:before,
.ecoGreen.ecoEnergy .text-block .h2:before,
.ecoGreen.ecoEnergy .list-block h2:before,
.ecoGreen.ecoEnergy .list-block h1:before,
.ecoGreen.ecoEnergy .list-block .h2:before,
.ecoGreen.ecoEnergy .array-block h2:before,
.ecoGreen.ecoEnergy .array-block h1:before,
.ecoGreen.ecoEnergy .array-block .h2:before,
.ecoGreen.ecoEnergy .extras-block h2:before,
.ecoGreen.ecoEnergy .extras-block h1:before,
.ecoGreen.ecoEnergy .extras-block .h2:before {
  border-color: transparent;
  background-color: transparent;
}
.ecoGreen.ecoEnergy .img-block .line {
  background-color: #323e77;
  border-color: #323e77 !important;
}
.ecoGreen.ecoEnergy .to-slider p {
  width: 85%;
}

.ecoroof .grid-head {
  display: grid;
  grid-template-columns: minmax(145px, 1fr) minmax(200px, 534px) minmax(20px, 5.0909090909%) minmax(200px, 542px) 1fr;
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .ecoroof .grid-head {
    grid-template-columns: minmax(68px, 1fr) minmax(auto, 534px) minmax(20px, 5.0909090909%) minmax(200px, 542px) 1fr;
  }
}
.ecoroof .grid-head .grid-position {
  grid-column: 2/6;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .ecoroof .grid-head .grid-position {
    grid-column: 1/6;
  }
}
@media only screen and (max-width: 768px) {
  .ecoroof .grid-head .grid-position {
    grid-column: 1/6;
  }
}
.ecoroof #first .outerContainer {
  position: relative;
}
.ecoroof .section-nav ul {
  border-right: solid 1px #313c77;
}
.ecoroof .section-nav ul a:link,
.ecoroof .section-nav ul a:visited {
  color: #313c77;
}
.ecoroof .list-block {
  grid-column: 2/6;
  grid-row: 1;
  align-self: center;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .ecoroof .list-block {
    grid-column: 1/6;
  }
}
@media only screen and (max-width: 768px) {
  .ecoroof .list-block {
    grid-column: 1/6;
  }
}
.ecoroof .list-block h1,
.ecoroof .list-block .h2 {
  color: #313c77;
}
.ecoroof .list-block ol li {
  margin-left: 40px;
}
.ecoroof .list-block ol li h2,
.ecoroof .list-block ol li h1,
.ecoroof .list-block ol li .h2 {
  margin-bottom: 0.5em;
  font-size: 1.875rem;
  line-height: 1;
}
.ecoroof .transitionSlide {
  background-color: #313c77;
}
.ecoroof .loader {
  background-color: #313c77;
}
.ecoroof section:first-child {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a2a2+0,e7e8e8+22,e7e8e8+100 */
  background: rgb(161, 162, 162); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(161, 162, 162) 0%, rgb(231, 232, 232) 22%, rgb(231, 232, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a1a2a2", endColorstr="#e7e8e8",GradientType=0 ); /* IE6-9 */
}
.ecoroof section:first-child .map-container {
  max-width: 465px;
  max-height: 269px;
  width: 100%;
  height: 20.534351145vw;
  background-color: black;
}
.ecoroof section:first-child .map-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 768px) {
  .ecoroof section:first-child .map-container {
    height: 47.1929824561vw;
  }
}
.ecoroof section:first-child .client-name {
  font-family: "CFDinCnBold";
  font-weight: bold;
  font-size: 1.875rem;
  margin-top: 0.5em;
  letter-spacing: -0.01em;
  color: #313c77;
}
.ecoroof section:first-child .grid-head {
  display: inline-grid;
  grid-template-columns: minmax(78px, 1fr) minmax(200px, 534px) minmax(20px, 5.0909090909%) minmax(200px, 542px) 1fr;
  grid-template-rows: minmax(135px, 1fr) 1fr auto 1fr;
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .ecoroof section:first-child .grid-head {
    grid-template-columns: minmax(78px, 1fr) minmax(auto, 534px) minmax(20px, 5.0909090909%) minmax(200px, 542px) 1fr;
    grid-template-rows: minmax(135px, 1fr) auto auto auto 1fr;
  }
}
.ecoroof section:first-child .grid-head .programm-title-block {
  grid-column: 2/-1;
  grid-row: 2/3;
  align-self: end;
  width: 100%;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .ecoroof section:first-child .grid-head .programm-title-block {
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 768px) {
  .ecoroof section:first-child .grid-head .programm-title-block {
    grid-column: 1/-1;
  }
}
.ecoroof section:first-child .grid-head .programm-title {
  color: white;
  font-size: 3.0475rem;
  font-family: "CFDinCnBold";
  font-weight: bold;
  margin-bottom: 1.6406890894em;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .ecoroof section:first-child .grid-head .programm-title {
    font-size: 30px;
  }
}
.ecoroof section:first-child .grid-head .programm-title .green {
  font-family: "CFDinCnLg";
  font-weight: lighter;
  color: #0bb975 !important;
}
.ecoroof section:first-child .grid-head .left-heads {
  grid-column: 2/3;
  grid-row: 3/4;
  width: 100%;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .ecoroof section:first-child .grid-head .left-heads {
    grid-column: 1/3;
  }
}
@media only screen and (max-width: 768px) {
  .ecoroof section:first-child .grid-head .left-heads {
    grid-column: 1/-1;
  }
}
.ecoroof section:first-child .righ-heads {
  grid-column: 4/5;
  grid-row: 3/4;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .ecoroof section:first-child .righ-heads {
    grid-column: 4/5;
  }
}
@media only screen and (max-width: 768px) {
  .ecoroof section:first-child .righ-heads {
    grid-row: 4/5;
    grid-column: 1/-1;
  }
}
.ecoroof section:first-child .righ-heads .thanks p {
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  color: #4d4d4f;
  letter-spacing: -0.01em;
  font-size: 1.125rem;
  line-height: 1.4444444444em;
}
.ecoroof section:first-child .righ-heads .thanks p strong {
  font-weight: 700;
  color: #313c77;
}
.ecoroof section:first-child .righ-heads .data-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
}
.ecoroof section:first-child .righ-heads .data-list .client-data {
  flex: 1 1 130px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding-right: 10px;
  margin-top: 10px;
}
.ecoroof section:first-child .righ-heads .data-list .client-data .data-title {
  font-family: "Roboto Slab", serif;
  color: #69696a;
  font-weight: 400;
  font-size: 1.02em;
}
.ecoroof section:first-child .righ-heads .data-list .client-data .data-data {
  font-family: "CFDinCnBold";
  font-weight: bold;
  color: #313c77;
  font-size: 1.53em;
}
.ecoroof section:nth-child(2) {
  background-color: #0bb975;
}
.ecoroof section:nth-child(2) .analysi-container {
  grid-column: 2/6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .ecoroof section:nth-child(2) .analysi-container {
    grid-column: 1/6;
  }
}
@media only screen and (max-width: 768px) {
  .ecoroof section:nth-child(2) .analysi-container {
    grid-column: 1/6;
  }
}
.ecoroof section:nth-child(2) .analysi-container header {
  font-size: 1.875rem;
  margin-bottom: 4.1666666667em;
}
.ecoroof section:nth-child(2) .analysi-container header h2,
.ecoroof section:nth-child(2) .analysi-container header h1,
.ecoroof section:nth-child(2) .analysi-container header .h2 {
  color: #313c77;
  margin: 0;
}
.ecoroof section:nth-child(2) .analysi-container header h2:before,
.ecoroof section:nth-child(2) .analysi-container header h1:before,
.ecoroof section:nth-child(2) .analysi-container header .h2:before {
  background-color: #313c77;
}
.ecoroof section:nth-child(2) .analysi-container .analysh {
  display: flex;
  flex-wrap: wrap;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col:nth-child(1) {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.45s ease-in-out;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col:nth-child(2) {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.45s ease-in-out 0.15s;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col:nth-child(3) {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.45s ease-in-out 0.3s;
}
.ecoroof section:nth-child(2) .analysi-container .analysh.active .analysh-col:nth-child(1) {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.45s ease-in-out;
}
.ecoroof section:nth-child(2) .analysi-container .analysh.active .analysh-col:nth-child(2) {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.45s ease-in-out 0.15s;
}
.ecoroof section:nth-child(2) .analysi-container .analysh.active .analysh-col:nth-child(3) {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.45s ease-in-out 0.3s;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col {
  flex: 1 1 300px;
  box-sizing: border-box;
  padding-right: 10px;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .analysh-block {
  max-width: 275px;
  margin-bottom: 1.3333333333em;
  font-size: 3.75rem;
  color: #314691;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .analysh-block .analysh-title-big {
  font-family: "CFDinCnBold";
  font-weight: bold;
  line-height: 0.8;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .analysh-block .analysi-semi-title {
  font-family: "CFDinCnLg";
  font-weight: lighter;
  font-size: 1.875rem;
  line-height: 1.5666666667em;
  letter-spacing: -0.01em;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .middle-col-block {
  font-size: 1.8775rem;
  margin-bottom: 1.1651131824em;
  text-align: left;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .middle-col-block .middle-col-block-text {
  font-size: 1.125rem;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  margin-bottom: 0.8333333333em;
  line-height: 0.8;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .middle-col-block .middle-col-block-data {
  font-family: "CFDinCnBold";
  font-weight: bold;
  line-height: 0.8;
  color: #314691;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .right-col-bock {
  max-width: 280px;
  font-size: 1.5rem;
  margin-bottom: 1.875em;
}
@media only screen and (max-width: 767px) {
  .ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .right-col-bock {
    max-width: unset;
  }
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .right-col-bock .middle-col-block-text {
  font-size: 1.125rem;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  margin-bottom: 0.8333333333em;
  line-height: 1.2;
}
.ecoroof section:nth-child(2) .analysi-container .analysh .analysh-col .right-col-bock .bold-block-text {
  font-family: "CF Din Condensed";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1;
}
.ecoroof section:nth-child(3) {
  background-color: #0aab6d;
}
.ecoroof section:nth-child(4) {
  background-color: #dbe5e1;
}
.ecoroof .offer-header {
  background-color: #313c77;
}
.ecoroof .offer-date-block {
  background-color: #313c77;
}
.ecoroof .programm-title-block .small-title {
  color: #313c77;
}
.ecoroof .prog-descr-block h1 {
  color: #313c77;
}
.ecoroof .text-block h2:before,
.ecoroof .text-block h1:before,
.ecoroof .text-block .h2:before,
.ecoroof .list-block h2:before,
.ecoroof .list-block h1:before,
.ecoroof .list-block .h2:before,
.ecoroof .array-block h2:before,
.ecoroof .array-block h1:before,
.ecoroof .array-block .h2:before,
.ecoroof .extras-block h2:before,
.ecoroof .extras-block h1:before,
.ecoroof .extras-block .h2:before {
  background-color: #313c77;
}
.ecoroof .list-block ol li:before {
  color: #313c77;
}
.ecoroof .extras-block li:before {
  background-image: url(../img/pdf-icon-purple.png);
}
.ecoroof .carousel-container .line {
  background-color: #313c77;
}
@media only screen and (max-width: 768px) {
  .ecoroof .slide-desc h1:before,
  .ecoroof .slide-desc .h2:before,
  .ecoroof .slide-desc h2:before {
    background-color: #313c77;
  }
}
.ecoroof .single-block .line {
  background-color: #313c77;
  border-color: #313c77;
}
.ecoroof .back-fix-sections {
  color: rgba(71, 70, 70, 0.05);
}
.ecoroof .job-form-section .text-section {
  padding-top: 0;
  padding-left: 0;
}
.ecoroof .job-form-section .text-section h2,
.ecoroof .job-form-section .text-section h1,
.ecoroof .job-form-section .text-section .h2 {
  font-family: "CFDinCnBold";
  font-weight: bold;
  font-size: 3.625rem;
  margin-bottom: 0.724137931em;
  color: #0aab6d;
  line-height: 1;
}
.ecoroof .job-form-section .text-section p {
  color: #5c5959;
  font-size: 13px;
  line-height: 1.6923076923em;
}
.ecoroof .job-form-section .form-interest {
  background-color: white;
}
.ecoroof .job-form-section .form-interest h2,
.ecoroof .job-form-section .form-interest h1,
.ecoroof .job-form-section .form-interest .h2 {
  font-family: "CFDinCnBold";
  font-weight: bold;
  font-size: 3.625rem;
  margin-bottom: 0.724137931em;
  color: #313c77;
  line-height: 1;
}

[data-anchor] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.green .transitionSlide {
  background-color: #2d6194;
}
.green .section-nav ul {
  border-right: solid 1px #cbd321;
  transition: border 0.55s ease-in-out;
}
.green .section-nav ul a:link,
.green .section-nav ul a:visited,
.green .section-nav ul [data-anchor] {
  color: #cbd321;
  transition: color 0.55s ease-in-out;
}
.green .section-nav .loader {
  background-color: #cbd321;
}
.green .section-nav.blue ul {
  border-right: solid 1px #2d6194;
}
.green .section-nav.blue ul a:link,
.green .section-nav.blue ul a:visited,
.green .section-nav.blue ul [data-anchor] {
  color: #2d6194;
}
.green .section-nav.blue .loader {
  background-color: #2d6194;
}
.green section:first-child {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a2a2+0,e7e8e8+22,e7e8e8+100 */
  background: rgb(161, 162, 162); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(161, 162, 162) 0%, rgb(231, 232, 232) 22%, rgb(231, 232, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a1a2a2", endColorstr="#e7e8e8",GradientType=0 ); /* IE6-9 */
}
.green section:nth-child(2) {
  background-color: #2d6194;
}
.green section:nth-child(3) {
  background-color: #0ba5ab;
}
.green section:nth-child(4) {
  background-color: #0bb99e;
}
.green .offer-header {
  background-color: #cbd321;
}
.green .offer-date-block {
  background-color: #2d6194;
}
.green .programm-title-block .small-title {
  color: #cbd321;
}
.green .prog-descr-block h1 {
  color: #2d6194;
}
.green .text-block h2:before,
.green .text-block h1:before,
.green .text-block .h2:before,
.green .list-block h2:before,
.green .list-block h1:before,
.green .list-block .h2:before,
.green .array-block h2:before,
.green .array-block h1:before,
.green .array-block .h2:before,
.green .extras-block h2:before,
.green .extras-block h1:before,
.green .extras-block .h2:before {
  background-color: #cbd321;
}
.green .list-block ol li:before {
  color: #cbd321;
}
.green .extras-block li:before {
  background-image: url(../img/pdf-icon-green.png);
}
.green .carousel-container .line {
  background-color: #cbd321;
}
@media only screen and (max-width: 768px) {
  .green .slide-desc h1:before,
  .green .slide-desc .h2:before,
  .green .slide-desc h2:before {
    background-color: #cbd321;
  }
}
.green .single-block .line {
  background-color: #cbd321;
  border-color: #cbd321;
}
.green .back-fix-sections {
  color: #193564;
  opacity: 0.1;
}
.green .video-but:before,
.green a.video-but:link:before,
.green a.video-but:visited:before {
  background-image: url(../img/playbutton-green.jpg);
}
.green .video-but:hover,
.green a.video-but:link:hover,
.green a.video-but:visited:hover {
  color: #2d6194;
}
.green.gas .text-block h2,
.green.gas .text-block h1,
.green.gas .text-block .h2,
.green.gas .list-block h2,
.green.gas .list-block h1,
.green.gas .list-block .h2,
.green.gas .array-block h2,
.green.gas .array-block h1,
.green.gas .array-block .h2,
.green.gas .extras-block h2,
.green.gas .extras-block h1,
.green.gas .extras-block .h2 {
  font-size: 58px;
  line-height: 52px;
}
.green.gas .text-block h2:before,
.green.gas .text-block h1:before,
.green.gas .text-block .h2:before,
.green.gas .list-block h2:before,
.green.gas .list-block h1:before,
.green.gas .list-block .h2:before,
.green.gas .array-block h2:before,
.green.gas .array-block h1:before,
.green.gas .array-block .h2:before,
.green.gas .extras-block h2:before,
.green.gas .extras-block h1:before,
.green.gas .extras-block .h2:before {
  border-color: transparent;
  background-color: transparent;
}
.green.gas .img-block .line {
  background-color: #cbd321 !important;
  border-color: #cbd321 !important;
}
.green.gas .to-slider p {
  width: 85%;
}

.red .section-nav ul {
  border-right: solid 1px #bb1117;
}
.red .section-nav ul a:link,
.red .section-nav ul a:visited,
.red .section-nav ul [data-anchor] {
  color: #bb1117;
}
.red .transitionSlide {
  background-color: #bb1117;
}
.red .loader {
  background-color: #bb1117;
}
.red section:first-child {
  background-size: cover !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a2a2+0,e7e8e8+22,e7e8e8+100 */
  background: rgb(161, 162, 162); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(161, 162, 162) 0%, rgb(231, 232, 232) 22%, rgb(231, 232, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a1a2a2", endColorstr="#e7e8e8",GradientType=0 ); /* IE6-9 */
}
.red section:nth-child(2) {
  background-color: #971117;
}
.red section:nth-child(3) {
  background-color: #750a0f;
}
.red section:nth-child(4) {
  background-color: #5c060a;
}
.red .offer-header {
  background-color: #d81e2b;
}
.red .offer-date-block {
  background-color: #bc1622;
}
.red .programm-title-block .small-title {
  color: #bb1117;
}
.red .prog-descr-block h1 {
  color: #bb1117;
}
.red .text-block h2:before,
.red .text-block h1:before,
.red .text-block .h2:before,
.red .list-block h2:before,
.red .list-block h1:before,
.red .list-block .h2:before,
.red .array-block h2:before,
.red .array-block h1:before,
.red .array-block .h2:before,
.red .extras-block h2:before,
.red .extras-block h1:before,
.red .extras-block .h2:before {
  background-color: #bb1117;
}
.red .list-block ol li:before {
  color: #bb1117;
}
.red .extras-block li:before {
  background-image: url(../img/pdf-icon-red.png);
}
.red .carousel-container .line {
  background-color: #bb1117;
  border-color: #bb1117;
}
@media only screen and (max-width: 768px) {
  .red .slide-desc h1:before,
  .red .slide-desc .h2:before,
  .red .slide-desc h2:before {
    background-color: #bb1117;
  }
}
.red .single-block .line {
  background-color: #bb1117;
  border-color: #bb1117;
}
.red .back-fix-sections {
  color: #330305;
  opacity: 0.1;
}
.red .back-fix-container {
  width: 100% !important;
}
.red .video-but:before,
.red a.video-but:link:before,
.red a.video-but:visited:before {
  background-image: url(../img/playbutton.jpg);
}
.red .video-but:hover,
.red a.video-but:link:hover,
.red a.video-but:visited:hover {
  color: #b91017;
}
.red.electricity .text-block h2,
.red.electricity .text-block h1,
.red.electricity .text-block .h2,
.red.electricity .list-block h2,
.red.electricity .list-block h1,
.red.electricity .list-block .h2,
.red.electricity .array-block h2,
.red.electricity .array-block h1,
.red.electricity .array-block .h2,
.red.electricity .extras-block h2,
.red.electricity .extras-block h1,
.red.electricity .extras-block .h2 {
  font-size: 58px;
  line-height: 52px;
}
.red.electricity .text-block h2:before,
.red.electricity .text-block h1:before,
.red.electricity .text-block .h2:before,
.red.electricity .list-block h2:before,
.red.electricity .list-block h1:before,
.red.electricity .list-block .h2:before,
.red.electricity .array-block h2:before,
.red.electricity .array-block h1:before,
.red.electricity .array-block .h2:before,
.red.electricity .extras-block h2:before,
.red.electricity .extras-block h1:before,
.red.electricity .extras-block .h2:before {
  border-color: transparent;
  background-color: transparent;
}
.red.electricity .img-block .line {
  background-color: #ee322d;
  border-color: #ee322d !important;
}
.red.electricity .to-slider p {
  width: 85%;
}

.purpleMix section:not(:first-child) {
  min-height: 50vh;
}
.purpleMix .transitionSlide {
  background-color: #bb1117;
}
.purpleMix .section-nav ul {
  border-right: solid 1px #bb1117;
}
.purpleMix .section-nav ul a:link,
.purpleMix .section-nav ul a:visited,
.purpleMix .section-nav ul [data-anchor] {
  color: #bb1117;
}
.purpleMix .loader {
  background-color: #bb1117;
}
.purpleMix section:first-child {
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.purpleMix section:nth-child(2) {
  background-color: #30303b;
}
.purpleMix section:nth-child(3),
.purpleMix #third {
  background-color: #2a2a33;
}
.purpleMix section:nth-child(4),
.purpleMix .offersBlock {
  background-color: #24242a;
}
.purpleMix .offersBlock {
  height: 42.0833333333vw;
  max-height: 808px;
  display: flex;
  align-items: center;
}
.purpleMix .offersBlock .pic-title-carousel {
  margin-top: 0px;
}
@media only screen and (max-width: 768px) {
  .purpleMix .offersBlock {
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .purpleMix .offersBlock {
    height: auto;
    padding: 20px 0;
  }
}
.purpleMix .offer-header {
  background-color: #d81e2b;
}
.purpleMix .offer-date-block {
  background-color: #bc1622;
}
.purpleMix .programm-title-block {
  margin-top: 15px;
}
.purpleMix .programm-title-block .small-title {
  color: #bc1622;
  line-height: 18px;
}
.purpleMix .prog-descr-block h1 {
  color: #bc1622;
}
.purpleMix .prog-descr-block p {
  color: white;
}
.purpleMix .fa-check {
  color: #ee322d;
}
.purpleMix .text-block h2:before,
.purpleMix .text-block h1:before,
.purpleMix .text-block .h2:before,
.purpleMix .list-block h2:before,
.purpleMix .list-block h1:before,
.purpleMix .list-block .h2:before,
.purpleMix .array-block h2:before,
.purpleMix .array-block h1:before,
.purpleMix .array-block .h2:before,
.purpleMix .extras-block h2:before,
.purpleMix .extras-block h1:before,
.purpleMix .extras-block .h2:before {
  background-color: #c83230;
}
.purpleMix .list-block ol li:before {
  color: #c83230;
}
.purpleMix .extras-block li:before {
  background-image: url(../img/pdf-icon-red.png);
}
.purpleMix .carousel-container .line {
  background-color: #7d3daf;
  border-color: #7d3daf;
}
@media only screen and (max-width: 768px) {
  .purpleMix .slide-desc h1:before,
  .purpleMix .slide-desc .h2:before,
  .purpleMix .slide-desc h2:before {
    background-color: #7d3daf;
  }
}
.purpleMix .single-block .line {
  background-color: #7d3daf;
  border-color: #7d3daf;
}
.purpleMix .back-fix-sections {
  color: #2e2e38;
}
.purpleMix.main section:first-child {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a2a2+0,e7e8e8+22,e7e8e8+100 */
  background: rgb(161, 162, 162); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(161, 162, 162) 0%, rgb(231, 232, 232) 22%, rgb(231, 232, 232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a1a2a2", endColorstr="#e7e8e8",GradientType=0 ); /* IE6-9 */
}
.purpleMix.main .back-fix-container {
  right: auto;
  left: 13.125%;
}
@media only screen and (max-width: 767px) {
  .purpleMix.main .back-fix-container {
    left: 0;
  }
}
.purpleMix.main .back-fix {
  text-align: left;
}
.purpleMix.main .prog-descr-block p {
  color: #474646;
}
.purpleMix.main .filter-section {
  background-color: #2a2a33;
  padding-top: 8.0729166667vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .purpleMix.main .filter-section {
    padding-top: 155px;
  }
}

.stores section h2 {
  color: #313c77;
}
.stores section:nth-child(3) {
  background-color: #313c77;
  padding-top: 0;
  padding-bottom: 0;
}
.stores section h4 {
  margin: 0;
  display: block;
  text-align: left;
  color: #24242a;
}
.stores section p {
  color: #24242a;
}
.stores section .lines-cont .line {
  background-color: #313c77;
  border-color: #313c77;
}
.stores .searchResaults {
  background-color: #313c77;
}
.stores .text-block.red h2,
.stores .text-block.red h1,
.stores .text-block.red .h2 {
  color: #bb1117;
}
.stores .text-block.white h2,
.stores .text-block.white .h2,
.stores .text-block.white p {
  color: white;
}
.stores .text-block.white .line {
  border-color: white;
}
.stores.synthesi section:nth-child(1) h2,
.stores.synthesi section:nth-child(1) .h2,
.stores.synthesi section:nth-child(1) p {
  color: white;
}
.stores.synthesi section {
  background-color: white;
}
.stores.synthesi section h2,
.stores.synthesi section h1,
.stores.synthesi section .h2 {
  color: #313c77;
}
.stores.synthesi section h2:before,
.stores.synthesi section h1:before,
.stores.synthesi section .h2:before {
  display: none;
}
.stores.synthesi section p {
  color: #2a2a33;
}
.stores.synthesi section:nth-child(2) .img-block {
  align-self: center;
}
.stores.synthesi section:nth-child(2) .img-block .line {
  border-color: #102657;
}
.stores.synthesi section:nth-child(2) .text-block {
  margin: 0 auto;
  align-self: center;
  max-width: 500px;
}
.stores.synthesi section:nth-child(3) {
  height: auto;
}
.stores.synthesi section:nth-child(3) .img-block {
  align-self: center;
}
.stores.synthesi section:nth-child(3) .img-block .line {
  border-color: #009bf8;
}
.stores.synthesi section:nth-child(3) .text-block {
  margin: 0 auto;
  align-self: center;
  max-width: 500px;
}
.stores.synthesi section:nth-child(4) .img-block {
  align-self: center;
}
.stores.synthesi section:nth-child(4) .img-block .line {
  border-color: #62c29a;
}
.stores.synthesi section:nth-child(4) .text-block {
  margin: 0 auto;
  align-self: center;
  max-width: 500px;
}
.stores.istoriko section:nth-child(1) h2,
.stores.istoriko section:nth-child(1) .h2,
.stores.istoriko section:nth-child(1) p {
  color: white;
}
.stores.istoriko .text-block {
  max-width: 846px;
}
.stores.istoriko .text-block h2,
.stores.istoriko .text-block h1,
.stores.istoriko .text-block .h2 {
  font-size: 30px;
  line-height: 24px;
}
.stores.istoriko section:nth-child(3) {
  background-color: white;
  padding: 8.125vw 0 13.9583333333vw;
  min-height: unset;
  height: auto;
}
.stores.stoixeia section:nth-child(1) h2,
.stores.stoixeia section:nth-child(1) .h2,
.stores.stoixeia section:nth-child(1) p {
  color: white;
}
.stores.stoixeia .extras-block {
  margin-bottom: 150px;
  max-width: 1230px;
  margin-left: 7.29167vw;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .stores.stoixeia .extras-block {
    margin-left: 0;
  }
}
.stores.stoixeia .extras-block h2,
.stores.stoixeia .extras-block h1,
.stores.stoixeia .extras-block .h2 {
  color: #313c77;
}
.stores.stoixeia .extras-block h2:before,
.stores.stoixeia .extras-block h1:before,
.stores.stoixeia .extras-block .h2:before {
  border: solid 1px #313c77;
}
.stores.stoixeia .extras-block p {
  color: #24242a;
}
.stores.stoixeia .extras-block ul {
  margin-top: 55px;
}
.stores.stoixeia .extras-block ul li {
  margin-right: 110px;
}
.stores.stoixeia .extras-block ul li:before {
  background-image: url(../img/pdf-icon-grey.png);
}
.stores.stoixeia .extras-block ul li a:link,
.stores.stoixeia .extras-block ul li a:visited {
  color: #24242a;
}
.stores.terms section:nth-child(1) h2,
.stores.terms section:nth-child(1) .h2,
.stores.terms section:nth-child(1) p {
  color: white;
}
.stores.terms .text-block {
  margin-bottom: 150px;
  max-width: 1230px;
  margin-left: 7.29167vw;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .stores.terms .text-block {
    margin-left: 0;
  }
}
.stores.terms .text-block h2,
.stores.terms .text-block h1,
.stores.terms .text-block .h2 {
  color: #313c77;
  font-size: 28px;
  line-height: 32px;
}
.stores.terms .text-block h2:before,
.stores.terms .text-block h1:before,
.stores.terms .text-block .h2:before {
  border: none;
}
.stores.terms .text-block p {
  color: #24242a;
}
.stores.terms .text-block p a {
  color: #24242a;
  text-decoration: underline;
}
.stores.terms .text-block ul {
  margin-top: 55px;
  list-style: circle;
  color: #24242a;
}
.stores.terms .text-block ul li {
  margin-right: 110px;
}
.stores.terms .text-block ul li:before {
  background-image: url(../img/pdf-icon-grey.png);
}
.stores.terms .text-block ul li a:link,
.stores.terms .text-block ul li a:visited {
  color: #24242a;
  text-decoration: underline;
}
.stores.jobListings section:nth-child(1) {
  background-color: #313c77;
}
.stores.jobListings section:nth-child(1) > * {
  color: white;
}
.stores.jobListings section:nth-child(1) .mainSlider-Container {
  align-self: center;
  padding-bottom: 85px;
}
@media only screen and (max-width: 768px) {
  .stores.jobListings section:nth-child(1) .mainSlider-Container {
    align-self: flex-start;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .stores.jobListings section:nth-child(1) .mainSlider-Container {
    align-self: center;
  }
}
.stores.jobListings section:nth-child(3) {
  background-color: white;
  height: auto;
}
.stores.jobListings .text-block h2:before,
.stores.jobListings .text-block h1:before,
.stores.jobListings .text-block .h2:before {
  display: none;
}
.stores.jobPosition section:nth-child(1) {
  background-color: #313c77;
}
.stores.jobPosition section:nth-child(1) h2,
.stores.jobPosition section:nth-child(1) h1,
.stores.jobPosition section:nth-child(1) .h2 {
  color: white;
  margin-bottom: 0 !important;
}
.stores.jobPosition section:nth-child(1) h3 {
  color: white;
  font-size: 58px;
  line-height: 52px;
}
.stores.jobPosition section:nth-child(1) h4 {
  margin: 0;
  display: block;
  text-align: left;
  color: white;
  font-size: 24px;
  line-height: 24px;
}
.stores.jobPosition section:nth-child(1) p {
  color: white;
}
.stores.jobPosition section:nth-child(1) > * {
  color: white;
}
.stores.jobPosition section:nth-child(2) {
  min-height: unset;
}
.stores.jobPosition .text-block .filters-title {
  padding-top: 10px;
  position: relative;
}
.stores.jobPosition .text-block .filters-title h2,
.stores.jobPosition .text-block .filters-title h1,
.stores.jobPosition .text-block .filters-title .h2 {
  font-size: 30px;
  line-height: 30px;
  color: #313c77;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.15s ease-in-out;
}
.stores.jobPosition .text-block .filters-title .right,
.stores.jobPosition .text-block .filters-title .bottom,
.stores.jobPosition .text-block .filters-title .left {
  display: none;
}
.stores.jobPosition .text-block .filters-title .line {
  background-color: #313c77;
  border-color: #313c77;
}
.stores.jobPosition .text-block .filters-title .lines-cont {
  display: none;
}
.stores.jobPosition .text-block p,
.stores.jobPosition .text-block ul {
  color: black;
}
.stores.jobPosition section:nth-child(3) {
  background-color: white;
  height: auto;
}
.stores.mediaGallery .extras-block {
  margin-top: 50px;
  width: 630px;
}
@media only screen and (max-width: 767px) {
  .stores.mediaGallery .extras-block {
    min-width: unset;
    width: 100%;
  }
}
.stores.mediaGallery .extras-block ul {
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .stores.mediaGallery .extras-block ul {
    flex-wrap: wrap;
  }
}
.stores.mediaGallery .extras-block li {
  margin-bottom: 40px;
}
.stores.mediaGallery .extras-block li:before {
  background-image: url(../img/pdf-icon-white.png);
}
.stores.mediaGallery section:nth-child(1) {
  background-color: #313c77;
}
.stores.mediaGallery section:nth-child(1) .video-but,
.stores.mediaGallery section:nth-child(1) a.video-but:link,
.stores.mediaGallery section:nth-child(1) a.video-but:visited {
  margin-top: 60px;
}
.stores.mediaGallery section:nth-child(1) .video-but:before,
.stores.mediaGallery section:nth-child(1) a.video-but:link:before,
.stores.mediaGallery section:nth-child(1) a.video-but:visited:before {
  background-image: url(../img/playbutton-green.jpg);
}
.stores.mediaGallery section:nth-child(1) .video-but:hover,
.stores.mediaGallery section:nth-child(1) a.video-but:link:hover,
.stores.mediaGallery section:nth-child(1) a.video-but:visited:hover {
  color: #2d6194;
}
.stores.mediaGallery section:nth-child(1) h2,
.stores.mediaGallery section:nth-child(1) h1,
.stores.mediaGallery section:nth-child(1) .h2 {
  color: white;
  margin-bottom: 0;
}
.stores.mediaGallery section:nth-child(1) h3 {
  color: white;
  font-size: 58px;
  line-height: 52px;
}
.stores.mediaGallery section:nth-child(1) h4 {
  margin: 0;
  display: block;
  text-align: left;
  color: white;
  font-size: 24px;
  line-height: 24px;
}
.stores.mediaGallery section:nth-child(1) p {
  color: white;
}
.stores.mediaGallery section:nth-child(1) > * {
  color: white;
}
.stores.mediaGallery section:nth-child(2) {
  min-height: unset;
  background-color: #eeeeee;
}
.stores.mediaGallery section:nth-child(2) .lines-cont {
  z-index: 0;
}
.stores.mediaGallery section:nth-child(2) .nav-cont.img-gallery {
  background-color: #eeeeee;
}
@media only screen and (max-width: 991px) {
  .stores.mediaGallery section:nth-child(3) {
    padding: 50px 0;
  }
}
.stores.mediaGallery .text-block .filters-title {
  padding-top: 10px;
  position: relative;
}
.stores.mediaGallery .text-block .filters-title h2,
.stores.mediaGallery .text-block .filters-title h1,
.stores.mediaGallery .text-block .filters-title .h2 {
  font-size: 30px;
  line-height: 30px;
  color: #313c77;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.15s ease-in-out;
}
.stores.mediaGallery .text-block .filters-title .right,
.stores.mediaGallery .text-block .filters-title .bottom,
.stores.mediaGallery .text-block .filters-title .left {
  display: none;
}
.stores.mediaGallery .text-block .filters-title .line {
  background-color: #313c77;
  border-color: #313c77;
}
.stores.mediaGallery .text-block p,
.stores.mediaGallery .text-block ul {
  color: black;
}
.stores.mediaGallery section:nth-child(3) {
  background-color: white;
  height: auto;
}
.stores.partners #mCSB_1_dragger_vertical {
  background-color: #283264;
}
.stores.partners #mCSB_1_dragger_vertical .mCSB_dragger_bar {
  background-color: #283264;
}
.stores.partners section:nth-child(2) {
  background-color: #eeeeee;
}
.stores.partners h4 {
  color: #313c77;
}
.stores.partners section:nth-child(3) {
  background-color: white;
  height: 1020px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .stores.partners section:nth-child(3) {
    height: auto;
  }
}
.stores.partners section:nth-child(3).saving {
  height: auto;
  padding: 8.8541666667vw 0;
}
.stores.partners section:nth-child(3).inner-liks {
  height: auto;
  padding: 8.8541666667vw 0 2.6041666667vw;
}
.stores.partners .multiSearch input[type=search] {
  border-bottom: solid 1px #313c77 !important;
  color: #313c77 !important;
}
.stores.partners .multiSearch input[type=search].gm-err-autocomplete {
  background: transparent !important;
}
.stores.partners .multiSearch input[type=search].gm-err-autocomplete::-moz-placeholder {
  color: red !important;
}
.stores.partners .multiSearch input[type=search].gm-err-autocomplete::placeholder {
  color: red !important;
}
.stores.partners .details-container .inners {
  color: #313c77 !important;
}
.stores.partners .details-container .inners .mtitle {
  border-top: solid 1px #313c77 !important;
}
.stores.partners .getDirections {
  color: #313c77 !important;
  background-image: url(../img/getDirectionsblue.png);
}
.stores.partners .getDirections:hover {
  color: #313c77 !important;
}
.stores.partners .storeBox {
  color: #313c77 !important;
}
.stores.partners .storeBox .city-name:before {
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: 6px;
  margin-bottom: 2px;
  display: none;
}
.stores.partners .storeBox .city-name.red:before {
  display: inline-block;
  background-color: #961116;
}
.stores.partners .storeBox .city-name.purple:before {
  display: inline-block;
  background-color: #7c3cae;
}
.stores.partners .storeBox .city-name.green:before {
  display: inline-block;
  background-color: #0ba5ab;
}
.stores.partners .resultBox {
  color: rgba(49, 60, 119, 0.4);
}
.stores.partners .searchResaults {
  background-color: white;
}
.stores.partners .searchResaults h2,
.stores.partners .searchResaults h1,
.stores.partners .searchResaults .h2 {
  color: #313c77 !important;
}
.stores.service #mCSB_1_dragger_vertical {
  background-color: #283264;
}
.stores.service #mCSB_1_dragger_vertical .mCSB_dragger_bar {
  background-color: #283264;
}
.stores.service section:nth-child(2) {
  background-color: white;
  min-height: unset;
}
.stores.service h4 {
  color: #313c77;
}
.stores.service section:nth-child(3) {
  background-color: white;
  min-height: unset;
  padding: 6.25vw 0;
  height: auto;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .stores.service section:nth-child(3) {
    padding: 120px 0;
  }
}
.stores.service section:nth-child(3).saving {
  height: auto;
  padding: 8.8541666667vw 0;
}
.stores.service section:nth-child(3).inner-liks {
  height: auto;
  padding: 8.8541666667vw 0 2.6041666667vw;
}
.stores.service section:nth-child(4) {
  min-height: unset;
}
.stores.service .multiSearch input[type=search] {
  border-bottom: solid 1px #313c77 !important;
  color: #313c77 !important;
}
.stores.service .details-container .inners {
  color: #313c77 !important;
}
.stores.service .details-container .inners .mtitle {
  border-top: solid 1px #313c77 !important;
}
.stores.service .getDirections {
  color: #313c77 !important;
  background-image: url(../img/getDirectionsblue.png);
}
.stores.service .getDirections:hover {
  color: #313c77 !important;
}
.stores.service .storeBox {
  color: #313c77 !important;
}
.stores.service .storeBox .city-name:before {
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: 6px;
  margin-bottom: 2px;
  display: none;
}
.stores.service .storeBox .city-name.red:before {
  display: inline-block;
  background-color: #961116;
}
.stores.service .storeBox .city-name.purple:before {
  display: inline-block;
  background-color: #7c3cae;
}
.stores.service .storeBox .city-name.green:before {
  display: inline-block;
  background-color: #0ba5ab;
}
.stores.service .resultBox {
  color: rgba(49, 60, 119, 0.4);
}
.stores.service .searchResaults {
  background-color: white;
}
.stores.service .searchResaults h2,
.stores.service .searchResaults h1,
.stores.service .searchResaults .h2 {
  color: #313c77 !important;
}
.stores.service.moving section:nth-child(3) {
  background-color: #eeeeee;
}
.stores.payment #mCSB_1_dragger_vertical {
  background-color: #283264;
}
.stores.payment #mCSB_1_dragger_vertical .mCSB_dragger_bar {
  background-color: #283264;
}
.stores.payment section:nth-child(2) {
  background-color: #eeeeee;
}
.stores.payment section:nth-child(4) {
  background-color: #313c77;
  height: auto;
  min-height: unset;
}
.stores.payment section:nth-child(5) {
  min-height: unset;
}
.stores.payment section:nth-child(3) {
  background-color: white;
  height: 1020px;
  padding: 0;
}
.stores.payment section:nth-child(3).saving {
  height: auto;
  padding: 8.8541666667vw 0;
}
.stores.payment section:nth-child(3).inner-liks {
  height: auto;
  padding: 8.8541666667vw 0 2.6041666667vw;
}
.stores.payment .multiSearch input[type=search] {
  border-bottom: solid 1px #313c77 !important;
  color: #313c77 !important;
}
.stores.payment .details-container .inners {
  color: #313c77 !important;
}
.stores.payment .details-container .inners .mtitle {
  border-top: solid 1px #313c77 !important;
}
.stores.payment .getDirections {
  color: #313c77 !important;
  background-image: url(../img/getDirectionsblue.png);
}
.stores.payment .getDirections:hover {
  color: #313c77 !important;
}
.stores.payment .storeBox {
  color: #313c77 !important;
}
.stores.payment .storeBox .city-name:before {
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: 6px;
  margin-bottom: 2px;
  display: none;
}
.stores.payment .storeBox .city-name.red:before {
  display: inline-block;
  background-color: #961116;
}
.stores.payment .storeBox .city-name.purple:before {
  display: inline-block;
  background-color: #7c3cae;
}
.stores.payment .storeBox .city-name.green:before {
  display: inline-block;
  background-color: #0ba5ab;
}
.stores.payment .resultBox {
  color: rgba(49, 60, 119, 0.4);
}
.stores.payment .searchResaults {
  background-color: white;
}
.stores.payment .searchResaults h2,
.stores.payment .searchResaults h1,
.stores.payment .searchResaults .h2 {
  color: #313c77 !important;
}
.stores.headSmall .text-block h2,
.stores.headSmall .text-block h1,
.stores.headSmall .text-block .h2 {
  font-size: 30px;
  line-height: 24px;
}
.stores.headSmall .video-but,
.stores.headSmall a.video-but:link,
.stores.headSmall a.video-but:visited {
  margin-top: 60px;
}
.stores.headSmall .video-but:before,
.stores.headSmall a.video-but:link:before,
.stores.headSmall a.video-but:visited:before {
  background-image: url(../img/playbutton-green.jpg);
}
.stores.headSmall .video-but:hover,
.stores.headSmall a.video-but:link:hover,
.stores.headSmall a.video-but:visited:hover {
  color: #2d6194;
}
.stores.headSmall .list-block {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .stores.headSmall .list-block {
    margin-top: 50px;
  }
}
.stores.headSmall .list-block ol li:before {
  color: #313c77;
}
.stores.enpage #second {
  background: rgb(252, 176, 52);
  background: linear-gradient(90deg, rgb(252, 176, 52) 0%, rgb(192, 61, 99) 50%, rgb(13, 58, 112) 100%);
}
.stores.enpage #second .right-cont {
  flex: 0 0 65.8787878788%;
  padding-right: min(140px, 7.2916666667vw);
}
@media only screen and (max-width: 768px) {
  .stores.enpage #second .right-cont {
    padding-right: 0;
  }
}
.stores.enpage #second .left-cont {
  flex-basis: 100%;
  background-attachment: orange;
  padding-left: min(140px, 7.2916666667vw);
  padding-right: 10px;
}
.stores.enpage #second .left-cont figure {
  margin-top: 55px;
}
@media only screen and (max-width: 768px) {
  .stores.enpage #second .left-cont figure {
    max-width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .stores.enpage #second .left-cont {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .stores.enpage #second .outerContainer {
    flex-direction: column;
  }
}
.stores.enpage #second .lines-cont .line {
  color: #fff !important;
  border-color: #fff !important;
}
.stores.enpage #fifth {
  background-color: #fcb034;
}
.stores.enpage #third {
  background-color: #503868;
  padding-top: 45px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .stores.enpage #third .outerContainer {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .stores.enpage #third .half-cont {
    width: 100%;
  }
}
.stores.enpage #third .text-block h2,
.stores.enpage #third .text-block h1,
.stores.enpage #third .text-block .h2 {
  color: #fff;
  max-width: 425px;
  font-size: 58px;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  .stores.enpage #third .text-block h2,
  .stores.enpage #third .text-block h1,
  .stores.enpage #third .text-block .h2 {
    font-size: 34px !important;
    line-height: 36px !important;
  }
}
.stores.enpage #third .text-block p {
  color: #fff;
}
.stores.enpage #third .text-block ul {
  color: #fff;
}
.stores.enpage #third iframe {
  width: 100%;
  height: 660px;
  overflow-y: auto;
}
@media only screen and (max-width: 400px) {
  .stores.enpage #third iframe {
    height: 740px;
  }
}
.stores.enpage #fourth {
  background-color: #c03d63;
}
.stores.enpage #fourth .text-block h2,
.stores.enpage #fourth .text-block h1,
.stores.enpage #fourth .text-block .h2 {
  color: #fff;
  max-width: 425px;
  font-size: 58px;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  .stores.enpage #fourth .text-block h2,
  .stores.enpage #fourth .text-block h1,
  .stores.enpage #fourth .text-block .h2 {
    font-size: 34px !important;
    line-height: 36px !important;
  }
}
.stores.enpage #fourth .text-block p {
  color: #fff;
}
.stores.enpage #fourth .text-block ul {
  color: #fff;
}
.stores.enpage #fourth .form-interest {
  background-color: #e8668c;
}
.stores.enpage #fourth .mybut {
  filter: none;
}
.stores.enpage #fourth label {
  color: #fff;
}
.stores.enpage #fourth label div {
  color: white;
}
.stores.enpage #fourth label div a {
  color: #fff;
}
.stores.enpage #fourth .input-block input[type=text],
.stores.enpage #fourth .input-block input[type=email],
.stores.enpage #fourth .input-block input[type=tel],
.stores.enpage #fourth .input-block .pathToFile {
  border-bottom-color: #fff;
}
.stores.enpage #fourth .custom-checkbox {
  background-image: url(../img/checkboxWhite.png);
}
.stores.enpage #fourth .error {
  color: #fcb034;
}
.stores.enpage #fourth input:-webkit-autofill,
.stores.enpage #fourth input:-webkit-autofill:hover,
.stores.enpage #fourth input:-webkit-autofill:focus,
.stores.enpage #fourth input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #e8668c inset !important;
}
.stores.enpage #fourth .toOpen {
  height: auto !important;
}
.stores.enpage .text-block h2,
.stores.enpage .text-block h1,
.stores.enpage .text-block .h2 {
  font-size: 30px;
  line-height: 24px;
}
.stores.enpage .text-block h2.noline,
.stores.enpage .text-block h1.noline,
.stores.enpage .text-block .h2.noline {
  font-size: 58px;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  .stores.enpage .text-block h2.noline,
  .stores.enpage .text-block h1.noline,
  .stores.enpage .text-block .h2.noline {
    font-size: 34px !important;
    line-height: 36px !important;
  }
}
.stores.enpage .text-block h2.noline:before,
.stores.enpage .text-block h1.noline:before,
.stores.enpage .text-block .h2.noline:before {
  display: none;
}
.stores.enpage .text-block .titleText {
  font-size: 30px;
  line-height: 32px;
  font-family: "CFDinCnBold";
  font-weight: bold;
}
.stores.enpage #second .text-block h2,
.stores.enpage #second .text-block h1,
.stores.enpage #second .text-block .h2 {
  color: #fff;
}
.stores.enpage #second .text-block p {
  color: #fff;
}
.stores.enpage #second .text-block ul {
  color: #fff;
}
.stores.enpage .video-but,
.stores.enpage a.video-but:link,
.stores.enpage a.video-but:visited {
  margin-top: 60px;
}
.stores.enpage .video-but:before,
.stores.enpage a.video-but:link:before,
.stores.enpage a.video-but:visited:before {
  background-image: url(../img/playbutton-petrol.jpg);
}
.stores.enpage .video-but:hover,
.stores.enpage a.video-but:link:hover,
.stores.enpage a.video-but:visited:hover {
  color: #2d6194;
}
.stores.enpage .list-block {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .stores.enpage .list-block {
    margin-top: 50px;
  }
}
.stores.enpage .list-block ol li:before {
  color: #313c77;
}
.stores.enpage .accordion-container {
  margin-bottom: 160px;
  margin-top: 100px;
}
.stores.enpage .accordion-container > p {
  color: #ee2d3d;
}
.stores.enpage .accordion-container .question:after {
  background-image: url(../img/minus-plus-red.png);
}
.stores.enpage .accordion-container .question:before {
  background-image: url(../img/minus-plus-red.png);
}
.stores.enpage .accordion-container .accordion-block {
  border-top: solid 1px #ee2d3d;
  border-bottom: solid 1px rgba(238, 45, 61, 0);
}
.stores.enpage .accordion-container .accordion-block .question p,
.stores.enpage .accordion-container .accordion-block .question ul,
.stores.enpage .accordion-container .accordion-block .question a,
.stores.enpage .accordion-container .accordion-block .answer p,
.stores.enpage .accordion-container .accordion-block .answer ul,
.stores.enpage .accordion-container .accordion-block .answer a {
  color: #ee2d3d;
}
.stores.enpage .accordion-container .accordion-block .question a,
.stores.enpage .accordion-container .accordion-block .answer a {
  text-decoration: underline;
}
.stores.enpage .accordion-container .accordion-block.active .question p {
  color: #fff;
  transition: color 0.15s ease-in-out;
}
.stores.enpage .accordion-container .accordion-block:last-child {
  border-bottom: solid 1px #ee2d3d;
}
.stores.enpage .accordion-container .mark,
.stores.enpage .accordion-container mark {
  padding: 0.2em;
  background-color: transparent;
  color: #ee2d3d;
  border-bottom: solid 1px #ee2d3d;
}
.stores.enpage .accordion-container .accordion-title {
  margin: 0 0 55px 0;
  display: block;
  text-align: left;
  color: #ee2d3d;
  font-size: 58px;
  line-height: 64px;
}
@media only screen and (max-width: 767px) {
  .stores.enpage .accordion-container .accordion-title {
    font-size: 34px !important;
    line-height: 30px !important;
  }
}
.stores.enpage .accordion-container .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.enpage .accordion-container .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon2.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.enpage .catastimata.ena-slice {
  background-color: #503868;
}
.stores.enpage .catastimata.ena-slice h5,
.stores.enpage .catastimata.ena-slice h2,
.stores.enpage .catastimata.ena-slice h1,
.stores.enpage .catastimata.ena-slice .h2 {
  color: #fff;
}
.stores.enpage .catastimata.ena-slice h2,
.stores.enpage .catastimata.ena-slice h1,
.stores.enpage .catastimata.ena-slice .h2 {
  line-height: 1;
}
.stores.enpage .catastimata.ena-slice h2:before,
.stores.enpage .catastimata.ena-slice h1:before,
.stores.enpage .catastimata.ena-slice .h2:before {
  display: none;
}
.stores.enpage .catastimata.ena-slice .the-back {
  background-color: #ff9c1e !important;
}
.stores.enpage .catastimata.ena-slice p {
  color: #fff;
}
.stores.future .video-but:before {
  background-image: url(../img/playbutton-green.jpg);
}
.stores.future .video-but:hover {
  color: #2d6194;
}
.stores.future section:nth-child(even) {
  background-color: #0bb975;
}
.stores.future section:nth-child(odd) {
  background-color: #0b9d64;
}
.stores.future .img-block .line {
  border-color: #cbd321 !important;
}
.stores.future h2,
.stores.future .h2,
.stores.future p {
  color: white;
}
.stores.future .text-block h2:before,
.stores.future .text-block h1:before,
.stores.future .text-block .h2:before {
  display: none;
}
.stores.future .mybut .line {
  border-color: white;
}
.stores.future section:nth-child(3) {
  min-height: 100vh;
  height: auto !important;
  padding-top: 6.71875vw;
  padding-bottom: 4.0104166667vw;
}
.stores.future.gas .light-block.eke {
  background-color: #0bb975;
}
.stores.certification .video-but:before {
  background-image: url(../img/playbutton-green.jpg);
}
.stores.certification .video-but:hover {
  color: #2d6194;
}
.stores.certification section:nth-child(2) {
  background-color: #fff;
  min-height: unset;
  padding: 10.4166666667vw 0 11.4583333333vw;
}
.stores.certification h2,
.stores.certification .h2,
.stores.certification p {
  color: white;
}
.stores.certification .text-block h2:before,
.stores.certification .text-block h1:before,
.stores.certification .text-block .h2:before {
  display: none;
}
.stores.certification .mybut .line {
  border-color: white;
}
.stores.certification section:nth-child(3) {
  min-height: 100vh;
  height: auto !important;
  padding-top: 6.71875vw;
  padding-bottom: 4.0104166667vw;
}
.stores.ebill section:nth-child(2) {
  min-height: 100vh;
}
.stores.enanti section:nth-child(2) {
  min-height: 100vh;
  padding: 0;
}
.stores.enanti section:nth-child(3) h2,
.stores.enanti section:nth-child(3) h1,
.stores.enanti section:nth-child(3) .h2 {
  color: #bb1117;
}
.stores.enanti .accordion-container {
  margin-bottom: 160px;
  margin-top: 100px;
}
.stores.enanti .accordion-container .question:after {
  background-image: url(../img/minus-plus-red.png);
}
.stores.enanti .accordion-container .question:before {
  background-image: url(../img/minus-plus-red.png);
}
.stores.enanti .accordion-container .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.stores.enanti .accordion-container .accordion-block.active .question p {
  color: #bb1117;
  transition: color 0.15s ease-in-out;
}
.stores.enanti .accordion-container .mark,
.stores.enanti .accordion-container mark {
  padding: 0.2em;
  background-color: transparent;
  color: #bb1117;
  border-bottom: solid 1px #bb1117;
}
.stores.enanti .accordion-container .accordion-title {
  margin: 0 0 55px 0;
  display: block;
  text-align: left;
  color: #bb1117;
  font-size: 58px;
  line-height: 64px;
}
@media only screen and (max-width: 767px) {
  .stores.enanti .accordion-container .accordion-title {
    font-size: 34px !important;
    line-height: 30px !important;
  }
}
.stores.enanti .accordion-container .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.enanti .accordion-container .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon2.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.redi .search-block input[type=search] {
  color: #bb1117;
  background-image: url(../img/search-icon-red.png);
  border: solid 1px #e1e1e1;
  outline: none;
}
.stores.redi .search-block .billsearch {
  background-image: url(../img/button-arrow-red.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #e1e1e1;
  border-left: none;
  background-color: white;
  height: 88px;
  width: 143px;
  transition: all 0.25s ease-in-out;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .stores.redi .search-block .billsearch {
    height: 52px;
    min-width: 65px;
  }
}
.stores.redi .search-block .billsearch:hover {
  background-position: 60% center;
}
.stores.redi .accordion-container {
  margin-bottom: 160px;
  margin-top: 100px;
}
.stores.redi .accordion-container .question:after {
  background-image: url(../img/minus-plus-red.png);
}
.stores.redi .accordion-container .question:before {
  background-image: url(../img/minus-plus-red.png);
}
.stores.redi .accordion-container .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.stores.redi .accordion-container .accordion-block.active .question p {
  color: #bb1117;
  transition: color 0.15s ease-in-out;
}
.stores.redi .accordion-container .mark,
.stores.redi .accordion-container mark {
  padding: 0.2em;
  background-color: transparent;
  color: #bb1117;
  border-bottom: solid 1px #bb1117;
}
.stores.redi .accordion-container .accordion-title {
  margin: 0 0 55px 0;
  display: block;
  text-align: left;
  color: #bb1117;
}
.stores.redi .accordion-container .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.redi .accordion-container .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon2.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.greeni .search-block input[type=search] {
  color: #0ba5ab;
  background-image: url(../img/search-icon-green.png);
  border: solid 1px #e1e1e1;
  outline: none;
}
.stores.greeni .search-block .billsearch {
  background-image: url(../img/button-arrow-green.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #e1e1e1;
  border-left: none;
  background-color: white;
  height: 88px;
  width: 143px;
  transition: all 0.25s ease-in-out;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .stores.greeni .search-block .billsearch {
    height: 52px;
    min-width: 65px;
  }
}
.stores.greeni .search-block .billsearch:hover {
  background-position: 60% center;
}
.stores.greeni .accordion-container {
  margin-bottom: 160px;
  margin-top: 100px;
}
.stores.greeni .accordion-container .question:after {
  background-image: url(../img/minus-plus-green.png);
}
.stores.greeni .accordion-container .question:before {
  background-image: url(../img/minus-plus-green.png);
}
.stores.greeni .accordion-container .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.stores.greeni .accordion-container .accordion-block.active .question p {
  color: #0ba5ab;
  transition: color 0.15s ease-in-out;
}
.stores.greeni .accordion-container .mark,
.stores.greeni .accordion-container mark {
  padding: 0.2em;
  background-color: transparent;
  color: #0ba5ab;
  border-bottom: solid 1px #0ba5ab;
}
.stores.greeni .accordion-container .accordion-title {
  margin: 0 0 45px 0;
  display: block;
  text-align: left;
  color: #0ba5ab;
}
.stores.greeni .accordion-container .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon-green.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.greeni .accordion-container .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon3-green.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.stores.franchise section#second {
  background-color: #eeeeee;
}
.stores.franchise section#third {
  height: auto;
  background-color: #ffffff;
  padding-top: 6.71875vw;
  padding-bottom: 4.0104166667vw;
}
.stores.franchise section#third .toOpen {
  height: auto !important;
}
.stores.franchise section#third form {
  width: 100%;
}
.stores.franchise section#third form .input-header {
  color: #313c77;
  font-size: 16px;
  font-weight: bold;
  max-width: 100%;
}
.stores.franchise section#third form ::-moz-placeholder {
  color: #313c77;
}
.stores.franchise section#third form ::placeholder {
  color: #313c77;
}
.stores.franchise section#third form .radios-wrapper {
  flex-direction: row;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .stores.franchise section#third form .radios-wrapper#personalWOrkGroup {
    flex-wrap: wrap;
  }
  .stores.franchise section#third form .radios-wrapper#personalWOrkGroup .error {
    position: relative;
    top: initial;
    transform: translateY(0);
    padding-bottom: 10px;
  }
}
.stores.franchise section#third form .radios-wrapper .allo-wrap {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .stores.franchise section#third form .radios-wrapper .allo-wrap {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.stores.franchise section#third form .radios-wrapper .allo-wrap #personalWorkText {
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.stores.franchise section#third form .radios-wrapper .allo-wrap #personalWorkText.active {
  opacity: 1;
}
.stores.franchise section#third form .radios-wrapper .error {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.stores.franchise section#third form .customRadio {
  display: block;
  position: relative;
  height: 20px;
  padding-left: 55px;
  margin-right: 20px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.stores.franchise section#third form .customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.stores.franchise section#third form .customRadio input:checked ~ .radio-dot::after {
  display: block;
}
.stores.franchise section#third form .customRadio .radio-dot {
  position: absolute;
  top: 50%;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #313c77;
  transform: translateY(-50%);
}
.stores.franchise section#third form .customRadio .radio-dot::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #313c77;
  transform: translate(-50%, -50%);
}
.stores.franchise section#third .form-row {
  margin: 0;
}
.stores.franchise section#third .form-row.drops {
  position: relative;
  max-width: 80%;
  margin-top: 10px;
  margin-bottom: 20px;
}
.stores.franchise section#third .form-row.areas {
  margin-top: 20px;
}
.stores.franchise section#third .form-row.areas .input-block.half {
  max-width: 60%;
  width: 100%;
  flex-basis: 100%;
}
.stores.franchise section#third .form-row.areas .input-block.half .input-area {
  margin-bottom: 20px;
}
.stores.franchise section#third .form-row.areas .input-block .error {
  margin-bottom: 20px;
}
.stores.franchise section#third .form-row .full.autoheight {
  padding-bottom: 30px;
}
.stores.franchise section#third .form-row .full.autoheight textarea {
  margin-bottom: 5px;
}
.stores.franchise section#third .form-row .klados-wrap {
  width: 100%;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.stores.franchise section#third .form-row .klados-wrap.active {
  opacity: 1;
}
.stores.franchise section#third ul.filter-select.payments.forForma {
  margin-top: 0;
}
.stores.franchise section#third ul.filter-select.payments.forForma > li {
  padding: 0;
}
.stores.franchise section#third ul.filter-select.payments.forForma > li label {
  padding-left: 10px;
  cursor: pointer;
}
.stores.franchise #datePicker {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.stores.franchise .datepicker table {
  opacity: 1;
  transform: translateY(0);
}
.stores.franchise .datepicker .datepicker-days td,
.stores.franchise .datepicker .datepicker-days th {
  width: 35px;
  height: 35px;
}
.stores.franchise .datepicker .datepicker-days td.active {
  background-image: none;
  background-color: #313c77;
}

.share .text-block h2:before,
.share .text-block h1:before,
.share .text-block .h2:before {
  display: none;
}
.share .save-slide .text-block p {
  color: #24242a;
}
.share .section-nav ul {
  border-right: solid 1px #313c77;
}
.share .section-nav ul a:link,
.share .section-nav ul a:visited {
  color: #313c77;
}
.share .section-nav .naming {
  color: white;
}
.share .section-nav.white .naming {
  color: #313c77;
}
.share .section-nav.white ul {
  border-right: solid 1px white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.white ul a:link,
.share .section-nav.white ul a:visited {
  color: white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.white .loader {
  background-color: white;
}
.share .section-nav.white .theBack {
  background-color: white;
}
.share .section-nav.white2 ul {
  border-right: solid 1px white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.white2 ul a:link,
.share .section-nav.white2 ul a:visited {
  color: white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.white2 .loader {
  background-color: white;
}
.share .section-nav.white2 .naming {
  color: white;
}
.share .section-nav.white2 .theBack {
  background-color: white;
}
.share .section-nav.whitered ul {
  border-right: solid 1px white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.whitered ul a:link,
.share .section-nav.whitered ul a:visited {
  color: white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.whitered .loader {
  background-color: white;
}
.share .section-nav.whitered .naming {
  color: #971117;
}
.share .section-nav.whitered .theBack {
  background-color: white;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.whitered .main-slide-icon.share {
    background-color: white;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.whitered .main-slide-icon.share {
    background-color: white;
  }
}
.share .section-nav.whitegreen ul {
  border-right: solid 1px white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.whitegreen ul a:link,
.share .section-nav.whitegreen ul a:visited {
  color: white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.whitegreen .loader {
  background-color: white;
}
.share .section-nav.whitegreen .naming {
  color: #0ba5ab;
}
.share .section-nav.whitegreen .theBack {
  background-color: white;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.whitegreen .main-slide-icon.share {
    background-color: white;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.whitegreen .main-slide-icon.share {
    background-color: white;
  }
}
.share .section-nav.whitepetrol ul {
  border-right: solid 1px white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.whitepetrol ul a:link,
.share .section-nav.whitepetrol ul a:visited {
  color: white;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.whitepetrol .loader {
  background-color: white;
}
.share .section-nav.whitepetrol .naming {
  color: #313c77;
}
.share .section-nav.whitepetrol .theBack {
  background-color: white;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.whitepetrol .main-slide-icon.share {
    background-color: white;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.whitepetrol .main-slide-icon.share {
    background-color: white;
  }
}
.share .section-nav.petrol h2,
.share .section-nav.petrol h1,
.share .section-nav.petrol .h2 {
  color: #2d6194 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .section-nav.petrol ul {
  border-right: solid 1px #2d6194;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.petrol ul a:link,
.share .section-nav.petrol ul a:visited {
  color: #2d6194;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.petrol .loader {
  background-color: #2d6194;
}
.share .section-nav.petrol .naming {
  color: #fff;
}
.share .section-nav.petrol .theBack {
  background-color: #2d6194;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.petrol .main-slide-icon.share {
    background-color: #2d6194;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.petrol .main-slide-icon.share {
    background-color: #2d6194;
  }
}
.share .section-nav.petrol2 h2,
.share .section-nav.petrol2 h1,
.share .section-nav.petrol2 .h2 {
  color: #313c77 !important;
  font-size: 58px;
  line-height: 52px;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.petrol2 .main-slide-icon.share {
    background-color: #313c77;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.petrol2 .main-slide-icon.share {
    background-color: #313c77;
  }
}
.share .section-nav.petrol2 ul {
  border-right: solid 1px #313c77;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.petrol2 ul a:link,
.share .section-nav.petrol2 ul a:visited {
  color: #313c77;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.petrol2 .loader {
  background-color: #313c77;
}
.share .section-nav.petrol2 .naming {
  color: #fff;
}
.share .section-nav.petrol2 .theBack {
  background-color: #313c77;
}
.share .section-nav.green1 h2,
.share .section-nav.green1 h1,
.share .section-nav.green1 .h2 {
  color: #0bb99e !important;
  font-size: 58px;
  line-height: 52px;
}
.share .section-nav.green1 ul {
  border-right: solid 1px #0bb99e;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.green1 ul a:link,
.share .section-nav.green1 ul a:visited {
  color: #0bb99e;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.green1 .loader {
  background-color: #0bb99e;
}
.share .section-nav.green1 .naming {
  color: #fff;
}
.share .section-nav.green1 .theBack {
  background-color: #0bb99e;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.green1 .main-slide-icon.share {
    background-color: #0bb99e;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.green1 .main-slide-icon.share {
    background-color: #0bb99e;
  }
}
.share .section-nav.green2 h2,
.share .section-nav.green2 h1,
.share .section-nav.green2 .h2 {
  color: #0ba5ab !important;
  font-size: 58px;
  line-height: 52px;
}
.share .section-nav.green2 ul {
  border-right: solid 1px #0ba5ab;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.green2 ul a:link,
.share .section-nav.green2 ul a:visited {
  color: #0ba5ab;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.green2 .loader {
  background-color: #0ba5ab;
}
.share .section-nav.green2 .naming {
  color: #fff;
}
.share .section-nav.green2 .theBack {
  background-color: #0ba5ab;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.green2 .main-slide-icon.share {
    background-color: #0ba5ab;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.green2 .main-slide-icon.share {
    background-color: #0ba5ab;
  }
}
.share .section-nav.red1 h2,
.share .section-nav.red1 h1,
.share .section-nav.red1 .h2 {
  color: #971117 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .section-nav.red1 ul {
  border-right: solid 1px #971117;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.red1 ul a:link,
.share .section-nav.red1 ul a:visited {
  color: #971117;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.red1 .loader {
  background-color: #971117;
}
.share .section-nav.red1 .naming {
  color: white;
}
.share .section-nav.red1 .theBack {
  background-color: #971117;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.red1 .main-slide-icon.share {
    background-color: #971117;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.red1 .main-slide-icon.share {
    background-color: #971117;
  }
}
.share .section-nav.red2 h2,
.share .section-nav.red2 h1,
.share .section-nav.red2 .h2 {
  color: #bc1622 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .section-nav.red2 ul {
  border-right: solid 1px #bc1622;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.red2 ul a:link,
.share .section-nav.red2 ul a:visited {
  color: #bc1622;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.red2 .loader {
  background-color: #bc1622;
}
.share .section-nav.red2 .naming {
  color: white;
}
.share .section-nav.red2 .theBack {
  background-color: #bc1622;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.red2 .main-slide-icon.share {
    background-color: #bc1622;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.red2 .main-slide-icon.share {
    background-color: #bc1622;
  }
}
.share .section-nav.red3 h2,
.share .section-nav.red3 h1,
.share .section-nav.red3 .h2 {
  color: #750a0f !important;
  font-size: 58px;
  line-height: 52px;
}
.share .section-nav.red3 ul {
  border-right: solid 1px #750a0f;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.red3 ul a:link,
.share .section-nav.red3 ul a:visited {
  color: #750a0f;
  transition: all 0.25s ease-in-out;
}
.share .section-nav.red3 .loader {
  background-color: #750a0f;
}
.share .section-nav.red3 .naming {
  color: white;
}
.share .section-nav.red3 .theBack {
  background-color: #750a0f;
}
@media only screen and (max-width: 768px) {
  .share .section-nav.red3 .main-slide-icon.share {
    background-color: #750a0f;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share .section-nav.red3 .main-slide-icon.share {
    background-color: #750a0f;
  }
}
.share .loader {
  background-color: #313c77;
}
.share section:first-child {
  background-color: #1e1735;
}
.share section:nth-child(2) {
  background-color: white;
}
.share section:nth-child(3) {
  background-color: white;
}
.share section:nth-child(4) {
  background-color: white;
}
.share section:nth-child(5) {
  background-color: #eeeeee;
}
.share .offer-header {
  background-color: #7d3daf;
}
.share .offer-date-block {
  background-color: #313c77;
}
.share .programm-title-block .small-title {
  color: #7d3daf;
}
.share .prog-descr-block h1 {
  color: #7d3daf;
}
.share .text-block h2:before,
.share .text-block h1:before,
.share .text-block .h2:before,
.share .list-block h2:before,
.share .list-block h1:before,
.share .list-block .h2:before,
.share .array-block h2:before,
.share .array-block h1:before,
.share .array-block .h2:before,
.share .extras-block h2:before,
.share .extras-block h1:before,
.share .extras-block .h2:before {
  background-color: transparent;
}
.share .list-block ol li:before {
  color: #7d3daf;
}
.share .extras-block li:before {
  background-image: url(../img/pdf-icon-purple.png);
}
.share .carousel-container .line {
  background-color: #7d3daf;
  border-color: #7d3daf;
}
@media only screen and (max-width: 768px) {
  .share .slide-desc h1:before,
  .share .slide-desc .h2:before,
  .share .slide-desc h2:before {
    background-color: #7d3daf;
  }
}
.share .single-block .line {
  background-color: #7d3daf;
  border-color: #7d3daf;
}
.share .back-fix-sections {
  color: #2e2e38;
}
.share .main-slide-text h2,
.share .main-slide-text .h2 {
  color: #313c77 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text h1 {
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text p {
  color: #24242a !important;
}
.share .main-slide-text.salmon h2,
.share .main-slide-text.salmon h1,
.share .main-slide-text.salmon .h2 {
  color: #ea7f82 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.white h2,
.share .main-slide-text.white h1,
.share .main-slide-text.white .h2 {
  color: white !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.white p {
  color: white !important;
}
.share .main-slide-text.petrol h2,
.share .main-slide-text.petrol h1,
.share .main-slide-text.petrol .h2 {
  color: #2d6194 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.green1 h2,
.share .main-slide-text.green1 h1,
.share .main-slide-text.green1 .h2 {
  color: #0bb99e !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.green2 h2,
.share .main-slide-text.green2 h1,
.share .main-slide-text.green2 .h2 {
  color: #0ba5ab !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.red1 h2,
.share .main-slide-text.red1 h1,
.share .main-slide-text.red1 .h2 {
  color: #971117 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.red2 h2,
.share .main-slide-text.red2 h1,
.share .main-slide-text.red2 .h2 {
  color: #bc1622 !important;
  font-size: 58px;
  line-height: 52px;
}
.share .main-slide-text.red3 h2,
.share .main-slide-text.red3 h1,
.share .main-slide-text.red3 .h2 {
  color: #750a0f !important;
  font-size: 58px;
  line-height: 52px;
}
.share.rainbow.aerio section:nth-child(1) {
  background-color: #0ba5ab;
}
.share.rainbow.aerio .text-block h1:before,
.share.rainbow.aerio .text-block .h2:before,
.share.rainbow.aerio .text-block h2:before {
  display: none;
}
.share.rainbow.axies section:nth-child(1) {
  background-color: #313c77;
}
.share.rainbow.axies section:nth-child(1) .text-block h2,
.share.rainbow.axies section:nth-child(1) .text-block .h2,
.share.rainbow.axies section:nth-child(1) .text-block p {
  color: white !important;
}
.share.rainbow.axies .text-block h1:before,
.share.rainbow.axies .text-block .h2:before,
.share.rainbow.axies .text-block h1:before,
.share.rainbow.axies .text-block h2:before {
  display: none;
}
.share.rainbow.axies .text-block h2,
.share.rainbow.axies .text-block .h2 {
  color: #313c77;
}
.share.rainbow.axies section:nth-child(5) {
  background-color: white;
}
.share.rainbow.hlekriko section:nth-child(1) {
  background-color: #971117;
}
.share.rainbow.hlekriko .text-block h1:before,
.share.rainbow.hlekriko .text-block .h2:before,
.share.rainbow.hlekriko .text-block h2:before {
  display: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.search-results section:first-child {
  background-color: #313c77;
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=whitered] .main-slide-icon.share {
    background-color: white;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=whitered] .main-slide-icon.share {
    background-color: white;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=whitegreen] .main-slide-icon.share {
    background-color: white;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=whitegreen] .main-slide-icon.share {
    background-color: white;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=whitepetrol] .main-slide-icon.share {
    background-color: white;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=whitepetrol] .main-slide-icon.share {
    background-color: white;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=petrol] .main-slide-icon.share {
    background-color: #2d6194;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=petrol] .main-slide-icon.share {
    background-color: #2d6194;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=green1] .main-slide-icon.share {
    background-color: #0bb99e;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=green1] .main-slide-icon.share {
    background-color: #0bb99e;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=green2] .main-slide-icon.share {
    background-color: #0ba5ab;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=green2] .main-slide-icon.share {
    background-color: #0ba5ab;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=red1] .main-slide-icon.share {
    background-color: #971117;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=red1] .main-slide-icon.share {
    background-color: #971117;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=red2] .main-slide-icon.share {
    background-color: #bc1622;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=red2] .main-slide-icon.share {
    background-color: #bc1622;
  }
}

@media only screen and (max-width: 768px) {
  section[data-menuColor=red3] .main-slide-icon.share {
    background-color: #750a0f;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section[data-menuColor=red3] .main-slide-icon.share {
    background-color: #750a0f;
  }
}

@font-face {
  font-family: "CFDinCnBold";
  src: url("../webfonts/CFDinCnBold.eot");
  /* IE9 Compat Modes */
  src: url("../webfonts/CFDinCnBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/CFDinCnBold.woff2") format("woff2"), url("../webfonts/CFDinCnBold.woff") format("woff"), url("../webfonts/CFDinCnBold.ttf") format("truetype"), url("../webfonts/CFDinCnBold.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "CFDinCnLg";
  src: url("../webfonts/CFDinCnLg.eot");
  /* IE9 Compat Modes */
  src: url("../webfonts/CFDinCnLg.eot?#iefix") format("embedded-opentype"), url("../webfonts/CFDinCnLg.woff2") format("woff2"), url("../webfonts/CFDinCnLg.woff") format("woff"), url("../webfonts/CFDinCnLg.ttf") format("truetype"), url("../webfonts/CFDinCnLg.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "CF Din Condensed";
  src: url("../webfonts/CFDinCondensed.eot");
  src: url("../webfonts/CFDinCondensed.eot?#iefix") format("embedded-opentype"), url("../webfonts/CFDinCondensed.woff2") format("woff2"), url("../webfonts/CFDinCondensed.woff") format("woff"), url("../webfonts/CFDinCondensed.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CF Din";
  src: url("../webfonts/CFDin.eot");
  src: url("../webfonts/CFDin.eot?#iefix") format("embedded-opentype"), url("../webfonts/CFDin.woff2") format("woff2"), url("../webfonts/CFDin.woff") format("woff"), url("../webfonts/CFDin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CF Din Book";
  src: url("../webfonts/CFDin-Book.eot");
  src: url("../webfonts/CFDin-Book.eot?#iefix") format("embedded-opentype"), url("../webfonts/CFDin-Book.woff2") format("woff2"), url("../webfonts/CFDin-Book.woff") format("woff"), url("../webfonts/CFDin-Book.ttf") format("truetype"), url("../webfonts/CFDin-Book.svg#CFDin-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Coolvetica";
  font-weight: bold;
  src: url("../webfonts/coolvetica rg.otf") format("opentype");
}
.job-list-block .donators, .search-filter-menu li a:link,
.search-filter-menu li a:visited {
  font-family: "CF Din Book";
  font-weight: normal;
  font-style: normal;
}

.questionNum, .stores.jobPosition section:nth-child(1) h4, .stores.mediaGallery section:nth-child(1) h4 {
  font-family: "CF Din";
  font-weight: normal;
  font-style: normal;
}

.electricity-bill-flag span, .moment .moment-contents .dateblock, .detailslist li, h5, .social-block .post-block .date, .social-block .post-block .post-title, .allResults:link,
.allResults:visited, .search-result-page-block-page-title, .search-header-container h2,
.search-header-container .h2,
.search-header-container h1, .project-details-right .dates-locations .date-block .detail, .project-details-right .dates-locations .date-block .title, .supperr, .amount, .my-but, .job-list-block.headblock .supper, .job-list-block .supper, ul.filter-select.payments ul.selections li, ul.filter-select ul.selections li, ul.filter-select > li, .fileTypes, .tagTitle, .stores-slider-container.pslid h5, .nav-cont, .carousel-container .nav-cont {
  font-family: "CF Din Condensed";
  font-weight: normal;
  font-style: normal;
}

.interviewThanks, .magic-nav-box a.magic-link:link,
.magic-nav-box a.magic-link:visited, .magic-nav-box .counter-box, .history-slide .title-section .date, .lektual, .straight-slider h2,
.straight-slider .h2,
.straight-slider h1, .social-block .social-header, .faqPop .find-section .h3, .faqPop .find-section .h2,
.faqPop .find-section h1, .faqPop .letter-section, .faqPop .backToCategory, .print-slide-img-container h2,
.print-slide-img-container .h2,
.print-slide-img-container h1,
.print-slide-content h2,
.print-slide-content .h2,
.print-slide-content h1, .media-contents h2,
.media-contents .h2,
.media-contents h1, .questionLektiko, .shortForm input[type=radio] + label, .inner-link-block h2,
.inner-link-block .h2,
.inner-link-block h1, .gridButton:link,
.gridButton:visited, .results-block-category, .search-result-category-title, .search-header-container h2 .category,
.search-header-container .h2 .category,
.search-header-container h1 .category, .contact-block-title, .contact-block .theTitle, .job-list-block.headblock h2,
.job-list-block.headblock .h2,
.job-list-block.headblock h1, .job-list-block h2,
.job-list-block .h2,
.job-list-block h1, .slink, .otherSlider .mainSlide .share-single-slide > h2,
.otherSlider .mainSlide .share-single-slide .h2,
.otherSlider .mainSlide .share-single-slide h1,
.otherSlider .slide-back .share-single-slide > h2,
.otherSlider .slide-back .share-single-slide .h2,
.otherSlider .slide-back .share-single-slide h1, .getDirections, .details-container .inners .stitle, .details-container .inners .mtitle, .storeBox button, .storeBox .city-name, .search-section-title .searchTitle, .stores .text-block h4,
.stores .stores-slide h4, .single-block .img-title span, .slide-desc h2,
.slide-desc .h2,
.slide-desc h1, .text-block h2,
.text-block .h2,
.text-block h1,
.list-block h2,
.list-block .h2,
.list-block h1,
.extras-block h2,
.extras-block .h2,
.extras-block h1, .back-fix-sections, .prog-descr-block h1, .programm-title-block .small-title, .programm-title, .ofer-day, .offer-header, .img-block .img-title, .naming, .newsCarousel .slide .details-container h3, .newSection h2, .home-big-carousel .slide .slide-title, .pic-title-carousel .slide .contents h2, .large-button, .e-menu li a:link,
.e-menu li a:visited, .main-menu .submenu > li > a:link,
.main-menu .submenu > li > a:visited,
.main-menu .submenu > li > a:not([href]),
.main-menu .img-menu > li > a:link,
.main-menu .img-menu > li > a:visited,
.main-menu .img-menu > li > a:not([href]), .main-menu > li > a:link,
.main-menu > li > a:visited, .social-menu > li a:link,
.social-menu > li a:visited,
.other-links > li a:link,
.other-links > li a:visited, .mob-menu > li a:link,
.mob-menu > li a:visited, .mob-menu-panel-inner .lang li a:link,
.mob-menu-panel-inner .lang li a:visited, .mobile-menu-container .eContract-mobile, .stores.enpage .accordion-container .accordion-title, .stores.enanti .accordion-container .accordion-title {
  font-family: "CFDinCnBold";
  font-weight: bold;
}

.info-popup, .cfdinLight, .inner-link-block .ektheths:after, .shareBut, .job-list-block.headblock h3, .job-list-block h3, .filter-contents .text-block h3, .filter-title, .list-block.icons ul li:before, .list-block ol li:before, .pic-title-carousel .slide .contents h3, .stores.jobPosition section:nth-child(1) h3, .stores.mediaGallery section:nth-child(1) h3 {
  font-family: "CFDinCnLg";
  font-weight: lighter;
}

.offer-date {
  font-family: "Roboto Slab", serif;
  font-weight: 100;
}

.project-details-right p, .blue-box p {
  font-family: "Roboto Slab", serif;
  font-weight: 300;
}

.info-popup .info-footer, .social-block p, .print-slide-img-container p,
.print-slide-content p, #bankPaymentPop .filter-tag, .inner-link-block p, .loadmore-btn:link,
.loadmore-btn:visited, .results-block-text, .results-block-title:link,
.results-block-title:visited, .searchField-container input[type=search], .search-result-page-block .readmore:link,
.search-result-page-block .readmore:visited, .search-result-page-block p a:link,
.search-result-page-block p a:visited, .search-result-page-block p, .search-result-page-block-link-title a:link,
.search-result-page-block-link-title a:visited, .contact-block p, .project-details-right .signature, .photo-gallery-container .photo-gallery .img-slide .caption, .job-list-block.eke .support, .conditions .error, .input-block textarea, .input-block input[type=text],
.input-block input[type=email],
.input-block input[type=tel],
.input-block .pathToFile, .input-block .error, .input-block label, .form-row.controls .conditions a:link,
.form-row.controls .conditions a:visited, .details-container .inners, .storeBox .adress, .resultBox, .filter-menu li a:link,
.filter-menu li a:visited, .filter-menu-container.search .tagTitle, .single-block .single-block-description, .extras-block ul li a:link,
.extras-block ul li a:visited, .mybut.fake-submit.textbut:before,
.mybut.swiper-button-prev.textbut:before,
.mybut.swiper-button-next.textbut:before,
a.mybut.fake-submit:link.textbut:before,
.mybut.swiper-button-prev:link.textbut:before,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut:before,
.mybut.swiper-button-prev:visited.textbut:before,
.mybut.swiper-button-next:visited.textbut:before, .mybut.fake-submit.textbut:after,
.mybut.swiper-button-prev.textbut:after,
.mybut.swiper-button-next.textbut:after,
a.mybut.fake-submit:link.textbut:after,
.mybut.swiper-button-prev:link.textbut:after,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut:after,
.mybut.swiper-button-prev:visited.textbut:after,
.mybut.swiper-button-next:visited.textbut:after, .mybut.fake-submit span,
.mybut.swiper-button-prev span,
.mybut.swiper-button-next span,
a.mybut.fake-submit:link span,
.mybut.swiper-button-prev:link span,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited span,
.mybut.swiper-button-prev:visited span,
.mybut.swiper-button-next:visited span, .mybut.textbut:before,
a.mybut:link.textbut:before,
a.mybut:visited.textbut:before, .mybut.textbut:after,
a.mybut:link.textbut:after,
a.mybut:visited.textbut:after, .newsCarousel .slide .details-container p, .newsCarousel .slide .details-container .date, .home-big-carousel .slide .slide-img-cont .descr,
.home-big-carousel .slide .slide-img-cont .descr p, .header-carousel .mybut span, .main-menu .list-menu li a:link,
.main-menu .list-menu li a:visited, .mob-menu .img-menu > li .list-menu a:link,
.mob-menu .img-menu > li .list-menu a:visited {
  font-family: "Roboto Slab", serif;
  font-weight: 400;
}

.blue-box .signature, .prog-descr-block p {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
}

body {
  font-family: "Roboto Slab", serif;
  overflow-x: hidden;
}
body.is-active {
  overflow: hidden;
}

.share.rainbow.axies.pinanim.wside::-webkit-scrollbar,
.share.pinanim.wside::-webkit-scrollbar {
  display: none;
}

.fluidContainer {
  width: 100%;
  position: relative;
}

.fluidContainerFixed {
  width: 100%;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.fluidContainerFixed.small {
  max-width: 1370px;
  width: 95%;
}
@media only screen and (max-width: 768px) {
  .fluidContainerFixed.small {
    width: 81.33333vw;
  }
}

.outerContainer {
  max-width: 1650px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 0 10px;
}
.outerContainer.flexed {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .outerContainer {
    width: 81.3333333333vw;
    margin: 0 auto;
    flex-grow: unset;
    padding: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .outerContainer {
    width: 81.3333333333vw;
    margin: 0 auto;
    flex-grow: unset;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .outerContainer {
    width: 81.33333vw;
  }
}
@media only screen and (max-width: 768px) {
  .outerContainer.pad {
    width: 95%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .outerContainer.pad {
    width: 95%;
  }
}
.outerContainer.xsmall {
  max-width: 1088px;
}
.outerContainer.small {
  max-width: 1410px;
}
.outerContainer.fourofour {
  display: flex;
  align-items: center !important;
}
.outerContainer.threeD {
  align-items: center !important;
  justify-content: space-between;
  flex-wrap: nowrap !important;
}
@media only screen and (max-width: 768px) {
  .outerContainer.threeD {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: space-around;
    padding-top: 75px;
  }
}
.outerContainer.threeD .threeDimg {
  flex: 0 1 auto;
  margin-left: 50px;
  transform: translateX(13%);
}
@media only screen and (max-width: 768px) {
  .outerContainer.threeD .threeDimg {
    align-self: center;
    width: 70%;
    margin-left: 0;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .outerContainer.threeD .threeDimg {
    align-self: center;
    width: 50%;
    margin-left: 0;
    transform: translateX(0);
  }
}
.outerContainer.threeD .landing-description-container {
  flex: 0 1 auto;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .outerContainer.threeD .landing-description-container {
    align-self: flex-start;
    padding-bottom: 0;
    flex: 0 1 auto !important;
    width: auto;
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .outerContainer.save {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .outerContainer.save {
    padding-bottom: 60px;
  }
}

.share.pinanim.rainbow section {
  height: 100vh !important;
}
@media only screen and (max-width: 768px) {
  .share.pinanim.rainbow section {
    height: auto !important;
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share.pinanim.rainbow section {
    height: auto !important;
    min-height: unset;
  }
}
@media only screen and (max-width: 768px) {
  .share.pinanim.rainbow section:first-child {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share.pinanim.rainbow section:first-child {
    padding-top: 100px;
  }
}
.share.pinanim.rainbow .innerContainer.share {
  margin-top: 134px;
}

@media only screen and (max-width: 768px) {
  .share.pinanim:not(.rainbow) section {
    height: auto !important;
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share.pinanim:not(.rainbow) section {
    height: auto !important;
    min-height: unset;
  }
}
@media only screen and (max-width: 768px) {
  .share.pinanim:not(.rainbow) section:first-child {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .share.pinanim:not(.rainbow) section:first-child {
    padding-top: 100px;
  }
}
.share.pinanim:not(.rainbow) .innerContainer.share {
  margin-top: 0px;
}

.innerContainer {
  max-width: 1230px;
  margin-left: 22.7642276423%;
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 100px;
  z-index: 5;
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .innerContainer {
    margin-left: 16.2601626016%;
  }
}
@media only screen and (max-width: 767px) {
  .innerContainer {
    width: 81.3333333333vw;
  }
}
.innerContainer.full {
  height: 100%;
}
.innerContainer.share {
  width: 56.6666666667vw;
  flex-grow: unset;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .innerContainer.share {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .innerContainer.share {
    width: 81.3333333333vw;
    margin: 0 auto !important;
    flex-grow: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .innerContainer.share {
    width: 81.3333333333vw;
    margin: 0 auto !important;
    flex-grow: unset;
  }
}
.innerContainer.share .share-logo {
  min-width: 450px;
  min-height: 450px;
  max-width: 833px;
  max-height: 833px;
  align-self: center;
  width: 30.5882352941vw;
  height: 30.5882352941vw;
}
.innerContainer.bill {
  width: 90%;
  max-width: 1088px;
  flex-grow: unset;
  min-height: unset !important;
}
@media only screen and (max-width: 768px) {
  .innerContainer.bill {
    width: 81.3333333333vw;
    margin: 0 auto;
    flex-grow: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .innerContainer.bill {
    width: 81.3333333333vw;
    margin: 0 auto;
    flex-grow: unset;
  }
}
@media only screen and (max-width: 768px) {
  .innerContainer {
    width: 81.3333333333vw;
    margin: 0 auto !important;
    flex-grow: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .innerContainer {
    width: 81.3333333333vw;
    margin: 0 auto !important;
    flex-grow: unset;
  }
}
.innerContainer.enanti {
  margin-left: unset;
  margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "CFDinCnBold", serif;
  letter-spacing: 1px;
}

.light {
  font-family: "CFDinCnLg", serif;
}

img {
  max-width: 100%;
  height: auto;
}

.menu-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.transBox {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -10;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.15s ease-in-out;
}
.transBox.in-view {
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.8);
}

.main-menu-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 114px;
  z-index: 100;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  opacity: 1;
}
@media only screen and (max-width: 1280px) {
  .main-menu-container {
    height: 94px;
  }
}
@media only screen and (max-width: 1100px) {
  .main-menu-container {
    display: none;
  }
}
.main-menu-container.is-active {
  transform: translateY(100%);
}
.main-menu-container.is-active .main-menu > li > a:link,
.main-menu-container.is-active .main-menu > li > a:visited {
  color: #313c77;
}
.main-menu-container.is-active .main-menu > li > a:link:before,
.main-menu-container.is-active .main-menu > li > a:visited:before {
  top: calc(100% + 4px);
  bottom: auto;
}
.main-menu-container.is-active .top-menu {
  background: #21294f;
  box-shadow: 0 0px 5px 4px rgba(33, 41, 79, 0.5);
}
.main-menu-container.is-active .bottom-menu-inner-container {
  box-shadow: 0 5px 13px 2px rgba(33, 41, 79, 0.5);
  transition: box-shadow 0.15s ease-in-out;
}
.main-menu-container.is-active .e-menu li:first-child {
  border: solid 0px #bb1117;
}
.main-menu-container.is-sticked {
  position: fixed;
  top: -114px;
}
@media only screen and (max-width: 1280px) {
  .main-menu-container.is-sticked {
    top: -94px;
  }
}
.main-menu-container.is-sticked .bottom-menu-inner-container {
  background-color: white;
}
.main-menu-container.is-sticked.is-inactive .main-menu > li > ul {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translate(-50%, 50px) !important;
  transition: all 0.15s ease-in-out !important;
}
.main-menu-container.is-sticked.is-inactive .top-menu {
  background: #21294f;
  box-shadow: 0 0px 5px 4px rgba(33, 41, 79, 0);
}
.main-menu-container.is-sticked.is-inactive .bottom-menu-inner-container {
  transition: box-shadow 0.15s ease-in-out;
  box-shadow: 0 5px 13px 2px rgba(33, 41, 79, 0);
}

.mobile-menu-container {
  display: none;
  width: 93.0666666667vw;
  height: 45px;
  position: absolute;
  top: 15px;
  left: calc(50% - 46.5333333333vw);
  z-index: 100;
  justify-content: space-between;
  align-items: stretch;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease-in-out;
  border-radius: 23px;
  box-shadow: 0 5px 13px 2px rgba(33, 41, 79, 0.5);
}
.mobile-menu-container .mob-logo,
.mobile-menu-container .search-cont {
  flex-basis: 100%;
  flex-grow: 1;
  background-color: white;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.mobile-menu-container .mob-logo {
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
  padding-left: 6px;
  min-width: 70px;
}
.mobile-menu-container .mob-logo img {
  height: 84.4444444444%;
  width: auto;
}
.mobile-menu-container .search-cont {
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
  flex-direction: row-reverse;
  box-sizing: border-box;
  padding-right: 18px;
}
.mobile-menu-container .menu-trig,
.mobile-menu-container .eContract-mobile {
  max-width: 113px;
  width: 30.1333333333vw;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 100%;
}
.mobile-menu-container .eContract-mobile {
  background-color: #ac2823;
  padding: 0 10px;
  color: white;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 20px;
  min-width: 100px;
  white-space: nowrap;
}
.mobile-menu-container .eContract-mobile:hover {
  text-decoration: none;
}
.mobile-menu-container .menu-trig {
  background-color: #314579;
  margin-left: 4px;
  padding-top: 5px;
}
@media only screen and (max-width: 1100px) {
  .mobile-menu-container {
    display: flex;
  }
}
.mobile-menu-container.is-sticked {
  top: -45px;
  position: fixed;
}
.mobile-menu-container.is-active {
  top: -30px;
  transform: translateY(100%);
  transition: all 0.25s ease-in-out;
  box-shadow: 0 5px 13px 2px rgba(33, 41, 79, 0.5);
}
.mobile-menu-container.is-sticked:not(.is-active) {
  box-shadow: 0 5px 13px 2px rgba(33, 41, 79, 0);
}

.mob-menu-panel {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .mob-menu-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: rgba(28, 28, 28, 0.9);
    z-index: -9;
    display: flex;
    transition: opacity 0.25s ease-in-out 0.15s;
  }
  .mob-menu-panel.is-active {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
  }
}
.mob-menu-panel-inner {
  min-height: 100vh;
  background-color: #efefef;
  transform: translateX(-100%);
  transition: all 0.15s ease-in-out;
}
.mob-menu-panel-inner.is-active {
  transition: all 0.15s ease-in-out 0.2s;
  transform: translateX(0);
}

.bottom-menus {
  display: flex;
  justify-content: space-between;
}

.mob-menu-panel-inner {
  padding-bottom: 50px;
  position: relative;
  display: table;
  min-height: 100vh;
  height: 100%;
  box-sizing: border-box;
}
.mob-menu-panel-inner ul {
  list-style: none;
  position: relative;
  box-sizing: border-box;
}
.mob-menu-panel-inner ul li {
  display: block;
  position: relative;
}
.mob-menu-panel-inner ul li a:link,
.mob-menu-panel-inner ul li a:visited {
  height: 53px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.mob-menu-panel-inner ul li .arrow {
  position: absolute;
  background-image: url(../img/down-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  top: 26.5px;
  transform: translateY(-50%) scale(1.2);
  right: 0;
  width: 40px;
  height: 53px;
  cursor: pointer;
}
.mob-menu-panel-inner ul li.active > .arrow {
  background-image: url(../img/up-arrow.png);
}
.mob-menu-panel-inner ul li ul {
  display: none;
}
.mob-menu-panel-inner ul li:hover > .arrow {
  filter: brightness(0%) invert(100%) grayscale(100%);
}
.mob-menu-panel-inner .bottom-menus {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: stretch;
  height: 25px;
}
.mob-menu-panel-inner .social-menu {
  max-width: 76px;
  padding-left: 10px;
}
.mob-menu-panel-inner .social-menu li {
  padding: 0 10px;
}
.mob-menu-panel-inner .social-menu a:link,
.mob-menu-panel-inner .social-menu a:visited {
  color: #333d73;
  padding: 0;
  height: unset;
}
.mob-menu-panel-inner .lang {
  display: flex;
  justify-content: space-between;
  padding-right: 10px;
}
.mob-menu-panel-inner .lang li {
  padding: 10px;
  display: flex;
  align-items: stretch;
}
.mob-menu-panel-inner .lang li a:link,
.mob-menu-panel-inner .lang li a:visited {
  color: #333d73;
  font-size: 19px;
  line-height: 19px;
  display: flex;
  align-items: center;
  height: unset;
}
.mob-menu-panel-inner .lang li a:link:hover,
.mob-menu-panel-inner .lang li a:visited:hover {
  text-decoration: none;
}
.mob-menu-panel-inner.iOS {
  min-height: calc(100vh + 120px);
}
.mob-menu-panel-inner.iOS .bottom-menus {
  bottom: 120px;
}

.mob-menu {
  list-style: none;
  padding: 0;
  margin: 124px 0 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.mob-menu .myhron {
  background-image: url(../img/user-icon-blue.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  padding-left: 44px !important;
}
.mob-menu .myhron:hover {
  background-image: url(../img/user-icon.png);
}
.mob-menu > li a:link,
.mob-menu > li a:visited {
  height: 53px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box;
  width: 100%;
  color: #333d73;
  letter-spacing: 1px;
  font-size: 19px;
  line-height: 19px;
  border-top: solid 1px #f6f6f6;
  width: 100%;
  transition: all 0.25s ease-in-out;
}
.mob-menu > li a:link:hover,
.mob-menu > li a:visited:hover {
  color: white;
  background-color: #333d73;
  text-decoration: none;
}
.mob-menu > li.active > a:link,
.mob-menu > li.active > a:visited, .mob-menu > li:hover > a:link,
.mob-menu > li:hover > a:visited {
  color: white;
  background-color: #333d73;
}
.mob-menu .img-menu .mImgCont {
  display: none;
}
.mob-menu .submenu {
  padding-left: 0;
}
.mob-menu .submenu > li > a:link,
.mob-menu .submenu > li > a:visited {
  font-size: 15px;
  line-height: 15px;
  padding-left: 34px;
  color: white;
}
.mob-menu .submenu > li:first-child > a:link,
.mob-menu .submenu > li:first-child > a:visited {
  background-image: url(../img/electricity-back-button.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.mob-menu .submenu > li:first-child > a:link:hover,
.mob-menu .submenu > li:first-child > a:visited:hover {
  background-size: 150% auto;
}
.mob-menu .submenu > li:first-child .list-menu a:link,
.mob-menu .submenu > li:first-child .list-menu a:visited {
  color: #a30b12 !important;
}
.mob-menu .submenu > li:not(:first-child):not(:last-child) > a:link,
.mob-menu .submenu > li:not(:first-child):not(:last-child) > a:visited {
  background-image: url(../img/ecoEnergy-button-back.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.mob-menu .submenu > li:not(:first-child):not(:last-child) > a:link:hover,
.mob-menu .submenu > li:not(:first-child):not(:last-child) > a:visited:hover {
  background-size: 150% auto;
}
.mob-menu .submenu > li:not(:first-child):not(:last-child) .list-menu a:link,
.mob-menu .submenu > li:not(:first-child):not(:last-child) .list-menu a:visited {
  color: #009978 !important;
}
.mob-menu .submenu > li:last-child > a:link,
.mob-menu .submenu > li:last-child > a:visited {
  background-image: url(../img/gas-button-back.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.mob-menu .submenu > li:last-child > a:link:hover,
.mob-menu .submenu > li:last-child > a:visited:hover {
  background-size: 150% auto;
}
.mob-menu .submenu > li:last-child .list-menu a:link,
.mob-menu .submenu > li:last-child .list-menu a:visited {
  color: #313c77 !important;
}
.mob-menu .img-menu {
  padding-left: 0;
  display: none;
}
.mob-menu .img-menu > li > a:link,
.mob-menu .img-menu > li > a:visited {
  font-size: 15px;
  line-height: 15px;
  padding-left: 34px;
  color: #333d73;
  background-color: #f2f1f1;
}
.mob-menu .img-menu > li > a:link:hover,
.mob-menu .img-menu > li > a:visited:hover {
  color: white !important;
  background-color: #333d73;
}
.mob-menu .img-menu > li .list-menu {
  width: 100%;
  padding: 0;
  display: none;
  flex-direction: column;
}
.mob-menu .img-menu > li .list-menu a:link,
.mob-menu .img-menu > li .list-menu a:visited {
  border-bottom: 1px solid #f4f3f3;
  padding-left: 40px;
  font-size: 12px;
  line-height: 12px;
}
.mob-menu .img-menu > li .list-menu a:link:hover,
.mob-menu .img-menu > li .list-menu a:visited:hover {
  color: white !important;
}
.mob-menu .img-menu > li.active > a:link,
.mob-menu .img-menu > li.active > a:visited {
  color: white;
  background-color: #333d73;
}

.logolink {
  min-width: 140px;
}
.logolink img {
  max-height: 50px;
}

.top-menu {
  width: 100%;
  margin: 0 auto;
  height: 40px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  transition: transform 0.3s ease-out;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .top-menu {
    height: 30px;
  }
}
.top-menu.out {
  transform: translateY(-100%);
}

.top-menu-contents {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1650px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

.social-menu,
.other-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.social-menu > li,
.other-links > li {
  display: flex;
  align-items: center;
  padding: 0 25px;
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.social-menu > li:hover,
.other-links > li:hover {
  background-color: #293263;
}
.social-menu > li:hover > ul,
.other-links > li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
  pointer-events: initial;
}
.social-menu > li a:link,
.social-menu > li a:visited,
.other-links > li a:link,
.other-links > li a:visited {
  color: white;
  text-decoration: none;
  font-size: 18px;
  line-height: 16px;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}
.social-menu > li > ul,
.other-links > li > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  pointer-events: none;
}
.social-menu > li > ul li,
.other-links > li > ul li {
  flex: 1 1 auto;
  display: inline-flex;
  border-right: solid 1px #313c77;
  position: relative;
  background-color: white;
}
.social-menu > li > ul li:before,
.other-links > li > ul li:before {
  content: "";
  width: 100%;
  height: 10%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #293263;
  transition: height 0.15s ease-in-out;
}
.social-menu > li > ul li:nth-child(2):before,
.other-links > li > ul li:nth-child(2):before {
  background-color: #ffbfbf;
}
.social-menu > li > ul li:nth-child(3):before,
.other-links > li > ul li:nth-child(3):before {
  background-color: #32a797;
}
.social-menu > li > ul li:hover:before,
.other-links > li > ul li:hover:before {
  height: 100%;
}
.social-menu > li > ul li a:link,
.social-menu > li > ul li a:visited,
.other-links > li > ul li a:link,
.other-links > li > ul li a:visited {
  color: #313c77;
  text-decoration: none;
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  transition: all 0.15s ease-in-out;
}
.social-menu > li > ul li a:link:hover,
.social-menu > li > ul li a:visited:hover,
.other-links > li > ul li a:link:hover,
.other-links > li > ul li a:visited:hover {
  color: white;
}
.social-menu > li > ul li:last-child,
.other-links > li > ul li:last-child {
  border: none;
}

.bottom-menu-container {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: stretch;
  margin-top: auto;
  justify-content: center;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 1280px) {
  .bottom-menu-container {
    height: 54px;
  }
}
.bottom-menu-container.out {
  opacity: 0;
  transform: translateY(100%);
}

.bottom-menu-inner-container {
  border-radius: 37px;
  max-width: 1630px;
  box-sizing: border-box;
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
}

.main-menu,
.e-menu {
  list-style: none;
  height: 50px;
  display: flex;
  padding: 0;
  align-self: center;
  align-items: stretch;
}
@media only screen and (max-width: 1280px) {
  .main-menu,
  .e-menu {
    height: 40px;
  }
}
.main-menu > li,
.e-menu > li {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.main-menu {
  margin: 0 calc(4.7272727273% - 22px) 0 calc(4.7272727273% - 22px);
  max-width: 800px;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .main-menu > li {
    margin: 0 22px;
  }
}
.main-menu > li > a:link,
.main-menu > li > a:visited {
  color: white;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  letter-spacing: 1.5px;
  white-space: nowrap;
}
@media only screen and (max-width: 1280px) {
  .main-menu > li > a:link,
  .main-menu > li > a:visited {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .main-menu > li > a:link,
  .main-menu > li > a:visited {
    font-size: 24px;
    line-height: 24px;
  }
}
.main-menu > li > a:link:before,
.main-menu > li > a:visited:before {
  content: "";
  width: 100%;
  bottom: 0;
  height: 3px;
  background-color: #bb1117;
  position: absolute;
  left: 0;
  display: none;
}
.main-menu > li > a:link:hover,
.main-menu > li > a:visited:hover {
  text-decoration: none;
}
.main-menu > li > a:link:hover:before,
.main-menu > li > a:visited:hover:before {
  display: block;
}
.main-menu > li > ul {
  position: absolute;
  left: 50% !important;
  opacity: 0;
  transform: translate(-50%, 50px);
  transition: all 0.15s ease-in-out;
  top: calc(100% - 10px) !important;
  padding-top: 10px !important;
  pointer-events: none;
}
.main-menu > li:hover > ul {
  left: 50% !important;
  opacity: 1;
  transform: translate(-50%, 0px);
  transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: initial;
}
.main-menu .submenu,
.main-menu .img-menu,
.main-menu .list-menu {
  position: absolute;
  width: 100%;
  max-width: 1920px;
  display: flex;
  list-style: none;
  margin: 0;
}
.main-menu .submenu li,
.main-menu .img-menu li,
.main-menu .list-menu li {
  position: relative;
}
.main-menu .submenu,
.main-menu .img-menu {
  left: 0;
  top: 100%;
  padding: 0;
}
.main-menu .submenu > li,
.main-menu .img-menu > li {
  flex-basis: 100%;
  flex-grow: 1;
}
.main-menu .submenu > li > a:link,
.main-menu .submenu > li > a:visited,
.main-menu .submenu > li > a:not([href]),
.main-menu .img-menu > li > a:link,
.main-menu .img-menu > li > a:visited,
.main-menu .img-menu > li > a:not([href]) {
  color: white;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .main-menu .submenu > li > a:link,
  .main-menu .submenu > li > a:visited,
  .main-menu .submenu > li > a:not([href]),
  .main-menu .img-menu > li > a:link,
  .main-menu .img-menu > li > a:visited,
  .main-menu .img-menu > li > a:not([href]) {
    font-size: 2.0016680567vw;
    line-height: 2.0016680567vw;
  }
}
.main-menu .submenu > li > a:not([href]):hover,
.main-menu .img-menu > li > a:not([href]):hover {
  color: white;
  pointer-events: none !important;
}
.main-menu .submenu {
  height: 126px !important;
  align-items: stretch;
}
@media only screen and (max-width: 1280px) {
  .main-menu .submenu {
    height: 106px !important;
  }
}
.main-menu .submenu > li {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in-out;
}
.main-menu .submenu > li:first-child {
  background-image: url(../img/electricity-back-button.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.main-menu .submenu > li:first-child .list-menu a:link,
.main-menu .submenu > li:first-child .list-menu a:visited {
  color: #a30b12 !important;
}
.main-menu .submenu > li:not(:first-child):not(:last-child) {
  background-image: url(../img/ecoEnergy-button-back.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.main-menu .submenu > li:not(:first-child):not(:last-child) .list-menu a:link,
.main-menu .submenu > li:not(:first-child):not(:last-child) .list-menu a:visited {
  color: #009978 !important;
}
.main-menu .submenu > li:last-child {
  background-image: url(../img/gas-button-back.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}
.main-menu .submenu > li:last-child .list-menu a:link,
.main-menu .submenu > li:last-child .list-menu a:visited {
  color: #313c77 !important;
}
.main-menu .submenu > li:hover {
  background-size: 100% auto;
}
.main-menu .img-menu {
  top: 100%;
  height: 179px;
  flex-wrap: nowrap;
  flex-direction: row;
}
@media only screen and (max-width: 1280px) {
  .main-menu .img-menu {
    height: 149px;
  }
}
.main-menu .img-menu > li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.main-menu .img-menu > li .mImgCont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main-menu .img-menu > li img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 105%;
  height: 105%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.55s ease-in-out;
  display: block;
}
.main-menu .img-menu > li:nth-child(odd) .list-menu {
  background-color: white;
}
.main-menu .img-menu > li:nth-child(odd) .list-menu a:link,
.main-menu .img-menu > li:nth-child(odd) .list-menu a:visited {
  color: #a30b12;
}
.main-menu .img-menu > li:nth-child(even) .list-menu {
  background-color: #efefef;
}
.main-menu .img-menu > li:nth-child(even) .list-menu a:link,
.main-menu .img-menu > li:nth-child(even) .list-menu a:visited {
  color: #313c77;
}
.main-menu .img-menu > li:hover img {
  transition: all 0.55s ease-in-out;
  transform: translate(-50%, -50%) scale(1);
}
.main-menu .list-menu {
  flex-direction: column;
  top: 100%;
  justify-content: flex-start;
  padding: 15px 0;
}
.main-menu .list-menu li {
  justify-content: flex-start;
  margin-left: 50%;
  transform: translateX(-50%);
  width: 80%;
}
.main-menu .list-menu li a:link,
.main-menu .list-menu li a:visited {
  font-size: 13px;
  line-height: 22px;
  position: relative;
}
.main-menu .list-menu li a:link:hover,
.main-menu .list-menu li a:visited:hover {
  text-decoration: underline;
}

.e-menu {
  margin: 0 0 0 auto;
}
.e-menu li {
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.303030303vw;
  max-width: 170px;
  min-width: 130px;
  height: 50px;
  margin-right: 8px;
}
@media only screen and (max-width: 1280px) {
  .e-menu li {
    height: 40px;
  }
}
.e-menu li:first-child {
  border: solid 0px white;
}
.e-menu li:last-child {
  background-color: #bb1117;
}
.e-menu li a:link,
.e-menu li a:visited {
  color: white;
  font-size: 24px;
  line-height: 24px;
}
.e-menu li a:link:hover,
.e-menu li a:visited:hover {
  text-decoration: none;
}

.gallery-carousel {
  max-width: 100vw;
}
.gallery-carousel .galleryContainer {
  position: relative;
  height: 100vh !important;
  width: 100vw !important;
}
.gallery-carousel .galleryContainer .outerContainer {
  height: 90%;
}
.gallery-carousel .slick-dots {
  bottom: 100px !important;
}
@media only screen and (max-width: 768px) {
  .gallery-carousel .slick-dots {
    bottom: 45px !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .gallery-carousel .slick-dots {
    bottom: 45px !important;
  }
}
.gallery-carousel .slick-dots {
  display: flex;
  visibility: visible;
  padding-left: 7.29167vw;
  max-width: 1650px;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}
.gallery-carousel .slick-dots li {
  width: 12px;
  height: 12px;
  border: solid 1px white;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  .gallery-carousel .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .gallery-carousel .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.gallery-carousel .slick-dots li.slick-active {
  background-color: white;
}
.gallery-carousel .slick-dots li * {
  visibility: hidden;
}
.gallery-carousel.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.header-carousel {
  height: 100%;
  min-height: 100vh;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .header-carousel .landing-description-container {
    margin-left: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .landing-description-container {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .header-carousel .landing-description-container .text-block {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .landing-description-container .text-block {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .header-carousel .outerContainer {
    align-self: flex-end !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .outerContainer {
    align-self: flex-end !important;
  }
}
.header-carousel .slick-slide {
  min-height: 100vh;
  height: 800px;
  display: flex;
  align-items: stretch;
  position: relative;
}
.header-carousel .slick-slide > div,
.header-carousel .slick-slide .fluidContainer {
  width: 100%;
  display: flex !important;
  align-items: stretch;
}
.header-carousel h2,
.header-carousel .h2,
.header-carousel h1 {
  font-size: 3.0208333333vw !important;
  line-height: 2.7083333333vw !important;
  width: 27.6041666667vw;
}
@media only screen and (max-width: 767px) {
  .header-carousel h2,
  .header-carousel .h2,
  .header-carousel h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .header-carousel h2,
  .header-carousel .h2,
  .header-carousel h1 {
    font-size: 58px !important;
    line-height: 52px !important;
  }
}
.header-carousel h2:before,
.header-carousel .h2:before,
.header-carousel h1:before {
  display: none;
}
.header-carousel .slider-back {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.header-carousel .slider-back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-carousel .outerContainer {
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .header-carousel .mybut {
    padding: 9px 14px;
    white-space: nowrap;
    width: auto !important;
    height: auto !important;
    min-height: 32px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .mybut {
    padding: 9px 14px;
    white-space: nowrap;
    width: auto !important;
    height: auto !important;
    min-height: 32px;
  }
}
.header-carousel .mybut:after {
  display: none !important;
}
.header-carousel .mybut span {
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 16px;
}
.header-carousel .mybut span:hover {
  color: #971117;
}
@media only screen and (max-width: 768px) {
  .header-carousel .mybut span {
    font-size: 10px;
    line-height: 10px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .mybut span {
    font-size: 10px;
    line-height: 10px;
  }
}
.header-carousel .slick-dots {
  bottom: 100px !important;
}
@media only screen and (max-width: 768px) {
  .header-carousel .slick-dots {
    bottom: 45px !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .slick-dots {
    bottom: 45px !important;
  }
}
.header-carousel .slick-dots {
  display: flex;
  visibility: visible;
  padding-left: 7.29167vw;
  max-width: 1650px;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}
.header-carousel .slick-dots li {
  width: 12px;
  height: 12px;
  border: solid 1px white;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  .header-carousel .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .header-carousel .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.header-carousel .slick-dots li.slick-active {
  background-color: white;
}
.header-carousel .slick-dots li * {
  visibility: hidden;
}
.header-carousel.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.large-button-container {
  width: 41.8229166667vw;
  height: 30.5729166667vw;
  max-width: 803px;
  max-height: 587px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 0 0.9895833333vw;
  transform: translateY(0);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.large-button-container.active {
  transform: translateY(-11.9250425894%);
}
@media only screen and (max-width: 767px) {
  .large-button-container.active {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  .large-button-container {
    width: 100%;
    height: 205px;
    margin: 0;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .large-button-container {
    margin: 0 19px;
  }
}

.large-button {
  transform-style: preserve-3d;
  width: 41.8229166667vw;
  height: 30.5729166667vw;
  max-width: 803px;
  max-height: 587px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 3.0208333333vw;
  line-height: 2.7083333333vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .large-button {
    font-size: 58px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .large-button {
    width: 100%;
    height: 100%;
    font-size: 26px;
    line-height: 23px;
  }
}
.large-button .big-link {
  transform: translateZ(50px);
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .large-button .big-link {
    margin-top: 30px;
  }
}
.large-button:hover {
  text-decoration: none;
  color: white;
}

.pic-title-container .nav-cont {
  display: none;
}
@media only screen and (max-width: 768px) {
  .pic-title-container .nav-cont {
    display: flex;
    max-width: 120px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .pic-title-container .nav-cont {
    display: flex;
    max-width: 120px;
    margin-top: 20px;
  }
}

.pic-title-carousel {
  width: 100%;
  margin-top: 6.25vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .pic-title-carousel {
    margin-top: 120px;
  }
}
.pic-title-carousel .slide {
  width: 27.3958333333vw;
  max-width: 526px;
  height: 324px;
  display: flex !important;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .pic-title-carousel .slide {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .pic-title-carousel .slide {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media only screen and (max-width: 767px) {
  .pic-title-carousel .slide {
    max-width: 417px;
    height: 62.4vw;
    max-height: 280px;
  }
}
.pic-title-carousel .slide .my-but {
  position: relative;
}
.pic-title-carousel .slide .contents {
  width: 100%;
  max-width: 384px;
  align-self: center;
  padding-top: 23px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  height: 68.5185185185%;
  box-sizing: content-box;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .pic-title-carousel .slide .contents {
    max-width: 213px;
  }
}
.pic-title-carousel .slide .contents:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ba1118;
  height: 2px;
  width: 0;
  transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.pic-title-carousel .slide .contents.active:before {
  width: 100%;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.pic-title-carousel .slide .contents.active h2 {
  opacity: 1;
  transform: translateY(0px);
}
.pic-title-carousel .slide .contents h2 {
  margin: 0;
  width: 100%;
  max-width: 300px;
  color: white;
  font-size: 2.7083333333vw;
  line-height: 2.7083333333vw;
  transform: translateY(20px);
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .pic-title-carousel .slide .contents h2 {
    font-size: 52px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .pic-title-carousel .slide .contents h2 {
    font-size: 34px;
    line-height: 31px;
    max-width: unset;
  }
}
.pic-title-carousel .slide .contents h3 {
  color: white;
  font-size: 1.5625vw;
  line-height: 1.5625vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .pic-title-carousel .slide .contents h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .pic-title-carousel .slide .contents h3 {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .pic-title-carousel .slide .contents h3 {
    font-size: 20px;
    line-height: 20px;
  }
}
.pic-title-carousel .slide .contents .mybut {
  margin-top: auto;
}
.pic-title-carousel .slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
  z-index: 0;
}

.cat-logo {
  position: absolute;
  left: 50%;
  top: 5.2303860523%;
  transform: translateX(-50%) translateZ(50px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 13.0208333333vw;
  max-width: 250px;
  height: 13.0208333333vw;
  max-height: 250px;
}
@media only screen and (max-width: 768px) {
  .cat-logo {
    width: 25.3333333333vw;
    max-width: 95px;
    height: 25.3333333333vw;
    max-height: 95px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .cat-logo {
    width: 25.3333333333vw;
    max-width: 95px;
    height: 25.3333333333vw;
    max-height: 95px;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .cat-logo {
    top: 42px;
  }
}
.cat-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}

.bigbutts {
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .bigbutts {
    width: 100% !important;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .bigbutts {
    width: 100% !important;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
  }
}
.bigbutts .large-button-container:nth-child(3) {
  display: none;
}
.bigbutts.three .large-button-container {
  width: 27.7083333333vw;
  height: 20.4166666667vw;
  max-width: 532px;
  max-height: 392px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 0 0.9895833333vw;
  transform: translateY(0);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.bigbutts.three .large-button-container.active {
  transform: translateY(-11.9250425894%);
}
@media only screen and (max-width: 767px) {
  .bigbutts.three .large-button-container.active {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  .bigbutts.three .large-button-container {
    width: 100%;
    height: 205px;
    margin: 0;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .bigbutts.three .large-button-container {
    margin: 0 19px;
  }
}
.bigbutts.three .large-button-container .large-button {
  height: inherit;
  width: inherit;
}
.bigbutts.three .large-button-container .large-button .cat-logo {
  width: min(175px, max(90px, 9.1145833333vw));
  height: min(175px, max(90px, 9.1145833333vw));
}
.bigbutts.three .large-button-container .large-button .big-link {
  font-size: 38px;
  line-height: 0.8;
}
.bigbutts.three .large-button-container .ena {
  background: rgb(252, 176, 52);
  background: linear-gradient(236deg, rgb(252, 176, 52) 0%, rgb(192, 61, 99) 50%, rgb(13, 58, 112) 100%);
}

.electric {
  background-image: url(../img/electric-back.jpg);
}

.gasic {
  background-image: url(../img/gasic.jpg);
}

.home-big-carousel-wraper {
  width: 93.125vw;
  max-width: 1788px;
  height: 44.1666666667vw;
  max-height: 848px;
  margin-top: 9.375vw;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel-wraper {
    height: auto;
    width: 100%;
    max-height: unset;
    padding-bottom: 42px;
  }
}
.home-big-carousel-wraper .nav-cont {
  position: absolute;
  z-index: 10;
  right: 11.6331096197%;
  top: 50%;
  transform: translate(50%, 150%);
}
@media only screen and (max-width: 767px) {
  .home-big-carousel-wraper .nav-cont {
    right: auto;
    left: 9.3333333333vw;
    top: auto;
    bottom: 10px;
    transform: translateX(0);
  }
}

.home-big-carousel-lines {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 1370px;
  width: 76.6219239374%;
  max-height: 724px;
  height: 85.3773584906%;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel-lines {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    width: 82.6666666667vw;
    height: 100%;
    max-height: unset;
  }
}
.home-big-carousel-lines .line {
  background-color: #ba1118 !important;
  border-color: #ba1118 !important;
}

.home-big-carousel {
  width: 93.125vw;
  max-width: 1788px;
  height: 44.1666666667vw;
  max-height: 848px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel {
    height: auto;
    margin-top: 13.3333333333vw;
    width: 100%;
    max-height: unset;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .home-big-carousel {
    margin-top: 180px;
  }
}
.home-big-carousel .slide {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel .slide {
    margin-top: 12.2666666667vw;
    height: 100%;
    display: flex !important;
    flex-direction: column-reverse;
  }
}
.home-big-carousel .slide .slide-title {
  font-size: 3.0208333333vw;
  line-height: 2.7083333333vw;
  display: block;
  text-align: left;
  max-width: 296px;
  width: 16.5548098434%;
  white-space: normal;
  position: absolute;
  bottom: 50%;
  right: 11.6331096197%;
  transform: translate(50%, 10px);
  color: white;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .home-big-carousel .slide .slide-title {
    font-size: 58px;
    line-height: 52px;
  }
}
.home-big-carousel .slide .slide-title.active {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 1.3s;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel .slide .slide-title {
    font-size: 34px;
    line-height: 30px;
    position: relative;
    right: auto;
    bottom: auto;
    transform: translate(50%, 0px);
    margin-top: 10px;
  }
}
.home-big-carousel .slide .slide-title .mybut {
  display: block;
  margin-top: 15px;
  margin-bottom: -20px;
}
@media only screen and (max-width: 768px) {
  .home-big-carousel .slide .slide-title .mybut {
    margin-top: 15px;
    margin-bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .home-big-carousel .slide .slide-title .mybut {
    margin-top: 15px;
    margin-bottom: 0px;
  }
}
.home-big-carousel .slide .slide-img-cont {
  width: 70.9895833333vw;
  max-width: 1363px;
  height: 38.75vw;
  max-height: 744px;
  display: flex;
  padding: 6.25vw 0 0 7.1354166667vw;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel .slide .slide-img-cont {
    height: auto;
    width: 100%;
    min-height: 82.8vw;
    padding: 4.2666666667vw 19.7333333333vw 0 9.3333333333vw;
  }
}
.home-big-carousel .slide .slide-img-cont .img-block {
  margin-bottom: 0px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.home-big-carousel .slide .slide-img-cont .img-block .img-container {
  width: 100%;
  height: 100%;
}
.home-big-carousel .slide .slide-img-cont .descr,
.home-big-carousel .slide .slide-img-cont .descr p {
  width: 30.4166666667vw;
  max-width: 584px;
  font-size: 1.875vw;
  line-height: 2.5vw;
  color: white;
  z-index: 1;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .home-big-carousel .slide .slide-img-cont .descr,
  .home-big-carousel .slide .slide-img-cont .descr p {
    font-size: 36px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .home-big-carousel .slide .slide-img-cont .descr,
  .home-big-carousel .slide .slide-img-cont .descr p {
    font-size: 36px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .home-big-carousel .slide .slide-img-cont .descr,
  .home-big-carousel .slide .slide-img-cont .descr p {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }
}
.home-big-carousel .slide .slide-img-cont .descr {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.home-big-carousel .slide .slide-img-cont .descr.active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.7s;
}
.home-big-carousel .slide .slide-img-cont img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  top: 0;
  z-index: 0;
  -o-object-position: left top;
     object-position: left top;
}
@media only screen and (max-width: 767px) {
  .home-big-carousel .slide .slide-img-cont img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .home-big-carousel .slide .slide-img-cont {
    padding: 120px 0 0 137px;
  }
}

.newSection {
  display: flex;
  justify-content: space-between;
  margin-top: 95px !important;
  align-items: flex-end;
}
@media only screen and (max-width: 1199px) {
  .newSection {
    flex-direction: column;
    align-items: center;
  }
}
.newSection h2 {
  color: white;
  font-size: 3.0208333333vw;
  line-height: 2.7083333333vw;
  width: 9.8958333333vw;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .newSection h2 {
    font-size: 58px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 768px) {
  .newSection h2 {
    font-size: 34px;
    line-height: 30px;
    width: 110px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .newSection h2 {
    font-size: 34px;
    line-height: 30px;
    width: 110px;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .newSection h2 {
    font-size: 58px;
    line-height: 52px;
    width: 190px;
  }
}

.newsDiv {
  max-width: 806px;
  width: 100%;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
  .newsDiv {
    margin-right: 0px;
  }
}

.parimg {
  transform: translateY(50%);
}

.mediaDiv {
  max-width: 663px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .mediaDiv {
    max-width: 806px;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mediaDiv {
    margin-top: 110px;
  }
}
.mediaDiv .video-holder {
  width: 100%;
  height: 372px;
}
@media only screen and (max-width: 767px) {
  .mediaDiv .video-holder {
    width: 100vw;
    margin-left: -9.3333333333vw;
  }
}
.mediaDiv .video-holder img,
.mediaDiv .video-holder iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}

.newsCarousels-container {
  width: 100%;
  position: relative;
}
.newsCarousels-container .nav-cont {
  display: none;
}
@media only screen and (max-width: 768px) {
  .newsCarousels-container .nav-cont {
    display: flex;
    top: calc(100% + 20px);
    position: absolute;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .newsCarousels-container .nav-cont {
    display: flex;
    top: calc(100% + 20px);
    position: absolute;
  }
}

.newsCarousel {
  width: 100%;
  position: relative;
}
.newsCarousel .slide {
  width: 100%;
  display: flex !important;
  margin-bottom: 18px;
}
.newsCarousel .slide:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .newsCarousel .slide {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .newsCarousel .slide {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .newsCarousel .slide {
    flex-direction: column;
  }
}
.newsCarousel .slide .img-container {
  width: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .newsCarousel .slide .img-container {
    width: 100%;
    height: 40vw;
  }
}
.newsCarousel .slide .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.newsCarousel .slide .details-container {
  width: 50%;
  box-sizing: border-box;
  padding: 16px 26px 19px 20px;
  display: flex;
  flex-direction: column;
  background-color: white;
  color: #0d1e3e;
  min-width: 380px;
}
@media only screen and (max-width: 767px) {
  .newsCarousel .slide .details-container {
    width: 100%;
    min-width: unset;
  }
}
.newsCarousel .slide .details-container .date {
  font-size: 8px;
  line-height: 24px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.newsCarousel .slide .details-container h3 {
  font-size: 24px;
  line-height: 28px;
  margin: 39px 0 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.newsCarousel .slide .details-container p {
  font-size: 13px;
  line-height: 22px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.newsCarousel .slide .details-container a.read-more:link,
.newsCarousel .slide .details-container a.read-more:visited {
  align-self: flex-end;
  margin-top: auto;
  display: inline-block;
}
.newsCarousel .slide .details-container.active .date {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.newsCarousel .slide .details-container.active h3 {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.newsCarousel .slide .details-container.active p {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.8s;
}

@media only screen and (max-width: 768px) {
  section:nth-child(1) .outerContainer:not(.threeD) > .landing-description-container {
    align-self: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  section:nth-child(1) .outerContainer:not(.threeD) > .landing-description-container {
    padding: 0;
  }
}

.landing-description-container {
  position: relative;
  align-self: center;
  width: 500px;
}
.landing-description-container .h1:before,
.landing-description-container .h2:before {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .landing-description-container {
    margin-left: 0;
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .landing-description-container {
    margin-left: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .landing-description-container {
    padding-top: 110px;
    padding-bottom: 50px;
  }
}
.landing-description-container.main-news-slider .slick-dots {
  bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
  .landing-description-container.main-news-slider .slick-dots {
    bottom: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .landing-description-container.main-news-slider .slick-dots {
    bottom: -30px !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .landing-description-container.main-news-slider .slick-dots {
    bottom: 0 !important;
  }
}
.landing-description-container.main-news-slider .slick-dots {
  display: flex;
  visibility: visible;
  max-width: 1650px;
  margin: auto;
}
.landing-description-container.main-news-slider .slick-dots li {
  width: 12px;
  height: 12px;
  border: solid 1px white;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  .landing-description-container.main-news-slider .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .landing-description-container.main-news-slider .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.landing-description-container.main-news-slider .slick-dots li.slick-active {
  background-color: white;
}
.landing-description-container.main-news-slider .slick-dots li * {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .landing-description-container.main-news-slider {
    width: calc(100% - 7.2916666667vw);
  }
}
.landing-description-container .job-list-block {
  width: 100%;
  opacity: 1;
  margin-left: 0 !important;
  padding: 0 10px 0 5px;
}
@media only screen and (max-width: 767px) {
  .landing-description-container .job-list-block {
    margin-bottom: 0;
    padding: 0 10px 25px 5px;
  }
}
.landing-description-container .job-list-block h2 {
  margin-bottom: 37px !important;
  color: white !important;
}
.landing-description-container .job-list-block p {
  color: white !important;
}
.landing-description-container .job-list-block .supper {
  color: white !important;
}
.landing-description-container .job-list-block .mybut .line {
  background-color: white !important;
  border-color: white !important;
}
.landing-description-container .job-list-block .shareRound {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .landing-description-container .job-list-block .shareRound {
    margin-top: 30px;
  }
}
.landing-description-container .job-list-block.faq {
  max-width: unset;
}
.landing-description-container .job-list-block.faq p {
  max-width: 745px;
}
.landing-description-container.faq {
  max-width: 987px;
  width: 95%;
}
.landing-description-container.jobpos {
  margin-top: calc(130px + 5.0505050505vh);
}

.half-cont {
  width: 50%;
  flex-wrap: wrap;
}

.electricity section .outerContainer,
.ecoEnergy section .outerContainer,
.gas section .outerContainer,
.ecoAdvisors section .outerContainer {
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .electricity section .half-cont,
  .ecoEnergy section .half-cont,
  .gas section .half-cont,
  .ecoAdvisors section .half-cont {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .electricity section .half-cont,
  .ecoEnergy section .half-cont,
  .gas section .half-cont,
  .ecoAdvisors section .half-cont {
    width: 100%;
  }
}

#Hsecond {
  background-color: #0c1c3b;
  overflow: visible;
  padding-top: 0;
  flex-direction: column;
}

.call-box,
.chat-box {
  position: relative;
  width: 56px;
  height: 138px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.chat-box {
  margin-top: 15px;
  height: 200px;
}

.contact-boxes {
  position: absolute;
  display: flex;
  gap: 15px;
  right: 0;
  top: 50%;
  z-index: 90;
  flex-direction: column;
  transform: translate(10%, -50%) scale(0.8);
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
.contact-boxes.out {
  transform: translate(100%, -50%) scale(0.8);
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .contact-boxes {
    display: none;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .contact-boxes {
    display: none;
  }
}

.section-nav {
  position: absolute;
  left: 0;
  top: 25.4vh;
  height: 59.5454545455vh;
  max-height: 655px;
  display: flex;
  align-items: stretch;
  z-index: 90;
  width: 26px;
  box-sizing: border-box;
  margin-left: 7.2916666667vw;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.section-nav.out {
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .section-nav {
    display: none;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .section-nav {
    display: none;
  }
}
.section-nav ul {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.section-nav ul li {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-start;
}
.section-nav ul li a:link,
.section-nav ul li a:visited {
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.section-nav ul li:last-child.active .loader {
  height: 100% !important;
}

.naming {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease-in-out;
  color: white;
  display: flex;
  align-items: center;
  transform: rotate(-90deg);
  left: 38px;
  justify-content: center;
  opacity: 0;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.loader {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.35s ease-in-out, background-color 0.55s ease-in-out;
  z-index: 0;
}

.active .loader {
  opacity: 1;
}
.active .naming {
  opacity: 1;
  left: 23px;
}

section {
  min-height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: visible;
  box-sizing: border-box;
}
section:first-child {
  height: 800px;
}
@media only screen and (max-width: 767px) {
  section:first-child {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  section:first-child .outerContainer {
    width: 81.33333vw;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  section:first-child .outerContainer {
    width: 93.06667vw;
  }
}
@media only screen and (max-width: 767px) {
  section:first-child .outerContainer {
    width: 81.33333vw;
  }
}
section:first-child .mainSlider {
  padding-top: 110px;
}
section:not(:first-child) {
  padding-top: 6.71875vw;
  padding-bottom: 4.0104166667vw;
}

.stores.jobListings section:nth-child(2) {
  min-height: unset;
}

#offers-blocks {
  display: block;
}

.mytest {
  position: relative;
  top: calc(50vh - 100px);
  left: 200px;
  width: 200px;
  height: 200px;
  display: block;
}

.liness-cont {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.liness-cont .line {
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: black;
  border-color: black;
}
.liness-cont .top {
  width: 100%;
  border-top: solid 1px black;
}
.liness-cont .bottom {
  width: 100%;
  border-bottom: solid 1px black;
}
.liness-cont .right {
  height: 100%;
  border-right: solid 1px black;
}
.liness-cont .left {
  height: 100%;
  border-left: solid 1px black;
}
.liness-cont .top {
  top: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 0.25s;
}
.liness-cont .right {
  top: 0;
  right: 0;
  transform: translateY(0);
  transition-delay: 0.5s;
}
.liness-cont .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 0.75s;
}
.liness-cont .left {
  left: 0;
  top: 0;
  transform: translateY(0);
  transition-delay: 1s;
}

.lines-cont {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lines-cont .line {
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
  border-color: #fff;
}
.lines-cont .top {
  width: 100%;
  border-top: solid 1px #fff;
}
.lines-cont .bottom {
  width: 100%;
  border-bottom: solid 1px #fff;
}
.lines-cont .right {
  height: 100%;
  border-right: solid 1px #fff;
}
.lines-cont .left {
  height: 100%;
  border-left: solid 1px #fff;
}
.lines-cont .top {
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition-delay: 0.75s;
}
.lines-cont .right {
  top: 0;
  right: 0px;
  transform: translateY(-100%);
  transition-delay: 0.5s;
}
.lines-cont .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(100%);
  transition-delay: 0.25s;
}
.lines-cont .left {
  left: 0;
  top: 0;
  transform: translateY(100%);
}
.lines-cont.active .top {
  top: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 0s;
}
.lines-cont.active .right {
  top: 0;
  right: 0;
  transform: translateY(0);
  transition-delay: 0.25s;
}
.lines-cont.active .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 0.5s;
}
.lines-cont.active .left {
  left: 0;
  top: 0;
  transform: translateY(0);
  transition-delay: 0.75s;
}
.lines-cont.in-vision .top {
  top: 0;
  left: 0;
  transform: translateX(0) !important;
  transition-delay: 0s;
}
.lines-cont.in-vision .right {
  top: 0;
  right: 0;
  transform: translateY(0) !important;
  transition-delay: 0.25s;
}
.lines-cont.in-vision .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0) !important;
  transition-delay: 0.5s;
}
.lines-cont.in-vision .left {
  left: 0;
  top: 0;
  transform: translateY(0) !important;
  transition-delay: 0.75s;
}

.img-block {
  position: relative;
  display: inline-block;
  align-self: flex-start;
  margin-bottom: 3.6458333333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .img-block {
    margin-bottom: 10.9375vw;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block {
    margin-bottom: 10.9375vw;
  }
}
.img-block.active .img-title span {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.75s;
  opacity: 1;
}
.img-block.left {
  margin-right: 13.0208333333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.left {
    margin-right: 250px;
  }
}
.img-block.left .img-title {
  left: 100%;
  transform: translateX(-50%);
}
.img-block.left .img-lines {
  width: 100%;
  height: 50%;
  right: 0;
  bottom: 0;
  transform: translate(10%, 15%);
}
.img-block.left.short {
  margin-right: 10.4166666667vw;
  margin-left: 3.5vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.left.short {
    margin-right: 200px;
    margin-left: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .img-block.left.short {
    margin-right: 13.0208333333vw;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block.left.short {
    margin-right: 13.0208333333vw;
  }
}
.img-block.left.short .img-lines {
  width: 100%;
  height: 50%;
  right: auto;
  left: 0;
  bottom: 0;
  transform: translate(-10%, 38.9705882353%);
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.left.short .img-lines {
    transform: translate(-10%, 106px);
  }
}
.img-block.left.short .img-title {
  left: 85%;
  transform: translateX(-50%);
}
.img-block.left.smlLines .img-title {
  left: auto;
  right: 0;
  transform: translateX(50%);
}
.img-block.left.synthesi .img-lines {
  width: 76.7287234043%;
  height: 82.4803149606%;
  right: auto;
  left: 0;
  top: 0;
  transform: translate(-10%, -9.2519685039%);
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.left.synthesi .img-lines {
    transform: translate(-10%, -47px);
  }
}
.img-block.right {
  margin-left: 13.0208333333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.right {
    margin-left: 250px;
  }
}
.img-block.right .img-container {
  width: 30.8333333333vw;
  max-width: 592px;
}
@media only screen and (max-width: 768px) {
  .img-block.right .img-container {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block.right .img-container {
    width: 100%;
  }
}
.img-block.right .img-title {
  right: 100%;
  transform: translateX(50%);
}
@media only screen and (max-width: 768px) {
  .img-block.right .img-title {
    right: 75%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block.right .img-title {
    right: 75%;
  }
}
.img-block.right .img-lines {
  width: 20%;
  height: 110%;
  right: 0;
  bottom: 0;
  transform: translate(50%, 5%);
}
.img-block.right.short {
  margin-left: 7.4479166667vw;
  margin-right: 30px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.right.short {
    margin-left: 143px;
  }
}
@media only screen and (max-width: 768px) {
  .img-block.right.short {
    margin-left: 13.0208333333vw;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block.right.short {
    margin-left: 13.0208333333vw;
  }
}
.img-block.right.short .img-lines {
  width: 46.6314398943%;
  height: 81.9607843137%;
  right: 0;
  bottom: 0;
  transform: translate(12.4401913876%, -27.4787535411%);
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.right.short .img-lines {
    width: 353px;
    height: 418px;
    transform: translate(52px, -97px);
  }
}
.img-block.right.short .img-title {
  right: 85%;
}
.img-block.right.short.smlLines .img-lines {
  transform: translate(0, 0);
  top: 0;
  bottom: auto;
  right: 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block.right.short.smlLines .img-lines {
    transform: translate(0, 0);
  }
}
.img-block.right.short.smlLines .img-container {
  width: 39.1666666667vw;
  max-width: 752px;
  padding: 2.8645833333vw 4.9479166667vw 0 0;
}
@media only screen and (max-width: 768px) {
  .img-block.right.short.smlLines .img-container {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block.right.short.smlLines .img-container {
    width: 100%;
  }
}
.img-block.right.short.smlLines .img-title {
  right: auto;
  left: 0;
  transform: translateX(-50%);
  top: calc(50px + 2.8645833333vw);
}
.img-block .img-title {
  position: absolute;
  top: 50px;
  padding: 3.6458333333vw 3.4895833333vw;
  z-index: 2;
  display: inline-block;
  color: white;
  width: auto;
  font-size: 2.96875vw;
  line-height: 2.65625vw;
}
.img-block .img-title .lines-cont {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.img-block .img-title .lines-cont .line {
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #971117;
  border-color: #971117;
}
.img-block .img-title .lines-cont .top {
  width: 100%;
  border-top: solid 1px #971117;
}
.img-block .img-title .lines-cont .bottom {
  width: 100%;
  border-bottom: solid 1px #971117;
}
.img-block .img-title .lines-cont .right {
  height: 100%;
  border-right: solid 1px #971117;
}
.img-block .img-title .lines-cont .left {
  height: 100%;
  border-left: solid 1px #971117;
}
.img-block .img-title .lines-cont .top {
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition-delay: 0.75s;
}
.img-block .img-title .lines-cont .right {
  top: 0;
  right: 0px;
  transform: translateY(-100%);
  transition-delay: 0.5s;
}
.img-block .img-title .lines-cont .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(100%);
  transition-delay: 0.25s;
}
.img-block .img-title .lines-cont .left {
  left: 0;
  top: 0;
  transform: translateY(100%);
}
.img-block .img-title .lines-cont.active .top {
  top: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 0.55s;
}
.img-block .img-title .lines-cont.active .right {
  top: 0;
  right: 0;
  transform: translateY(0);
  transition-delay: 0.8s;
}
.img-block .img-title .lines-cont.active .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 1.05s;
}
.img-block .img-title .lines-cont.active .left {
  left: 0;
  top: 0;
  transform: translateY(0);
  transition-delay: 1.3s;
}
.img-block .img-title .lines-cont.in-vision .top {
  top: 0;
  left: 0;
  transform: translateX(0) !important;
  transition-delay: 0.55s;
}
.img-block .img-title .lines-cont.in-vision .right {
  top: 0;
  right: 0;
  transform: translateY(0) !important;
  transition-delay: 0.8s;
}
.img-block .img-title .lines-cont.in-vision .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0) !important;
  transition-delay: 1.05s;
}
.img-block .img-title .lines-cont.in-vision .left {
  left: 0;
  top: 0;
  transform: translateY(0) !important;
  transition-delay: 1.3s;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block .img-title {
    font-size: 57px;
    line-height: 51px;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .img-block .img-title {
    padding: 70px 67px;
    font-size: 57px;
    line-height: 51px;
  }
}
@media only screen and (max-width: 768px) {
  .img-block .img-title {
    font-size: 8.5333333333vw;
    line-height: 8vw;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .img-block .img-title {
    font-size: 8.5333333333vw;
    line-height: 8vw;
  }
}
.img-block .img-title span {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  opacity: 0;
  display: inline-block;
  white-space: nowrap;
}
.img-block .img-title .lines-cont .right {
  right: 1px;
}
.img-block .img-container {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.img-block .img-container img {
  opacity: 0;
  transform: translateX(-100%);
  position: relative;
  z-index: 1;
  transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
}
.img-block .img-container:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: 0;
  box-shadow: 0 10px 100px 100px rgba(255, 255, 255, 0.2);
  opacity: 0;
  display: none;
}
.img-block .img-container.active img {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}
.img-block .img-container.active:before {
  transition: all 1.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-45%);
  opacity: 1;
  display: none;
}
.img-block .img-lines {
  position: absolute;
  z-index: 0;
}
.img-block .img-lines .lines-cont {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.img-block .img-lines .lines-cont .line {
  position: absolute;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #971117;
  border-color: #971117;
}
.img-block .img-lines .lines-cont .top {
  width: 100%;
  border-top: solid 1px #971117;
}
.img-block .img-lines .lines-cont .bottom {
  width: 100%;
  border-bottom: solid 1px #971117;
}
.img-block .img-lines .lines-cont .right {
  height: 100%;
  border-right: solid 1px #971117;
}
.img-block .img-lines .lines-cont .left {
  height: 100%;
  border-left: solid 1px #971117;
}
.img-block .img-lines .lines-cont .top {
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition-delay: 0.75s;
}
.img-block .img-lines .lines-cont .right {
  top: 0;
  right: 0px;
  transform: translateY(-100%);
  transition-delay: 0.5s;
}
.img-block .img-lines .lines-cont .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(100%);
  transition-delay: 0.25s;
}
.img-block .img-lines .lines-cont .left {
  left: 0;
  top: 0;
  transform: translateY(100%);
}
.img-block .img-lines .lines-cont.active .top {
  top: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 0.55s;
}
.img-block .img-lines .lines-cont.active .right {
  top: 0;
  right: 0;
  transform: translateY(0);
  transition-delay: 0.8s;
}
.img-block .img-lines .lines-cont.active .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0);
  transition-delay: 1.05s;
}
.img-block .img-lines .lines-cont.active .left {
  left: 0;
  top: 0;
  transform: translateY(0);
  transition-delay: 1.3s;
}
.img-block .img-lines .lines-cont.in-vision .top {
  top: 0;
  left: 0;
  transform: translateX(0) !important;
  transition-delay: 0.55s;
}
.img-block .img-lines .lines-cont.in-vision .right {
  top: 0;
  right: 0;
  transform: translateY(0) !important;
  transition-delay: 0.8s;
}
.img-block .img-lines .lines-cont.in-vision .bottom {
  bottom: 0;
  left: 0;
  transform: translateX(0) !important;
  transition-delay: 1.05s;
}
.img-block .img-lines .lines-cont.in-vision .left {
  left: 0;
  top: 0;
  transform: translateY(0) !important;
  transition-delay: 1.3s;
}

.fake-submit {
  position: relative;
  width: 155px !important;
}

@keyframes buttonAnimHoverIn {
  0% {
    background-position: center center;
    background-image: url(../img/button-arrow.png);
  }
  49% {
    background-position: 200% center;
    background-image: url(../img/button-arrow.png);
  }
  50% {
    background-position: -100% center;
    background-image: url(../img/button-arrow-black.png);
  }
  100% {
    background-position: center center;
    background-image: url(../img/button-arrow-black.png);
  }
}
@keyframes buttonAnimHoverOut {
  0% {
    background-position: center center;
    background-image: url(../img/button-arrow.png);
  }
  49% {
    background-position: 200% center;
    background-image: url(../img/button-arrow.png);
  }
  50% {
    background-position: -100% center;
    background-image: url(../img/button-arrow-black.png);
  }
  100% {
    background-position: center center;
    background-image: url(../img/button-arrow-black.png);
  }
}
@keyframes buttonAnimHoverOutNoar {
  0% {
    background-position: center center;
  }
  49% {
    background-position: 200% center;
  }
  50% {
    background-position: -100% center;
  }
  100% {
    background-position: center center;
  }
}
.video-but,
a.video-but:link,
a.video-but:visited {
  text-decoration: none;
  border: solid 1px white;
  color: white;
  height: 62px;
  padding-left: 61px;
  padding-right: 28px;
  border-radius: 30px;
  min-width: 235px;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: color 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  font-size: 16px;
  line-height: 16px;
  font-family: "Manrope Regular" !important;
  margin-top: 60px;
  z-index: 1;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.video-but:before,
a.video-but:link:before,
a.video-but:visited:before {
  content: "";
  background-image: url(../img/playbutton.jpg);
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  left: -1px;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
}
.video-but:after,
a.video-but:link:after,
a.video-but:visited:after {
  content: "";
  height: 100%;
  width: calc(100% + 1px);
  background-color: white;
  transform: translateX(-100%);
  left: 0;
  top: 0;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  position: absolute;
  z-index: -1;
  border-radius: 30px;
}
.video-but:hover,
a.video-but:link:hover,
a.video-but:visited:hover {
  transition: color 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.video-but:hover:after,
a.video-but:link:hover:after,
a.video-but:visited:hover:after {
  transform: translateX(0);
}

.mybut,
a.mybut:link,
a.mybut:visited {
  width: 161px;
  height: 52px;
  position: relative;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  display: inline-block;
  background-color: transparent;
  overflow: hidden;
  text-decoration: none;
  line-height: 52px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .mybut,
  a.mybut:link,
  a.mybut:visited {
    width: 115px;
    height: 40px;
  }
}
.mybut:hover:after,
a.mybut:link:hover:after,
a.mybut:visited:hover:after {
  color: #971117;
  text-decoration: none;
}
@supports (-ms-ime-align: auto) {
  .mybut:hover:after,
  a.mybut:link:hover:after,
  a.mybut:visited:hover:after {
    background-image: url(../img/button-arrow-black.png);
  }
}
.mybut:hover:before,
a.mybut:link:hover:before,
a.mybut:visited:hover:before {
  transform: translateX(0);
}
.mybut:after,
a.mybut:link:after,
a.mybut:visited:after {
  content: "Learn more";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: white;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  position: relative;
  z-index: 2;
  background-image: none;
  animation-name: unset;
  font-family: "Manrope Regular" !important;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (max-width: 768px) {
  .mybut:after,
  a.mybut:link:after,
  a.mybut:visited:after {
    font-size: 10px;
    line-height: 10px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mybut:after,
  a.mybut:link:after,
  a.mybut:visited:after {
    font-size: 10px;
    line-height: 10px;
  }
}
.mybut:lang(el)::after,
a.mybut:link:lang(el)::after,
a.mybut:visited:lang(el)::after {
  content: "Μάθε περισσότερα";
}
.mybut span,
a.mybut:link span,
a.mybut:visited span {
  font-family: "Manrope Regular";
}
.mybut:before,
a.mybut:link:before,
a.mybut:visited:before {
  content: "";
  background-color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  transform: translateX(-100%);
  font-family: "Manrope Regular" !important;
  z-index: 0;
}
.mybut.blacked,
a.mybut:link.blacked,
a.mybut:visited.blacked {
  filter: invert(100%);
}
.mybut.Totalblacked,
a.mybut:link.Totalblacked,
a.mybut:visited.Totalblacked {
  filter: invert(100%) grayscale(100%);
}
.mybut.Totalblacked .line,
a.mybut:link.Totalblacked .line,
a.mybut:visited.Totalblacked .line {
  border-color: white !important;
}
.mybut.Totalwhite,
a.mybut:link.Totalwhite,
a.mybut:visited.Totalwhite {
  filter: invert(0%) grayscale(0%);
}
.mybut.Totalwhite .line,
a.mybut:link.Totalwhite .line,
a.mybut:visited.Totalwhite .line {
  border-color: white !important;
}
.mybut.textbut .line,
a.mybut:link.textbut .line,
a.mybut:visited.textbut .line {
  border-color: white;
}
.mybut.textbut:after,
a.mybut:link.textbut:after,
a.mybut:visited.textbut:after {
  content: attr(data-text);
  background-image: unset;
  animation-name: unset;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  transform: translateX(0%);
  color: white;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mybut.textbut:before,
a.mybut:link.textbut:before,
a.mybut:visited.textbut:before {
  content: attr(data-text);
  color: black;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mybut.textbut:hover:after,
a.mybut:link.textbut:hover:after,
a.mybut:visited.textbut:hover:after {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(100%);
}
.mybut.textbut.Totalblacked,
a.mybut:link.textbut.Totalblacked,
a.mybut:visited.textbut.Totalblacked {
  filter: invert(100%) grayscale(100%);
}
.mybut .lines-cont,
a.mybut:link .lines-cont,
a.mybut:visited .lines-cont {
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .mybut.fake-submit,
  .mybut.swiper-button-prev,
  .mybut.swiper-button-next,
  a.mybut.fake-submit:link,
  .mybut.swiper-button-prev:link,
  .mybut.swiper-button-next:link a.mybut.fake-submit:visited,
  .mybut.swiper-button-prev:visited,
  .mybut.swiper-button-next:visited {
    width: 115px;
    height: 40px;
  }
}
.mybut.fake-submit:hover:after,
.mybut.swiper-button-prev:hover:after,
.mybut.swiper-button-next:hover:after,
a.mybut.fake-submit:link:hover:after,
.mybut.swiper-button-prev:link:hover:after,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited:hover:after,
.mybut.swiper-button-prev:visited:hover:after,
.mybut.swiper-button-next:visited:hover:after {
  animation-name: buttonAnimHoverIn;
  animation-duration: 0.55s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-delay: 0.03s;
}
@supports (-ms-ime-align: auto) {
  .mybut.fake-submit:hover:after,
  .mybut.swiper-button-prev:hover:after,
  .mybut.swiper-button-next:hover:after,
  a.mybut.fake-submit:link:hover:after,
  .mybut.swiper-button-prev:link:hover:after,
  .mybut.swiper-button-next:link a.mybut.fake-submit:visited:hover:after,
  .mybut.swiper-button-prev:visited:hover:after,
  .mybut.swiper-button-next:visited:hover:after {
    background-image: url(../img/button-arrow-black.png);
  }
}
.mybut.fake-submit:hover:before,
.mybut.swiper-button-prev:hover:before,
.mybut.swiper-button-next:hover:before,
a.mybut.fake-submit:link:hover:before,
.mybut.swiper-button-prev:link:hover:before,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited:hover:before,
.mybut.swiper-button-prev:visited:hover:before,
.mybut.swiper-button-next:visited:hover:before {
  transform: translateX(0);
}
.mybut.fake-submit:after,
.mybut.swiper-button-prev:after,
.mybut.swiper-button-next:after,
a.mybut.fake-submit:link:after,
.mybut.swiper-button-prev:link:after,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited:after,
.mybut.swiper-button-prev:visited:after,
.mybut.swiper-button-next:visited:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/button-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  animation-name: buttonAnimHoverOut;
  animation-duration: 0.55s;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Manrope Regular" !important;
}
.mybut.fake-submit span,
.mybut.swiper-button-prev span,
.mybut.swiper-button-next span,
a.mybut.fake-submit:link span,
.mybut.swiper-button-prev:link span,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited span,
.mybut.swiper-button-prev:visited span,
.mybut.swiper-button-next:visited span {
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 16px;
}
.mybut.fake-submit span:hover,
.mybut.swiper-button-prev span:hover,
.mybut.swiper-button-next span:hover,
a.mybut.fake-submit:link span:hover,
.mybut.swiper-button-prev:link span:hover,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited span:hover,
.mybut.swiper-button-prev:visited span:hover,
.mybut.swiper-button-next:visited span:hover {
  color: #971117;
}
@media only screen and (max-width: 768px) {
  .mybut.fake-submit span,
  .mybut.swiper-button-prev span,
  .mybut.swiper-button-next span,
  a.mybut.fake-submit:link span,
  .mybut.swiper-button-prev:link span,
  .mybut.swiper-button-next:link a.mybut.fake-submit:visited span,
  .mybut.swiper-button-prev:visited span,
  .mybut.swiper-button-next:visited span {
    font-size: 10px;
    line-height: 10px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mybut.fake-submit span,
  .mybut.swiper-button-prev span,
  .mybut.swiper-button-next span,
  a.mybut.fake-submit:link span,
  .mybut.swiper-button-prev:link span,
  .mybut.swiper-button-next:link a.mybut.fake-submit:visited span,
  .mybut.swiper-button-prev:visited span,
  .mybut.swiper-button-next:visited span {
    font-size: 10px;
    line-height: 10px;
  }
}
.mybut.fake-submit:before,
.mybut.swiper-button-prev:before,
.mybut.swiper-button-next:before,
a.mybut.fake-submit:link:before,
.mybut.swiper-button-prev:link:before,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited:before,
.mybut.swiper-button-prev:visited:before,
.mybut.swiper-button-next:visited:before {
  content: "";
  background-color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  transform: translateX(-100%);
  font-family: "Manrope Regular" !important;
  z-index: 0;
}
.mybut.fake-submit.blacked,
.mybut.swiper-button-prev.blacked,
.mybut.swiper-button-next.blacked,
a.mybut.fake-submit:link.blacked,
.mybut.swiper-button-prev:link.blacked,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.blacked,
.mybut.swiper-button-prev:visited.blacked,
.mybut.swiper-button-next:visited.blacked {
  filter: invert(100%);
}
.mybut.fake-submit.Totalblacked,
.mybut.swiper-button-prev.Totalblacked,
.mybut.swiper-button-next.Totalblacked,
a.mybut.fake-submit:link.Totalblacked,
.mybut.swiper-button-prev:link.Totalblacked,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.Totalblacked,
.mybut.swiper-button-prev:visited.Totalblacked,
.mybut.swiper-button-next:visited.Totalblacked {
  filter: invert(100%) grayscale(100%);
}
.mybut.fake-submit.Totalblacked .line,
.mybut.swiper-button-prev.Totalblacked .line,
.mybut.swiper-button-next.Totalblacked .line,
a.mybut.fake-submit:link.Totalblacked .line,
.mybut.swiper-button-prev:link.Totalblacked .line,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.Totalblacked .line,
.mybut.swiper-button-prev:visited.Totalblacked .line,
.mybut.swiper-button-next:visited.Totalblacked .line {
  border-color: white !important;
}
.mybut.fake-submit.Totalwhite,
.mybut.swiper-button-prev.Totalwhite,
.mybut.swiper-button-next.Totalwhite,
a.mybut.fake-submit:link.Totalwhite,
.mybut.swiper-button-prev:link.Totalwhite,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.Totalwhite,
.mybut.swiper-button-prev:visited.Totalwhite,
.mybut.swiper-button-next:visited.Totalwhite {
  filter: invert(0%) grayscale(0%);
}
.mybut.fake-submit.Totalwhite .line,
.mybut.swiper-button-prev.Totalwhite .line,
.mybut.swiper-button-next.Totalwhite .line,
a.mybut.fake-submit:link.Totalwhite .line,
.mybut.swiper-button-prev:link.Totalwhite .line,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.Totalwhite .line,
.mybut.swiper-button-prev:visited.Totalwhite .line,
.mybut.swiper-button-next:visited.Totalwhite .line {
  border-color: white !important;
}
.mybut.fake-submit.textbut .line,
.mybut.swiper-button-prev.textbut .line,
.mybut.swiper-button-next.textbut .line,
a.mybut.fake-submit:link.textbut .line,
.mybut.swiper-button-prev:link.textbut .line,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut .line,
.mybut.swiper-button-prev:visited.textbut .line,
.mybut.swiper-button-next:visited.textbut .line {
  border-color: white;
}
.mybut.fake-submit.textbut:after,
.mybut.swiper-button-prev.textbut:after,
.mybut.swiper-button-next.textbut:after,
a.mybut.fake-submit:link.textbut:after,
.mybut.swiper-button-prev:link.textbut:after,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut:after,
.mybut.swiper-button-prev:visited.textbut:after,
.mybut.swiper-button-next:visited.textbut:after {
  content: attr(data-text);
  background-image: unset;
  animation-name: unset;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
  transform: translateX(0%);
  color: white;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mybut.fake-submit.textbut:before,
.mybut.swiper-button-prev.textbut:before,
.mybut.swiper-button-next.textbut:before,
a.mybut.fake-submit:link.textbut:before,
.mybut.swiper-button-prev:link.textbut:before,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut:before,
.mybut.swiper-button-prev:visited.textbut:before,
.mybut.swiper-button-next:visited.textbut:before {
  content: attr(data-text);
  color: black;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mybut.fake-submit.textbut:hover:after,
.mybut.swiper-button-prev.textbut:hover:after,
.mybut.swiper-button-next.textbut:hover:after,
a.mybut.fake-submit:link.textbut:hover:after,
.mybut.swiper-button-prev:link.textbut:hover:after,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut:hover:after,
.mybut.swiper-button-prev:visited.textbut:hover:after,
.mybut.swiper-button-next:visited.textbut:hover:after {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(100%);
}
.mybut.fake-submit.textbut.Totalblacked,
.mybut.swiper-button-prev.textbut.Totalblacked,
.mybut.swiper-button-next.textbut.Totalblacked,
a.mybut.fake-submit:link.textbut.Totalblacked,
.mybut.swiper-button-prev:link.textbut.Totalblacked,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited.textbut.Totalblacked,
.mybut.swiper-button-prev:visited.textbut.Totalblacked,
.mybut.swiper-button-next:visited.textbut.Totalblacked {
  filter: invert(100%) grayscale(100%);
}
.mybut.fake-submit .lines-cont,
.mybut.swiper-button-prev .lines-cont,
.mybut.swiper-button-next .lines-cont,
a.mybut.fake-submit:link .lines-cont,
.mybut.swiper-button-prev:link .lines-cont,
.mybut.swiper-button-next:link a.mybut.fake-submit:visited .lines-cont,
.mybut.swiper-button-prev:visited .lines-cont,
.mybut.swiper-button-next:visited .lines-cont {
  z-index: 1;
}

.stores.partners .mybut:after,
.stores.partners a.mybut:link:after,
.stores.partners a.mybut:visited:after {
  color: #fff;
}

.back-fix-container {
  width: 100%;
  max-width: 1920px;
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
  text-rendering: geometricPrecision;
  height: 810px;
  overflow: visible;
  transition: all 1.25s ease-out;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .back-fix-container {
    width: 100%;
    height: auto;
    top: 134px;
    bottom: auto;
    min-height: auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .back-fix-container {
    width: 100%;
    height: auto;
    top: 134px;
    bottom: auto;
    min-height: auto;
  }
}
.back-fix-container.out {
  transform: translateX(100%);
}

.back-fix {
  line-height: 0.71;
  font-family: "CFDinCnBold";
  color: #474646;
  opacity: 0.05;
  text-align: right;
  position: relative;
  height: 100%;
  margin-top: 134px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .back-fix {
    line-height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .back-fix {
    margin-top: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .back-fix {
    margin-top: 0;
  }
}

section:first-child {
  background-position: center bottom;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section:first-child {
    height: auto;
    min-height: 100vh;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 768px) {
  section:first-child {
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  section:first-child {
    padding-bottom: 50px;
  }
}
section:first-child .noSlider {
  align-self: center;
}
section:first-child .main-slide-icon img {
  height: auto !important;
}
section:first-child .text-block {
  margin-bottom: 0;
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
  #Hfirst {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  #Hfirst {
    padding-bottom: 0;
  }
}

section:first-child .outerContainer {
  display: flex;
  align-items: flex-end;
  transition: opacity 0.5s ease-out;
  opacity: 1;
  width: 90%;
}
@media only screen and (max-width: 768px) {
  section:first-child .outerContainer {
    width: 81.3333333333vw;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section:first-child .outerContainer {
    width: 81.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  section:first-child .outerContainer {
    width: 81.33333vw;
  }
}
section:first-child .outerContainer.gallery-carousel {
  align-items: center;
}
section:first-child .outerContainer.out {
  opacity: 0;
}
section:first-child .outerContainer .innerContainer {
  align-self: center;
  min-height: calc(100vh - 134px);
  margin-top: 134px;
}
@media only screen and (max-width: 768px) {
  section:first-child .outerContainer .innerContainer {
    min-height: auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section:first-child .outerContainer .innerContainer {
    min-height: unset;
    margin-top: 164px !important;
  }
}
@media only screen and (max-width: 767px) {
  section:first-child .outerContainer .innerContainer {
    min-height: calc(100vh - 164px);
    align-self: flex-end;
    height: 85%;
  }
}

.offers-box {
  display: inline-flex;
  flex-direction: column;
  color: white;
  box-sizing: border-box;
  position: relative;
  min-width: 169px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .offers-box {
    width: 26.6666666667vw;
    min-width: 101px;
  }
}

.offer-header {
  color: white;
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
  min-height: 28px;
  padding-left: 14px;
}
@media only screen and (max-width: 767px) {
  .offer-header {
    font-size: 2.9333333333vw;
    line-height: 3.4666666667vw;
    min-height: 16px;
  }
}

.offer-date-block {
  min-height: 69px;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .offer-date-block {
    min-height: 41px;
  }
}

.ofer-day {
  font-size: 32px;
  line-height: 34px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .ofer-day {
    font-size: 5.0666666667vw;
    line-height: 5.0666666667vw;
  }
}

.offer-date {
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .offer-date {
    font-size: 2.9333333333vw;
    line-height: 2.9333333333vw;
  }
}

.programm-title {
  text-align: left;
  font-size: 103px;
  line-height: 0.85;
}
@media only screen and (max-width: 767px) {
  .programm-title {
    font-size: 34px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .programm-title .cfdinLight {
    font-size: 34px;
    line-height: 30px;
  }
}
.programm-title-block {
  margin-top: 0;
  position: relative;
  width: 34.7916666667vw;
  max-width: 668px;
}
.programm-title-block .small-title {
  font-size: 18px;
  line-height: 58px;
}
@media only screen and (max-width: 767px) {
  .programm-title-block .small-title {
    line-height: 1;
  }
}

.prog-descr-block {
  align-self: flex-end;
  margin-top: auto;
  text-align: right;
  width: 59.53125vw;
  max-width: 762px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-bottom: 6.40625vw;
}
@media only screen and (max-width: 768px) {
  .prog-descr-block {
    width: 100%;
    align-items: flex-start;
    text-align: left;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .prog-descr-block {
    width: 100%;
    align-items: flex-start;
    text-align: left;
  }
}
.prog-descr-block h1 {
  font-size: 3.75vw;
  line-height: 3.75vw;
  margin: 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .prog-descr-block h1 {
    font-size: 72px;
    line-height: 72px;
  }
}
@media only screen and (max-width: 768px) {
  .prog-descr-block h1 {
    font-size: 42px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .prog-descr-block h1 {
    font-size: 42px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .prog-descr-block h1 {
    font-size: 27px;
    line-height: 27px;
  }
}
.prog-descr-block p {
  font-size: 18px;
  line-height: 26px;
  width: 81.6272965879%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .prog-descr-block p {
    text-align: left;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .prog-descr-block p {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .prog-descr-block p {
    font-size: 11px;
    line-height: 13px;
  }
}

.back-fix-sections {
  position: relative;
  line-height: 0.74;
  text-align: right;
  overflow: hidden;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .back-fix-sections {
    line-height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .back-fix-sections {
    line-height: 0.74;
  }
}
.back-fix-sections.tranparent {
  opacity: 0.2;
}

.back-fix-sections-container {
  position: absolute;
  top: 0;
  right: 0 !important;
  left: 0 !important;
  text-align: right;
  width: 100%;
  z-index: 2;
  max-width: 1920px;
}
@media only screen and (max-width: 767px) {
  .back-fix-sections-container {
    width: 100%;
  }
}
.back-fix-sections-container.fixed {
  position: fixed;
}
.back-fix-sections-container.blend-mode {
  mix-blend-mode: overlay;
}

.text-block ul {
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 20px;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.15s ease-out;
}
.text-block.active ul {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-out 0.3s;
}
.text-block.flexed {
  display: flex;
  flex-wrap: wrap;
}

.text-block,
.list-block,
.extras-block {
  color: white;
  display: block;
  margin-bottom: 63px;
  width: 100%;
}
.text-block h2,
.text-block .h2,
.text-block h1,
.list-block h2,
.list-block .h2,
.list-block h1,
.extras-block h2,
.extras-block .h2,
.extras-block h1 {
  margin: 0 0 30px 0;
  font-size: 30px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .text-block h2,
  .text-block .h2,
  .text-block h1,
  .list-block h2,
  .list-block .h2,
  .list-block h1,
  .extras-block h2,
  .extras-block .h2,
  .extras-block h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.text-block h2:before,
.text-block .h2:before,
.text-block h1:before,
.list-block h2:before,
.list-block .h2:before,
.list-block h1:before,
.extras-block h2:before,
.extras-block .h2:before,
.extras-block h1:before {
  content: "";
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  transition: all 0.15s ease-in-out;
}
.text-block p,
.list-block p,
.extras-block p {
  font-size: 13px;
  line-height: 20px;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.15s ease-out;
}
.text-block p a:link,
.text-block p a:visited,
.list-block p a:link,
.list-block p a:visited,
.extras-block p a:link,
.extras-block p a:visited {
  text-decoration: underline;
  color: inherit;
}
.text-block.active h2,
.text-block.active .h2,
.text-block.active h1,
.list-block.active h2,
.list-block.active .h2,
.list-block.active h1,
.extras-block.active h2,
.extras-block.active .h2,
.extras-block.active h1 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-out;
}
.text-block.active h2:before,
.text-block.active .h2:before,
.text-block.active h1:before,
.list-block.active h2:before,
.list-block.active .h2:before,
.list-block.active h1:before,
.extras-block.active h2:before,
.extras-block.active .h2:before,
.extras-block.active h1:before {
  width: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  border-top: solid 1px;
}
.text-block.active p,
.list-block.active p,
.extras-block.active p {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-out 0.3s;
}
.text-block.speciment p,
.list-block.speciment p,
.extras-block.speciment p {
  color: #24242a;
}
.text-block.speciment h2,
.text-block.speciment .h2,
.text-block.speciment h1,
.list-block.speciment h2,
.list-block.speciment .h2,
.list-block.speciment h1,
.extras-block.speciment h2,
.extras-block.speciment .h2,
.extras-block.speciment h1 {
  color: #9d1f25;
}
.text-block.speciment h2:before,
.text-block.speciment .h2:before,
.text-block.speciment h1:before,
.list-block.speciment h2:before,
.list-block.speciment .h2:before,
.list-block.speciment h1:before,
.extras-block.speciment h2:before,
.extras-block.speciment .h2:before,
.extras-block.speciment h1:before {
  display: none;
}

.arrays-container {
  color: white;
  display: flex;
  margin-bottom: 63px;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.array-block {
  color: white;
  margin-bottom: 63px;
  width: auto;
  align-content: start;
}
.array-block h2,
.array-block .h2,
.array-block h1 {
  opacity: 0;
  transform: translateY(30px);
  display: inline-block;
  padding-top: 5px;
}
.array-block h2:before,
.array-block .h2:before,
.array-block h1:before {
  content: "";
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  transition: all 0.15s ease-in-out;
}
.array-block.active h2,
.array-block.active .h2,
.array-block.active h1 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-out;
}
.array-block.active h2:before,
.array-block.active .h2:before,
.array-block.active h1:before {
  width: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  border-top: solid 1px;
}
.array-block.active p {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-out 0.3s;
}

.list-block {
  counter-reset: my-step;
}
.list-block ol {
  list-style: decimal-leading-zero;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.list-block ol li {
  width: calc(33% - 55px);
  position: relative;
  counter-increment: my-step;
  padding-left: 15px;
  padding-right: 10px;
  margin-bottom: 25px;
  min-width: 240px;
  margin-left: 55px;
}
.list-block ol li:empty {
  height: 0;
}
.list-block ol li:empty:before {
  display: none;
}
.list-block ol li h2:before,
.list-block ol li .h2:before {
  display: none;
}
.list-block ol li .mybut {
  margin-top: 19px;
}
.list-block ol li:before {
  content: counter(my-step, decimal-leading-zero);
  position: absolute;
  right: 100%;
  top: 0;
  display: block;
  font-size: 60px;
  line-height: 60px;
  transform: translateY(80px);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.list-block.icons ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.list-block.icons ul li {
  width: calc(33% - 55px);
  position: relative;
  counter-increment: my-step;
  padding-left: 15px;
  padding-right: 10px;
  margin-bottom: 25px;
  min-width: 240px;
  margin-left: 55px;
}
.list-block.icons ul li h2:before,
.list-block.icons ul li .h2:before {
  display: none;
}
.list-block.icons ul li .mybut {
  margin-top: 19px;
}
.list-block.icons ul li:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  display: block;
  font-size: 60px;
  line-height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(80px);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.list-block.icons ul .priza:before {
  background-image: url(../img/priza.png);
  width: 32px;
  height: 45px;
}
.list-block.icons ul .vrisi:before {
  background-image: url(../img/vrisi.png);
  width: 51px;
  height: 51px;
}
.list-block.icons ul .shield:before {
  background-image: url(../img/shield.png);
  width: 35px;
  height: 44px;
}
.list-block.active ol li:before {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s ease-in;
  transition-delay: inherit;
}
.list-block.active ol p {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.35s ease-out;
  transition-delay: inherit;
}
.list-block.active.icons ul li:before {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s ease-in;
  transition-delay: inherit;
}
.list-block.active.icons ul li p {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.35s ease-out;
  transition-delay: inherit;
}
.list-block.paymentWhite {
  max-width: 1370px;
  margin: 0 auto;
  overflow: hidden;
}
.list-block.paymentWhite ol {
  justify-content: space-between;
  width: calc(100% + 9.6354166667vw);
}
@media only screen and (max-width: 767px) {
  .list-block.paymentWhite ol {
    padding: 0;
    justify-content: space-around;
    width: 100%;
  }
}
.list-block.paymentWhite ol li {
  max-width: 443px;
  padding-right: 9.6354166667vw;
  width: calc(33% - 55px);
}
@media only screen and (max-width: 767px) {
  .list-block.paymentWhite ol li {
    max-width: unset;
    width: 100%;
    padding-right: 0;
    margin-left: 45px;
    min-width: unset;
  }
}
.list-block.paymentWhite ol li:before {
  color: #6378e6;
}
.list-block.paymentWhite ol li h2,
.list-block.paymentWhite ol li .h2,
.list-block.paymentWhite ol li h1,
.list-block.paymentWhite ol li p {
  color: white !important;
}
.list-block.paymentWhite ol li h2,
.list-block.paymentWhite ol li .h2,
.list-block.paymentWhite ol li h1 {
  line-height: 32px;
  margin-top: -8px;
}
.list-block.paymentBlue {
  max-width: 1370px;
  margin: 0 auto;
  overflow: hidden;
}
.list-block.paymentBlue .h2:before,
.list-block.paymentBlue h1:before {
  border-top: solid 2px #313c77;
}
.list-block.paymentBlue ol {
  justify-content: space-between;
  width: calc(100% + 7.8125vw);
}
@media only screen and (max-width: 767px) {
  .list-block.paymentBlue ol {
    width: 100%;
  }
}
.list-block.paymentBlue ol li {
  max-width: 443px;
  padding-right: 7.8125vw;
  width: calc(33% - 55px);
}
@media only screen and (max-width: 767px) {
  .list-block.paymentBlue ol li {
    max-width: unset;
    padding: 0 0 0 15px;
    min-width: unset;
    width: 100%;
    margin-left: 45px;
  }
}
.list-block.paymentBlue ol li:before {
  color: #313c77;
}
.list-block.paymentBlue ol li h2,
.list-block.paymentBlue ol li .h2,
.list-block.paymentBlue ol li h1,
.list-block.paymentBlue ol li p {
  color: #24242a !important;
}
.list-block.paymentBlue ol li h2,
.list-block.paymentBlue ol li .h2,
.list-block.paymentBlue ol li h1 {
  line-height: 32px;
  margin-top: -8px;
}

.array-block .table-scroller {
  position: relative;
  width: auto;
  display: block;
  padding-bottom: 15px;
  width: 100%;
}
.array-block table.bt {
  width: 100%;
}
.array-block table.bt tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.05);
}
@media only screen and (max-width: 768px) {
  .array-block table.bt tr {
    width: 100%;
  }
}
.array-block table.bt td,
.array-block table.bt th {
  border: solid 2px white !important;
  padding: 20px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .array-block table.bt td,
  .array-block table.bt th {
    white-space: normal;
    padding: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .array-block table.bt td:before,
  .array-block table.bt th:before {
    content: attr(data-th) ": ";
    display: inline-flex;
    flex-shrink: 0;
    font-weight: bold;
    width: 8em;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    border-right: solid;
    margin-right: 5px;
    position: relative;
    width: 50%;
    padding-right: 5px;
  }
}
.array-block table.bt td .bt-content,
.array-block table.bt th .bt-content {
  width: 50%;
}
.array-block td,
.array-block th {
  width: 250px;
  border: solid 2px white !important;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .array-block td,
  .array-block th {
    white-space: normal;
    padding: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .array-block td:before,
  .array-block th:before {
    content: attr(data-th) ": ";
    display: inline-flex;
    flex-shrink: 0;
    font-weight: bold;
    width: 8em;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    border-right: solid;
    margin-right: 5px;
  }
}

.table-cell-small-text {
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  .table-cell-small-text {
    font-size: 11px;
    line-height: 13px;
  }
}

.table-cell-large-text {
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .table-cell-large-text {
    font-size: 14px;
    line-height: 17px;
  }
}

table {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.15s ease-out;
}
table.active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease-out;
}

.extras-block {
  margin-bottom: 0;
}
.extras-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 26px;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.15s ease-out;
}
.extras-block ul li {
  width: 25%;
  min-width: 200px;
  position: relative;
  padding: 0 26px 0 10px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  min-height: 30px;
}
.extras-block ul li:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 26px;
  height: 29px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
.extras-block ul li a:link,
.extras-block ul li a:visited {
  text-decoration: underline;
  color: white;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  justify-content: flex-start;
}
.extras-block.active ul {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.extras-block.speciment ul {
  margin-top: 40px;
  flex-direction: column;
}
.extras-block.speciment ul li {
  margin-bottom: 30px;
}
.extras-block.speciment ul li:before {
  background-image: url(../img/pdf-icon-red.png);
}
.extras-block.speciment ul li a:link,
.extras-block.speciment ul li a:visited {
  color: #24242a;
}

.carousel-container {
  width: 100%;
  position: relative;
  padding: 0;
  min-height: 360px;
}
.carousel-container .lines-cont {
  height: 91.6666666667%;
  bottom: 0;
  top: auto;
}
@media only screen and (max-width: 1199px) {
  .carousel-container {
    padding: 0;
    height: 48vw;
    min-height: unset;
  }
  .carousel-container > .lines-cont {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-container {
    height: auto;
  }
}
.carousel-container .slick-dots {
  display: none;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .carousel-container .slick-dots {
    display: flex;
    visibility: visible;
  }
  .carousel-container .slick-dots li {
    width: 8px;
    height: 8px;
    border: solid 1px white;
    border-radius: 4px;
  }
  .carousel-container .slick-dots li.slick-active {
    background-color: white;
  }
  .carousel-container .slick-dots li * {
    visibility: hidden;
  }
}
.carousel-container .nav-cont {
  position: absolute;
  z-index: 2;
  bottom: 65px;
  right: calc(384px + 9.375vw);
  transform: translateX(100%);
  display: flex;
  align-items: stretch;
  font-size: 18px;
  line-height: 21px;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .carousel-container .nav-cont {
    transform: translate(0%, 0%);
    right: auto;
    bottom: 0px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .carousel-container .nav-cont {
    transform: translate(0%, 0%);
    right: auto;
    bottom: 0px;
  }
}
.carousel-container .nav-cont .line {
  background-color: white !important;
  border-color: white !important;
}
.carousel-container .prin {
  transform: scaleX(-1);
  margin-right: 3px;
}

.nav-cont {
  display: flex;
  align-items: stretch;
  font-size: 18px;
  line-height: 21px;
  justify-content: space-between;
}
.nav-cont.img-gallery {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: white;
  z-index: 2;
  min-width: 150px;
  width: 12.6041666667vw;
  max-width: 243;
  padding: 0 20px;
  box-sizing: border-box;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .nav-cont.img-gallery {
    bottom: 2.5vw;
  }
}
.nav-cont.news {
  position: absolute;
  left: 7.692vw;
  bottom: 12.6142595978vh;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .nav-cont.news {
    bottom: auto;
    top: calc(100% + 20px);
    left: 0;
  }
}
.nav-cont.save {
  position: absolute;
  left: calc(50% + 9.1145833333vw);
  bottom: 0px;
  z-index: 10;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .nav-cont.save {
    left: calc(50% + 175px);
  }
}
@media only screen and (max-width: 768px) {
  .nav-cont.save {
    left: 0;
    bottom: 15px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .nav-cont.save {
    left: 0;
    bottom: 15px;
  }
}

.prin {
  transform: scaleX(-1);
  cursor: pointer;
}

.yellow-carousel {
  transform: translateY(0);
  margin-bottom: 0 !important;
  min-height: 300px;
}
@media only screen and (max-width: 1199px) {
  .yellow-carousel {
    transform: translateY(0);
    height: 48vw;
    min-height: unset;
  }
}
@media only screen and (max-width: 767px) {
  .yellow-carousel {
    height: auto;
  }
}
.yellow-carousel .image-slide {
  margin-right: auto;
  margin-left: 2.5vw;
}
@media only screen and (max-width: 1199px) {
  .yellow-carousel .image-slide {
    width: 48vw !important;
    position: absolute;
    right: 0;
    max-width: 380px;
  }
}
.yellow-carousel .slide {
  display: flex !important;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 8px;
}
@media only screen and (max-width: 1199px) {
  .yellow-carousel .slide {
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    height: 48vw;
  }
}
@media only screen and (max-width: 767px) {
  .yellow-carousel .slide {
    height: auto;
  }
}

.slide-desc {
  color: white;
  width: 384px;
  margin-right: 9.375vw;
  margin-left: 30px;
  box-sizing: border-box;
  margin-top: 80px;
  padding-bottom: 100px;
  opacity: 0;
  transform: translateX(-40px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /*
      color: white;

  width: calc(564/1920*100vw);

  padding-right: calc(90/1920*100vw);

  margin-left: 30px;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  max-width: 471px;
      */
}
@media only screen and (max-width: 767px) {
  .slide-desc {
    padding-bottom: 50px;
  }
}
.slide-desc.active {
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  opacity: 1;
  transform: translateX(0px);
}
.slide-desc .mybut:not(.sline) .lines-cont {
  display: none;
}
.slide-desc .mybut.sline .lines-cont {
  height: 100%;
}
.slide-desc .mybut.sline .lines-cont .line {
  border-color: white !important;
}
@media only screen and (max-width: 768px) {
  .slide-desc .mybut.sline .lines-cont .line {
    display: block !important;
  }
}
@media only screen and (max-width: 1199px) {
  .slide-desc {
    margin-top: 26px;
    margin-right: auto;
    margin-left: 0;
    width: 57.3333333333vw !important;
    max-width: 350px;
  }
  .slide-desc .lines-cont {
    height: 100% !important;
    display: block;
  }
  .slide-desc .lines-cont .right,
  .slide-desc .lines-cont .bottom,
  .slide-desc .lines-cont .left {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .slide-desc {
    width: 48%;
    position: relative;
    z-index: 2;
    min-width: 1px;
    margin-left: 0;
  }
}
.slide-desc h2,
.slide-desc .h2,
.slide-desc h1 {
  margin: 0 0 30px 0;
  font-size: 30px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  padding-top: 10px;
}
@media only screen and (max-width: 1199px) {
  .slide-desc h2,
  .slide-desc .h2,
  .slide-desc h1 {
    font-size: 34px;
    line-height: 30px;
    width: 36.8vw;
    text-shadow: 0px 0px 1px #000;
  }
}
.slide-desc h2:before,
.slide-desc .h2:before,
.slide-desc h1:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}
.slide-desc p {
  font-size: 13px;
  line-height: 22px;
}
@media only screen and (max-width: 1199px) {
  .slide-desc p {
    display: none;
  }
}

.single-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: auto 0;
  position: relative;
  box-sizing: border-box;
  padding: 0 3.2291666667vw 0 5.3645833333vw;
  max-height: 600px;
  min-height: 500px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .single-block {
    padding: 0 62px 0 103px;
  }
}
@media only screen and (max-width: 1100px) {
  .single-block {
    flex-direction: column;
    max-height: unset;
  }
}
.single-block .mybut .lines-cont {
  height: 100%;
}
.single-block .lines-cont {
  height: 90.5%;
  top: auto;
  bottom: 0;
}
.single-block .single-block-image,
.single-block .single-block-description {
  flex: 1 1 0;
}
.single-block .single-block-image {
  position: relative;
  top: 0;
}
.single-block .single-block-image .img-block {
  margin-right: 0;
}
@media only screen and (max-width: 1100px) {
  .single-block .single-block-image .img-block {
    display: inline-flex !important;
    flex-direction: column-reverse !important;
    margin-bottom: 0;
  }
}
.single-block .single-block-image .img-container {
  width: 18.6458333333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .single-block .single-block-image .img-container {
    width: 358px;
  }
}
@media only screen and (max-width: 1100px) {
  .single-block .single-block-image .img-container {
    transform: translateX(-11.5207373272vw);
    width: 65.3333333333vw;
  }
}
.single-block .single-block-description {
  color: white;
  font-size: 15px;
  line-height: 22px;
  align-self: flex-end;
  margin-bottom: 2.34375vw;
  opacity: 0;
  transform: translateX(-40px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.single-block .single-block-description .line {
  background-color: white;
  border-color: white;
}
.single-block .single-block-description .mybut {
  margin-top: 20px;
}
@media only screen and (max-width: 1100px) {
  .single-block .single-block-description {
    margin-top: 45px;
    align-self: flex-start;
  }
  .single-block .single-block-description p {
    display: none;
  }
}
.single-block .single-block-description.active {
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  opacity: 1;
  transform: translateX(0px);
}
.single-block .img-title {
  font-size: 30px;
  line-height: 33px;
}
@media only screen and (max-width: 1100px) {
  .single-block .img-title {
    top: 100%;
    padding: 0;
    width: 100%;
    max-width: unset;
    min-width: unset;
    left: 0 !important;
    transform: translate(0, 0) !important;
    position: relative;
    margin-top: 40px;
  }
}
.single-block .img-title span {
  width: 11.9791666667vw;
  max-width: 230px;
}
@media only screen and (max-width: 1100px) {
  .single-block .img-title span {
    max-width: unset;
    width: 100%;
    font-size: 33px;
    line-height: 28px;
  }
}

.to-slider {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .to-slider .carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 769px) {
  .to-slider .slide {
    max-width: 300px;
    min-width: 255px;
    margin-right: 2.6041666667vw;
    width: 100%;
  }
}
.to-slider .nav-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (min-width: 769px) {
  .to-slider .nav-cont {
    display: none;
  }
}

.carousel-but {
  background-image: url(../img/carousel-arrow-meta.png);
  background-position: right;
  background-repeat: no-repeat;
  width: 36px;
  cursor: pointer;
}

.nav-cont.whiten {
  color: white;
}
@media only screen and (max-width: 767px) {
  .nav-cont.whiten {
    background-color: transparent !important;
  }
}
.nav-cont.whiten .prin {
  background-image: url(../img/carousel-arrow-meta-white.png);
}
.nav-cont.whiten .meta {
  background-image: url(../img/carousel-arrow-meta-white.png);
}

.filter-title {
  color: white;
  font-size: 18px;
  line-height: 18px;
  white-space: nowrap;
}

.filter-menu-container {
  display: flex;
  align-items: center;
  margin-bottom: 5.2083333333vw;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-menu-container {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-menu-container {
    flex-direction: column;
  }
}
.filter-menu-container.search {
  transform: translateY(0px);
  margin-bottom: 0;
  flex-wrap: wrap;
  width: 100%;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
.filter-menu-container.search .tagTitle {
  margin: 27px auto 15px 0;
  color: white;
  font-size: 13px;
  line-height: 13px;
}
.filter-menu-container.active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-menu-container.blog {
  margin-bottom: 6.25vw;
  transform: translateY(0);
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-menu-container.blog {
    margin-bottom: 120px;
  }
}
.filter-menu-container.blog .tagTitle {
  margin: 5px 22px 5px 0;
}
@media only screen and (max-width: 767px) {
  .filter-menu-container.blog .tagTitle {
    margin: 5px 0;
  }
}

.filter-menu {
  list-style: none;
  display: flex;
  margin: 0 0 0 20px;
  padding: 0;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .filter-menu {
    margin: 0;
  }
}
.filter-menu li {
  margin: 10px;
  flex: 1 1 auto;
  max-width: 165px;
}
@media only screen and (max-width: 767px) {
  .filter-menu li {
    margin: 5px;
    max-width: calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
.filter-menu li a:link,
.filter-menu li a:visited {
  text-decoration: none;
  line-height: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  border-radius: 26px;
  color: #7e7e8f;
  border: solid 1px #7e7e8f;
  transition: all 0.25s ease-in-out;
  font-size: 16px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .filter-menu li a:link,
  .filter-menu li a:visited {
    font-size: 13px;
    line-height: 20px;
    padding: 0 15px;
    height: 30px;
  }
}
.filter-menu li a:link:hover, .filter-menu li a:link.active,
.filter-menu li a:visited:hover,
.filter-menu li a:visited.active {
  background-color: #bb1117;
  border-color: #bb1117;
  color: white;
}
.filter-menu li.active a:link,
.filter-menu li.active a:visited {
  background-color: #bb1117;
  border-color: #bb1117;
  color: white;
}

.filter-results {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1360px) {
  .filter-results {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}

.filter-block {
  max-width: 804px;
  width: 41.875vw;
  max-height: 514px;
  min-height: 497px;
  height: 26.7708333333vw;
  position: relative;
  margin: 0 0 8.8541666667vw;
  min-width: 640px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-block {
    margin: 0 0 170px;
  }
}
.filter-block:nth-child(even) {
  max-width: 667px;
}
@media only screen and (max-width: 767px) {
  .filter-block {
    min-width: unset;
    width: 100%;
    min-height: 350px;
    height: auto;
    overflow: hidden;
  }
}

.filter-contents {
  width: 100%;
  max-width: 405px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.filter-contents .offer-date-block {
  min-height: unset;
  padding-top: 0.78125vw;
  padding-bottom: 0.78125vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-contents .offer-date-block {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.filter-contents .offers-box {
  align-self: flex-start;
}
.filter-contents .offers-box .offer-date {
  font-size: 26px;
  line-height: 28px;
}
.filter-contents .programm-title-block {
  margin-bottom: 1.1979166667vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-contents .programm-title-block {
    margin-bottom: 23px;
  }
}
.filter-contents .text-block {
  height: 100%;
  margin-bottom: 0;
}
.filter-contents .text-block h2,
.filter-contents .text-block .h2,
.filter-contents .text-block h1 {
  margin-bottom: 0px;
  font-size: 58px;
  line-height: 58px;
}
@media only screen and (max-width: 767px) {
  .filter-contents .text-block h2,
  .filter-contents .text-block .h2,
  .filter-contents .text-block h1 {
    font-size: 34px;
    line-height: 30px;
  }
}
.filter-contents .text-block h3 {
  margin: 0 0 2.0833333333vw;
  font-size: 30px;
  line-height: 30px;
  transform: translate(0, 20px);
  opacity: 0;
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-contents .text-block h3 {
    margin: 0 0 40px;
  }
}
.filter-contents .text-block p {
  margin-top: auto;
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .filter-contents .text-block p {
    font-size: 13px;
    line-height: 22px;
  }
}
.filter-contents .text-block.active h3 {
  transform: translate(0, 0);
  opacity: 1;
  transition: transform 0.3s ease-in-out 0.15s;
}

.filter-image {
  width: 78.4107946027%;
  height: 100%;
  max-width: 523px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.filter-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.stores .text-block h2,
.stores .text-block .h2,
.stores .text-block h1,
.stores .stores-slide h2,
.stores .stores-slide .h2,
.stores .stores-slide h1 {
  font-size: 58px;
  line-height: 52px;
}
@media only screen and (max-width: 767px) {
  .stores .text-block h2,
  .stores .text-block .h2,
  .stores .text-block h1,
  .stores .stores-slide h2,
  .stores .stores-slide .h2,
  .stores .stores-slide h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.stores .text-block h4,
.stores .stores-slide h4 {
  font-size: 24px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .stores .text-block h4,
  .stores .stores-slide h4 {
    font-size: 20px;
    line-height: 20px;
  }
}

.stores-slider-container {
  width: 90%;
  max-width: 1509px;
  height: 33.6979166667vw;
  max-height: 647px;
  min-height: 515px;
  position: relative;
}
.stores-slider-container.flexed {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container.flexed {
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container.flexed {
    flex-direction: column;
  }
}
.stores-slider-container.pslid {
  max-width: 1367px;
  margin: 0 auto;
  min-height: 430px;
}
@media only screen and (max-width: 767px) {
  .stores-slider-container.pslid {
    margin-bottom: 50px;
  }
}
.stores-slider-container.pslid > .lines-cont {
  width: 100%;
  height: 88.4080370943%;
  bottom: 0;
  top: auto;
  left: 0;
  min-height: 400px;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container.pslid > .lines-cont {
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container.pslid > .lines-cont {
    min-height: unset;
  }
}
.stores-slider-container.pslid .stores-slider {
  height: 78.2071097372%;
}
.stores-slider-container.pslid .slick-list .draggable {
  min-height: 448px;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container.pslid .slick-list .draggable {
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container.pslid .slick-list .draggable {
    min-height: unset;
  }
}
.stores-slider-container.pslid .stores-slide {
  align-items: flex-end;
  min-height: 400px;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container.pslid .stores-slide {
    justify-content: center;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container.pslid .stores-slide {
    justify-content: center;
  }
}
.stores-slider-container.pslid .stores-slide .mybut {
  color: #24242a;
}
@media only screen and (max-width: 767px) {
  .stores-slider-container.pslid .stores-slide .mybut {
    font-size: 0.8rem;
  }
}
.stores-slider-container.pslid .stores-slide .mybut:before {
  background-image: unset !important;
  content: attr(data-fortrans);
  color: white;
  background-color: black;
}
.stores-slider-container.pslid .stores-slide .mybut:after {
  background-image: unset !important;
  content: attr(data-fortrans);
  transform: translateX(0);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
  animation-name: buttonAnimHoverOutNoar;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container.pslid .stores-slide .mybut {
    width: 120px;
    min-height: 35px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container.pslid .stores-slide .mybut {
    width: 120px;
    min-height: 35px;
    line-height: 35px;
  }
}
.stores-slider-container.pslid .stores-slide .mybut:hover:after {
  transform: translateX(100%);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.stores-slider-container.pslid .slider-img-container {
  max-width: 523px;
  margin-left: 7.3152889539%;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container.pslid .slider-img-container {
    margin: 0 10px 20px 0px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container.pslid .slider-img-container {
    margin: 0 10px 20px 0px;
  }
}
.stores-slider-container.pslid .nav-cont {
  bottom: 0;
  left: 50%;
  top: auto;
  transform: translate(-50%, 50%);
  background-color: #eee;
  padding: 0 20px;
  width: 155px;
}
.stores-slider-container.pslid h2,
.stores-slider-container.pslid .h2,
.stores-slider-container.pslid h1 {
  max-width: 283px;
  margin-bottom: 28px;
}
.stores-slider-container.pslid h5 {
  font-size: 18px;
  line-height: 18px;
  color: #24242a;
  margin-bottom: 18px;
}
.stores-slider-container .text-photo-container {
  width: 100%;
  max-width: 391px;
  min-width: 340px;
  text-align: left;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container .text-photo-container {
    min-width: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container .text-photo-container {
    min-width: unset;
  }
}
.stores-slider-container .text-photo-container h2,
.stores-slider-container .text-photo-container .h2,
.stores-slider-container .text-photo-container h1 {
  max-width: 283px;
  margin-bottom: 46px;
  font-size: 58px;
  line-height: 52px;
}
@media only screen and (max-width: 767px) {
  .stores-slider-container .text-photo-container h2,
  .stores-slider-container .text-photo-container .h2,
  .stores-slider-container .text-photo-container h1 {
    font-size: 34px !important;
    line-height: 30px !important;
  }
}
.stores-slider-container .stores-photo-slider {
  width: 49.9668654738%;
  height: 80.9891808346%;
  min-height: 336px;
  margin-right: 15.5732273028%;
}
.stores-slider-container .stores-photo-slider .slider-photo-img-container {
  min-height: 336px;
  display: flex;
  align-items: flex-end !important;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container .stores-photo-slider .slider-photo-img-container {
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container .stores-photo-slider .slider-photo-img-container {
    min-height: unset;
  }
}
@media only screen and (max-width: 1100px) {
  .stores-slider-container .stores-photo-slider {
    margin: 0 10px 20px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .stores-slider-container .stores-photo-slider {
    width: 100%;
    height: auto;
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container .stores-photo-slider {
    width: 100%;
    height: auto;
    min-height: unset;
  }
}
@media only screen and (max-width: 768px) {
  .stores-slider-container {
    width: 100%;
    height: auto;
    padding: 20px 0 35px 10px;
    max-height: none;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container {
    width: 100%;
    height: auto;
    padding: 20px 0 35px 10px;
    max-height: none;
  }
}
.stores-slider-container > .lines-cont {
  right: 0;
  left: auto;
  width: 72.1669980119%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .stores-slider-container > .lines-cont {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container > .lines-cont {
    width: 100%;
  }
}
.stores-slider-container .nav-cont {
  position: absolute;
  width: 115px;
  left: 65.5400927767%;
  bottom: 9.2735703246%;
  z-index: 10;
}
@media only screen and (max-width: 1100px) {
  .stores-slider-container .nav-cont {
    right: 401px;
    transform: translateX(100%);
    left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .stores-slider-container .nav-cont {
    bottom: 15px;
    right: auto;
    left: calc((100% - 391px) * 0.5);
    transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  .stores-slider-container .nav-cont {
    left: 10px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider-container .nav-cont {
    bottom: 15px;
    right: auto;
    left: calc((100% - 391px) * 0.5);
    transform: translateX(0);
  }
}

.stores-slider,
.stores-slide {
  height: 100%;
  width: 100%;
  display: flex !important;
  align-items: center;
}
@media only screen and (max-width: 1100px) {
  .stores-slider,
  .stores-slide {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .stores-slider,
  .stores-slide {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider,
  .stores-slide {
    flex-wrap: wrap;
  }
}
.stores-slider .slider-img-container,
.stores-slide .slider-img-container {
  width: 49.9668654738%;
  height: 80.9891808346%;
  min-height: 336px;
  margin-right: 15.5732273028%;
}
@media only screen and (max-width: 1100px) {
  .stores-slider .slider-img-container,
  .stores-slide .slider-img-container {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .stores-slider .slider-img-container,
  .stores-slide .slider-img-container {
    width: 100%;
    height: auto;
    min-height: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider .slider-img-container,
  .stores-slide .slider-img-container {
    width: 100%;
    height: auto;
    min-height: unset;
  }
}
.stores-slider .slider-img-container .img-block,
.stores-slide .slider-img-container .img-block {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
}
.stores-slider .slider-img-container .img-block .img-container,
.stores-slide .slider-img-container .img-block .img-container {
  width: 100%;
  height: 100%;
}
.stores-slider .slider-img-container .img-block .img-container img,
.stores-slide .slider-img-container .img-block .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.stores-slider .text-container,
.stores-slide .text-container {
  width: 100%;
  max-width: 401px;
  min-width: 340px;
  text-align: left;
  margin-right: 10px;
  box-sizing: border-box;
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  .stores-slider .text-container,
  .stores-slide .text-container {
    min-width: unset;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .stores-slider .text-container,
  .stores-slide .text-container {
    min-width: unset;
  }
}
.stores-slider h2,
.stores-slider .h2,
.stores-slider h1,
.stores-slide h2,
.stores-slide .h2,
.stores-slide h1 {
  max-width: 283px;
  margin-bottom: 46px;
}

.map-app {
  display: flex;
  align-items: stretch;
}
.map-app .map-section {
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  .map-app .map-section {
    display: none;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .map-app .map-section {
    display: none;
  }
}
.map-app .search-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 368px;
}
@media only screen and (max-width: 768px) {
  .map-app .search-section {
    width: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .map-app .search-section {
    width: 100% !important;
    min-width: unset;
  }
}
.map-app .search-section .box {
  max-width: 700px;
  width: calc(100% - 40px);
  margin-right: 40px;
}
@media only screen and (max-width: 768px) {
  .map-app .search-section .box {
    width: 90%;
    max-width: unset;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .map-app .search-section .box {
    width: 90%;
    max-width: unset;
    margin: 0 auto;
  }
}

#infowindow-content {
  display: none;
}

.search-section-title {
  width: 100%;
  display: flex;
  background-color: #283264;
  align-items: stretch;
  justify-content: flex-end;
  height: 100px;
  flex: 0 0 100px;
}
.search-section-title .searchTitle {
  color: white;
  font-size: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  padding-left: 40px;
}
@media only screen and (max-width: 768px) {
  .search-section-title .searchTitle {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .search-section-title .searchTitle {
    padding-left: 20px;
  }
}

.search-section-slider {
  overflow: hidden;
  display: flex;
  flex: 1 0 100%;
}
.search-section-slider .search-track {
  display: flex;
  transform: translateX(0);
  position: relative;
  width: 100%;
  height: 100%;
}

.multiSearch,
.searchResaults {
  width: 100%;
  flex: 0 0 100%;
}

.searchResaults {
  position: absolute;
  height: calc(100% - 100px);
  top: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  color: white;
  z-index: 10;
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .searchResaults {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .searchResaults {
    height: calc(77% - 100px);
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .searchResaults {
    height: calc(77% - 100px);
  }
}
.searchResaults .back-container {
  height: 60px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 45px;
}
.searchResaults button {
  background: transparent !important;
  border: none;
}
.searchResaults h2,
.searchResaults .h2,
.searchResaults h1 {
  color: white !important;
  display: block;
  text-align: left;
  font-size: 46px;
  line-height: 46px;
  margin: 0 0 87px;
}

body.stores .searchResaults.show {
  top: 0;
}
@media only screen and (max-width: 768px) {
  body.stores .searchResaults.show {
    top: calc(46.93333vw + 139px);
  }
}

body.stores.partners .searchResaults.show {
  top: 0;
}
@media only screen and (max-width: 768px) {
  body.stores.partners .searchResaults.show {
    top: calc(46.93333vw + 195px);
  }
}

.resultBox {
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: flex-end;
  font-size: 13px;
  line-height: 13px;
  height: 30px;
  margin-bottom: 3.6458333333vw;
  align-items: flex-end;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .resultBox {
    margin-bottom: 70px;
  }
}

.storeBox {
  color: white;
  padding-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  position: relative;
  border-bottom: solid 2px #283264;
  margin-bottom: 35px;
}
.storeBox .detail-logo {
  width: 56px;
  height: 56px;
  bottom: auto;
  top: 0;
  padding: 2px;
}
.storeBox .city-name {
  font-size: 28px;
  line-height: 52px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .storeBox .city-name {
    font-size: 22px;
    line-height: 46px;
  }
}
.storeBox .adress {
  font-size: 16px;
  line-height: 24px;
  color: inherit;
}
@media only screen and (max-width: 767px) {
  .storeBox .adress {
    font-size: 14px;
    line-height: 22px;
  }
}
.storeBox button {
  color: inherit;
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  right: 0;
  bottom: 35px;
  background: transparent !important;
  border: none;
  letter-spacing: 1px;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .storeBox button {
    font-size: 16px;
    line-height: 16px;
  }
}

.lektikoOne,
.lektikoMore {
  display: inline-block;
  margin-left: 5px;
}

.multiSearch .form {
  position: relative;
  width: calc(100% - 20px);
  margin-top: 33px;
  margin-left: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  .multiSearch .form {
    padding-left: 0;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .multiSearch .form {
    padding-left: 0;
  }
}
.multiSearch .form label {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.4;
}
.multiSearch .form input[type=search] {
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  width: 100%;
  height: 43px;
  background: transparent;
  color: white;
  outline: none;
}
.multiSearch .results-Container {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 0 100%;
  height: 65%;
  padding-bottom: 40px;
  box-sizing: border-box;
  max-height: 900px;
}
@media only screen and (max-width: 768px) {
  .multiSearch .results-Container {
    min-height: 750px;
    height: auto;
    max-height: 900px;
  }
}

.details-container {
  display: flex;
}
.details-container .info-container {
  width: 49.2753623188%;
  max-width: 238px;
  flex: 1 0 49.2753623188%;
}
.details-container .hours-container {
  flex: 1 0 100%;
}
.details-container .inners {
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 16px;
  line-height: 24px;
  align-items: stretch;
}
.details-container .inners .mtitle {
  font-size: 28px;
  line-height: 28px;
  padding-top: 10px;
  border-top: solid 1px white;
  align-self: flex-start;
  letter-spacing: 1px;
}
.details-container .inners .stitle {
  font-size: 18px;
  line-height: 28px;
  margin-top: 30px;
  letter-spacing: 1px;
}

.getDirections {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  height: 32px;
  background-image: url(../img/getDirections.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  color: white;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
  position: relative;
  margin-top: 20px;
  letter-spacing: 1px;
  padding-left: 45px;
}
.getDirections:hover {
  color: white;
}

.detail-logo {
  width: 90px;
  height: 90px;
  border-radius: 45px;
  border: solid 1px #e1e1e1;
  box-sizing: border-box;
  padding: 15px;
  position: absolute;
  right: 0;
  bottom: 25px;
}
.detail-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mobile-map-container {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobile-map-container {
    display: block;
    width: 100%;
    height: 46.9333333333vw;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mobile-map-container {
    display: block !important;
    width: 100%;
    height: 46.9333333333vw;
    margin-bottom: 30px;
  }
}

#mCSB_1_container {
  margin-left: 40px;
  margin-right: 0px;
}

#mCSB_1_scrollbar_vertical {
  right: auto;
  left: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: unset !important;
  border-radius: 0px !important;
}

.search-filter-menu {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 20px;
  margin: 40px 0 0 20px;
  width: calc(100% - 20px);
}
@media only screen and (max-width: 768px) {
  .search-filter-menu {
    padding: 0;
    margin: 40px 0 0 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .search-filter-menu {
    padding: 0;
  }
}
.search-filter-menu li {
  flex: 1 1 33%;
  display: flex;
  justify-content: center;
  padding: 0 2px;
}
.search-filter-menu li:first-child {
  justify-content: flex-start;
}
.search-filter-menu li:last-child {
  justify-content: flex-end;
}
.search-filter-menu li a:link,
.search-filter-menu li a:visited {
  width: 95%;
  font-size: 16px;
  line-height: 38px;
  border: solid 1px;
  border-radius: 19px;
  padding: 0 10px;
  text-align: center;
  display: block;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .search-filter-menu li a:link,
  .search-filter-menu li a:visited {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.search-filter-menu li a:link:hover,
.search-filter-menu li a:visited:hover {
  color: white !important;
}
.search-filter-menu li a:link.electricity,
.search-filter-menu li a:visited.electricity {
  border-color: #961116;
  color: #961116;
}
.search-filter-menu li a:link.electricity:hover,
.search-filter-menu li a:visited.electricity:hover {
  background-color: #961116;
}
.search-filter-menu li a:link.electricity.active,
.search-filter-menu li a:visited.electricity.active {
  background-color: #961116;
  color: white;
}
.search-filter-menu li a:link.ecoEnergy,
.search-filter-menu li a:visited.ecoEnergy {
  border-color: #13a983;
  color: #13a983;
}
.search-filter-menu li a:link.ecoEnergy:hover,
.search-filter-menu li a:visited.ecoEnergy:hover {
  background-color: #13a983;
}
.search-filter-menu li a:link.ecoEnergy.active,
.search-filter-menu li a:visited.ecoEnergy.active {
  background-color: #13a983;
  color: white;
}
.search-filter-menu li a:link.gas,
.search-filter-menu li a:visited.gas {
  border-color: #0ba5ab;
  color: #0ba5ab;
}
.search-filter-menu li a:link.gas:hover,
.search-filter-menu li a:visited.gas:hover {
  background-color: #0ba5ab;
}
.search-filter-menu li a:link.gas.active,
.search-filter-menu li a:visited.gas.active {
  background-color: #0ba5ab;
  color: white;
}
.search-filter-menu li a:link.both,
.search-filter-menu li a:visited.both {
  border-color: #7c3cae;
  color: #7c3cae;
}
.search-filter-menu li a:link.both:hover,
.search-filter-menu li a:visited.both:hover {
  background-color: #7c3cae;
}
.search-filter-menu li a:link.both.active,
.search-filter-menu li a:visited.both.active {
  background-color: #7c3cae;
  color: white;
}
.search-filter-menu.blog {
  justify-content: flex-start;
  padding: 0;
  margin: 0 0 0 20px;
  width: calc(100% - 20px);
  flex-wrap: wrap;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .search-filter-menu.blog {
    margin: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .search-filter-menu.blog {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }
}
.search-filter-menu.blog li {
  flex: 0 0 0;
  margin: 5px 20px 5px 0;
}
@media only screen and (max-width: 767px) {
  .search-filter-menu.blog li {
    margin: 5px 0;
  }
}
.search-filter-menu.blog li a:link,
.search-filter-menu.blog li a:visited {
  min-width: 178px;
  border-color: #7e7e8f;
  color: #7e7e8f;
}
.search-filter-menu.blog li a:link:hover, .search-filter-menu.blog li a:link.active,
.search-filter-menu.blog li a:visited:hover,
.search-filter-menu.blog li a:visited.active {
  background-color: #bb1117;
  color: white;
  border-color: #bb1117;
}
.search-filter-menu.blog li:last-child {
  margin: 5px 0;
}
.search-filter-menu.news {
  justify-content: flex-start;
  padding: 0;
  margin: 0 0 0 20px;
  width: calc(100% - 20px);
  flex-wrap: wrap;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .search-filter-menu.news {
    margin: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .search-filter-menu.news {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }
}
.search-filter-menu.news li {
  flex: 0 0 0;
  margin: 5px 20px 5px 0;
}
@media only screen and (max-width: 767px) {
  .search-filter-menu.news li {
    margin: 5px 0;
  }
}
.search-filter-menu.news li a:link,
.search-filter-menu.news li a:visited {
  min-width: 178px;
  border-color: #7e7e8f;
  color: #7e7e8f;
}
.search-filter-menu.news li a:link:hover, .search-filter-menu.news li a:link.active,
.search-filter-menu.news li a:visited:hover,
.search-filter-menu.news li a:visited.active {
  background-color: #313c77;
  color: white;
  border-color: #313c77;
}
.search-filter-menu.news li:last-child {
  margin: 5px 0;
}
.search-filter-menu.search {
  justify-content: flex-start;
  padding: 0;
  margin: 0 auto 0 0;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .search-filter-menu.search {
    margin: 0px;
  }
}
.search-filter-menu.search li {
  flex: 0 0 0;
  margin: 5px 20px 5px 0;
}
@media only screen and (max-width: 767px) {
  .search-filter-menu.search li {
    margin: 5px 0px 5px 0;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
  }
}
.search-filter-menu.search li a:link,
.search-filter-menu.search li a:visited {
  min-width: 178px;
  border-color: #cacaca;
  color: #cacaca;
}
.search-filter-menu.search li a:link:hover, .search-filter-menu.search li a:link.active,
.search-filter-menu.search li a:visited:hover,
.search-filter-menu.search li a:visited.active {
  background-color: #bb1117;
  color: white;
  border-color: #bb1117;
}
.search-filter-menu.search li:last-child {
  margin: 5px 0;
}

.tagTitle {
  font-size: 18px;
  line-height: 18px;
  color: #24242a;
}

.otherSlider {
  height: 66.4845173042%;
  max-height: 730px;
  width: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
  align-self: flex-end;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .otherSlider {
    max-height: unset;
    height: auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider {
    max-height: unset;
    height: auto;
  }
}
.otherSlider .nav-cont {
  top: auto;
  left: 15px;
  bottom: 0;
  right: auto;
  position: absolute;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .otherSlider .nav-cont {
    bottom: 25px;
  }
}
.otherSlider .nav-cont.share {
  left: auto;
  right: 354px;
  transform: translateX(100%);
}
@media only screen and (max-width: 768px) {
  .otherSlider .nav-cont.share {
    bottom: 15px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .nav-cont.share {
    bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .otherSlider .nav-cont.share {
    left: 0;
    transform: translateX(0);
    right: auto;
    bottom: 15px;
  }
}
.otherSlider .mainSlider,
.otherSlider .nomainSlider {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
}
.otherSlider .mainSlider .slick-slide,
.otherSlider .nomainSlider .slick-slide {
  display: flex;
  align-items: stretch;
}
.otherSlider .mainSlider .slick-slide > div,
.otherSlider .nomainSlider .slick-slide > div {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.otherSlider .mainSlide,
.otherSlider .slide-back {
  display: flex !important;
  align-items: stretch;
  width: 100%;
  height: auto;
}
.otherSlider .mainSlide .main-slide-icon,
.otherSlider .slide-back .main-slide-icon {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
  width: 50%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .otherSlider .mainSlide .main-slide-icon,
  .otherSlider .slide-back .main-slide-icon {
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .mainSlide .main-slide-icon,
  .otherSlider .slide-back .main-slide-icon {
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
.otherSlider .mainSlide .main-slide-icon img,
.otherSlider .slide-back .main-slide-icon img {
  align-self: center;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.otherSlider .mainSlide .main-slide-icon.share,
.otherSlider .slide-back .main-slide-icon.share {
  max-width: 524px;
  flex: 1 1 27.2916666667vw;
  width: 27.2916666667vw;
}
@media only screen and (max-width: 768px) {
  .otherSlider .mainSlide .main-slide-icon.share,
  .otherSlider .slide-back .main-slide-icon.share {
    max-width: 330px;
    flex: 1 1 100%;
    margin-bottom: 30px;
    width: 100%;
    height: 40vh;
    position: relative;
    min-height: 380px;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .mainSlide .main-slide-icon.share,
  .otherSlider .slide-back .main-slide-icon.share {
    max-width: 330px;
    flex: 1 1 100%;
    margin-bottom: 30px;
    width: 100%;
    height: 40vh;
    position: relative;
    min-height: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .otherSlider .mainSlide .main-slide-icon.share img,
  .otherSlider .slide-back .main-slide-icon.share img {
    transform: translateX(-50%) translateY(80px) scaleY(1.1);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
.otherSlider .mainSlide .main-slide-icon.share.active,
.otherSlider .slide-back .main-slide-icon.share.active {
  transform: scaleY(1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (max-width: 768px) {
  .otherSlider .mainSlide .main-slide-icon.share.active img,
  .otherSlider .slide-back .main-slide-icon.share.active img {
    transform: translateX(-50%) translateY(0) scaleY(1);
    opacity: 1;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  }
}
.otherSlider .mainSlide .share-single-slide,
.otherSlider .slide-back .share-single-slide {
  flex: 1 1 50%;
  display: flex !important;
  align-items: stretch;
  position: relative;
  padding-bottom: 50px;
  flex-direction: column;
  padding-left: 15px;
}
.otherSlider .mainSlide .share-single-slide > h2,
.otherSlider .mainSlide .share-single-slide .h2,
.otherSlider .mainSlide .share-single-slide h1,
.otherSlider .slide-back .share-single-slide > h2,
.otherSlider .slide-back .share-single-slide .h2,
.otherSlider .slide-back .share-single-slide h1 {
  color: #313c77 !important;
  font-size: 58px;
  line-height: 52px;
}
@media only screen and (max-width: 767px) {
  .otherSlider .mainSlide .share-single-slide > h2,
  .otherSlider .mainSlide .share-single-slide .h2,
  .otherSlider .mainSlide .share-single-slide h1,
  .otherSlider .slide-back .share-single-slide > h2,
  .otherSlider .slide-back .share-single-slide .h2,
  .otherSlider .slide-back .share-single-slide h1 {
    font-size: 34px !important;
    line-height: 30px !important;
  }
}
.otherSlider .mainSlide .share-single-slide.share,
.otherSlider .slide-back .share-single-slide.share {
  max-width: 354px;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .otherSlider .mainSlide .share-single-slide.share,
  .otherSlider .slide-back .share-single-slide.share {
    margin-left: 0;
    max-width: unset;
    width: 100%;
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .mainSlide .share-single-slide.share,
  .otherSlider .slide-back .share-single-slide.share {
    margin-left: 0;
    max-width: unset;
    width: 100%;
    flex-direction: column;
  }
}
.otherSlider .mainSlide .share-single-slide .main-slide-text,
.otherSlider .slide-back .share-single-slide .main-slide-text {
  max-width: 354px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .otherSlider .mainSlide .share-single-slide .main-slide-text,
  .otherSlider .slide-back .share-single-slide .main-slide-text {
    max-width: unset;
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .mainSlide .share-single-slide .main-slide-text,
  .otherSlider .slide-back .share-single-slide .main-slide-text {
    max-width: unset;
    flex-direction: column;
  }
}
.otherSlider .mainSlide .share-single-slide .main-slide-text .text-block,
.otherSlider .slide-back .share-single-slide .main-slide-text .text-block {
  width: inherit !important;
  max-width: unset;
}
.otherSlider .mainSlide .share-single-slide h5,
.otherSlider .slide-back .share-single-slide h5 {
  margin-bottom: 0;
}
.otherSlider .mainSlide .share-single-slide h2:before,
.otherSlider .mainSlide .share-single-slide .h2:before,
.otherSlider .mainSlide .share-single-slide h1:before,
.otherSlider .slide-back .share-single-slide h2:before,
.otherSlider .slide-back .share-single-slide .h2:before,
.otherSlider .slide-back .share-single-slide h1:before {
  display: none;
}
.otherSlider .slide-back.pined {
  position: relative;
}
.otherSlider .slide-back.pined .main-slide-icon {
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .otherSlider .slide-back.pined .main-slide-icon {
    opacity: 1;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .slide-back.pined .main-slide-icon {
    opacity: 1;
  }
}
.otherSlider .slide-back.pined .main-slide-icon {
  flex: unset;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .otherSlider .slide-back.pined .main-slide-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    top: auto;
    transform: translateY(0);
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .slide-back.pined .main-slide-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    top: auto;
    transform: translateY(0);
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
.otherSlider .slide-back.pined .main-slide-text {
  width: 100%;
  flex: unset;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .otherSlider .slide-back.pined .main-slide-text.share {
    width: 100%;
    margin-left: 0;
    max-width: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .slide-back.pined .main-slide-text.share {
    width: 100%;
    margin-left: 0;
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .otherSlider .slide-back.pined .main-slide-text {
    margin-left: 0;
    max-width: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .otherSlider .slide-back {
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .otherSlider .slide-back {
    flex-direction: column;
  }
}
.otherSlider .slide-back.share {
  justify-content: space-between;
  max-width: 1088px;
}
@media only screen and (max-width: 767px) {
  .otherSlider .slide-back.share {
    flex-direction: column;
  }
}
.otherSlider .text-block {
  max-width: 493px;
}
.otherSlider .text-block h2,
.otherSlider .text-block .h2,
.otherSlider .text-block h1,
.otherSlider .text-block h4,
.otherSlider .text-block p {
  color: white;
}
.otherSlider .slick-track,
.otherSlider .slick-slide,
.otherSlider .slick-slide > div {
  height: 100%;
}
.otherSlider.centerd {
  align-self: center;
}
.otherSlider.start {
  align-self: flex-start;
}

.mainSlider-Container,
.noSlider {
  height: 66.4845173042%;
  max-height: 730px;
  width: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
  align-self: flex-end;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container,
  .noSlider {
    max-height: unset;
    height: auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container,
  .noSlider {
    max-height: unset;
    height: auto;
  }
}
.mainSlider-Container .nav-cont,
.noSlider .nav-cont {
  top: auto;
  left: 50%;
  bottom: 85px;
  right: auto;
  position: absolute;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .nav-cont,
  .noSlider .nav-cont {
    transform: translateX(-50%);
    bottom: 0px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .nav-cont,
  .noSlider .nav-cont {
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .nav-cont,
  .noSlider .nav-cont {
    bottom: 25px;
  }
}
.mainSlider-Container .nav-cont.share,
.noSlider .nav-cont.share {
  left: auto;
  right: 354px;
  transform: translateX(100%);
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .nav-cont.share,
  .noSlider .nav-cont.share {
    bottom: 15px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .nav-cont.share,
  .noSlider .nav-cont.share {
    bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .nav-cont.share,
  .noSlider .nav-cont.share {
    left: 0;
    transform: translateX(0);
    right: auto;
    bottom: 15px;
  }
}
.mainSlider-Container .nav-cont.infirst,
.noSlider .nav-cont.infirst {
  bottom: 0;
}
.mainSlider-Container .mainSlider,
.mainSlider-Container .nomainSlider,
.noSlider .mainSlider,
.noSlider .nomainSlider {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
}
.mainSlider-Container .mainSlider .slick-slide,
.mainSlider-Container .nomainSlider .slick-slide,
.noSlider .mainSlider .slick-slide,
.noSlider .nomainSlider .slick-slide {
  display: flex;
  align-items: stretch;
}
.mainSlider-Container .mainSlider .slick-slide > div,
.mainSlider-Container .nomainSlider .slick-slide > div,
.noSlider .mainSlider .slick-slide > div,
.noSlider .nomainSlider .slick-slide > div {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.mainSlider-Container .mainSlide,
.mainSlider-Container .slide-back,
.noSlider .mainSlide,
.noSlider .slide-back {
  display: flex !important;
  align-items: stretch;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .mainSlide:not(:root:root),
  .mainSlider-Container .slide-back:not(:root:root),
  .noSlider .mainSlide:not(:root:root),
  .noSlider .slide-back:not(:root:root) {
    height: 100% !important;
  }
}
.mainSlider-Container .mainSlide .main-slide-icon,
.mainSlider-Container .slide-back .main-slide-icon,
.noSlider .mainSlide .main-slide-icon,
.noSlider .slide-back .main-slide-icon {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon,
  .mainSlider-Container .slide-back .main-slide-icon,
  .noSlider .mainSlide .main-slide-icon,
  .noSlider .slide-back .main-slide-icon {
    flex: 1 1 30%;
    max-width: 70%;
    align-self: center;
    padding-right: 0;
    width: 70%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .mainSlide .main-slide-icon,
  .mainSlider-Container .slide-back .main-slide-icon,
  .noSlider .mainSlide .main-slide-icon,
  .noSlider .slide-back .main-slide-icon {
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
.mainSlider-Container .mainSlide .main-slide-icon img,
.mainSlider-Container .slide-back .main-slide-icon img,
.noSlider .mainSlide .main-slide-icon img,
.noSlider .slide-back .main-slide-icon img {
  align-self: center;
  height: 100%;
}
.mainSlider-Container .mainSlide .main-slide-icon.share,
.mainSlider-Container .slide-back .main-slide-icon.share,
.noSlider .mainSlide .main-slide-icon.share,
.noSlider .slide-back .main-slide-icon.share {
  max-width: 524px;
  flex: 1 1 27.2916666667vw;
  width: 27.2916666667vw;
  height: 66vh;
  max-height: 730px;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share,
  .mainSlider-Container .slide-back .main-slide-icon.share,
  .noSlider .mainSlide .main-slide-icon.share,
  .noSlider .slide-back .main-slide-icon.share {
    max-width: 330px;
    flex: 1 1 100%;
    margin-bottom: 30px;
    width: 100%;
    height: 40vh;
    position: relative;
    min-height: 380px;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share,
  .mainSlider-Container .slide-back .main-slide-icon.share,
  .noSlider .mainSlide .main-slide-icon.share,
  .noSlider .slide-back .main-slide-icon.share {
    max-width: 330px;
    flex: 1 1 100%;
    margin-bottom: 30px;
    width: 100%;
    height: 66vh;
    position: relative;
    min-height: 380px;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .mainSlide .main-slide-icon.share,
  .mainSlider-Container .slide-back .main-slide-icon.share,
  .noSlider .mainSlide .main-slide-icon.share,
  .noSlider .slide-back .main-slide-icon.share {
    max-width: 330px;
    flex: 1 1 100%;
    margin-bottom: 30px;
    width: 100%;
    height: 700px;
    position: relative;
    min-height: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share img,
  .mainSlider-Container .slide-back .main-slide-icon.share img,
  .noSlider .mainSlide .main-slide-icon.share img,
  .noSlider .slide-back .main-slide-icon.share img {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .mainSlide .main-slide-icon.share img,
  .mainSlider-Container .slide-back .main-slide-icon.share img,
  .noSlider .mainSlide .main-slide-icon.share img,
  .noSlider .slide-back .main-slide-icon.share img {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share img,
  .mainSlider-Container .mainSlide .main-slide-icon.share canvas,
  .mainSlider-Container .slide-back .main-slide-icon.share img,
  .mainSlider-Container .slide-back .main-slide-icon.share canvas,
  .noSlider .mainSlide .main-slide-icon.share img,
  .noSlider .mainSlide .main-slide-icon.share canvas,
  .noSlider .slide-back .main-slide-icon.share img,
  .noSlider .slide-back .main-slide-icon.share canvas {
    transform: translateX(-50%) translateY(80px) scaleY(1.1);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
.mainSlider-Container .mainSlide .main-slide-icon.share.active,
.mainSlider-Container .slide-back .main-slide-icon.share.active,
.noSlider .mainSlide .main-slide-icon.share.active,
.noSlider .slide-back .main-slide-icon.share.active {
  transform: scaleY(1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share.active img,
  .mainSlider-Container .mainSlide .main-slide-icon.share.active canvas,
  .mainSlider-Container .slide-back .main-slide-icon.share.active img,
  .mainSlider-Container .slide-back .main-slide-icon.share.active canvas,
  .noSlider .mainSlide .main-slide-icon.share.active img,
  .noSlider .mainSlide .main-slide-icon.share.active canvas,
  .noSlider .slide-back .main-slide-icon.share.active img,
  .noSlider .slide-back .main-slide-icon.share.active canvas {
    transform: translateX(-50%) translateY(0) scaleY(1);
    opacity: 1;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share *,
  .mainSlider-Container .slide-back .main-slide-icon.share *,
  .noSlider .mainSlide .main-slide-icon.share *,
  .noSlider .slide-back .main-slide-icon.share * {
    width: inherit;
    height: inherit;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .mainSlide .main-slide-icon.share *,
  .mainSlider-Container .slide-back .main-slide-icon.share *,
  .noSlider .mainSlide .main-slide-icon.share *,
  .noSlider .slide-back .main-slide-icon.share * {
    width: inherit;
    height: inherit;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share .thereveal-div,
  .mainSlider-Container .slide-back .main-slide-icon.share .thereveal-div,
  .noSlider .mainSlide .main-slide-icon.share .thereveal-div,
  .noSlider .slide-back .main-slide-icon.share .thereveal-div {
    height: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.share .in-view .thereveal-div,
  .mainSlider-Container .slide-back .main-slide-icon.share .in-view .thereveal-div,
  .noSlider .mainSlide .main-slide-icon.share .in-view .thereveal-div,
  .noSlider .slide-back .main-slide-icon.share .in-view .thereveal-div {
    height: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.full,
  .mainSlider-Container .slide-back .main-slide-icon.full,
  .noSlider .mainSlide .main-slide-icon.full,
  .noSlider .slide-back .main-slide-icon.full {
    flex: 1 1 100%;
    max-width: 100%;
    align-self: center;
    padding-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-icon.full .anim-icon-container,
  .mainSlider-Container .slide-back .main-slide-icon.full .anim-icon-container,
  .noSlider .mainSlide .main-slide-icon.full .anim-icon-container,
  .noSlider .slide-back .main-slide-icon.full .anim-icon-container {
    width: 100% !important;
  }
}
.mainSlider-Container .mainSlide .main-slide-text,
.mainSlider-Container .slide-back .main-slide-text,
.noSlider .mainSlide .main-slide-text,
.noSlider .slide-back .main-slide-text {
  flex: 1 1 50%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.mainSlider-Container .mainSlide .main-slide-text.share,
.mainSlider-Container .slide-back .main-slide-text.share,
.noSlider .mainSlide .main-slide-text.share,
.noSlider .slide-back .main-slide-text.share {
  max-width: 354px;
  margin-left: 50px;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-text.share,
  .mainSlider-Container .slide-back .main-slide-text.share,
  .noSlider .mainSlide .main-slide-text.share,
  .noSlider .slide-back .main-slide-text.share {
    margin-left: 0;
    max-width: unset;
    width: 100%;
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .mainSlide .main-slide-text.share,
  .mainSlider-Container .slide-back .main-slide-text.share,
  .noSlider .mainSlide .main-slide-text.share,
  .noSlider .slide-back .main-slide-text.share {
    margin-left: 0;
    max-width: unset;
    width: 100%;
    flex-direction: column;
  }
}
.mainSlider-Container .mainSlide .main-slide-text.share .text-block,
.mainSlider-Container .slide-back .main-slide-text.share .text-block,
.noSlider .mainSlide .main-slide-text.share .text-block,
.noSlider .slide-back .main-slide-text.share .text-block {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .mainSlide .main-slide-text.share .text-block,
  .mainSlider-Container .slide-back .main-slide-text.share .text-block,
  .noSlider .mainSlide .main-slide-text.share .text-block,
  .noSlider .slide-back .main-slide-text.share .text-block {
    max-width: unset;
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .mainSlide .main-slide-text.share .text-block,
  .mainSlider-Container .slide-back .main-slide-text.share .text-block,
  .noSlider .mainSlide .main-slide-text.share .text-block,
  .noSlider .slide-back .main-slide-text.share .text-block {
    max-width: unset;
    flex-direction: column;
  }
}
.mainSlider-Container .mainSlide .main-slide-text.share .boxer,
.mainSlider-Container .slide-back .main-slide-text.share .boxer,
.noSlider .mainSlide .main-slide-text.share .boxer,
.noSlider .slide-back .main-slide-text.share .boxer {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  margin-top: 4px;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound,
.noSlider .mainSlide .main-slide-text.share .shareRound,
.noSlider .slide-back .main-slide-text.share .shareRound {
  transform: scale(0.9);
  background-image: url(../img/shareBackLarge-blue.png);
  border-color: #313c77;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound:before,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound:before,
.noSlider .mainSlide .main-slide-text.share .shareRound:before,
.noSlider .slide-back .main-slide-text.share .shareRound:before {
  background-color: #313c77;
  background-image: url(../img/shareBackWhite.png);
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul,
.noSlider .mainSlide .main-slide-text.share .shareRound ul,
.noSlider .slide-back .main-slide-text.share .shareRound ul {
  opacity: 0;
  background-color: #313c77;
  border-top: solid 1px #5d5e88;
  border-bottom: solid 1px #5d5e88;
  border-left: solid 1px #5d5e88;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li,
.noSlider .slide-back .main-slide-text.share .shareRound ul li {
  border-right: solid 1px #5d5e88;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li a:link,
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li a:visited,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li a:link,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li a:visited,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li a:link,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li a:visited,
.noSlider .slide-back .main-slide-text.share .shareRound ul li a:link,
.noSlider .slide-back .main-slide-text.share .shareRound ul li a:visited {
  color: white;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li a:link:hover,
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li a:visited:hover,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li a:link:hover,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li a:visited:hover,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li a:link:hover,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li a:visited:hover,
.noSlider .slide-back .main-slide-text.share .shareRound ul li a:link:hover,
.noSlider .slide-back .main-slide-text.share .shareRound ul li a:visited:hover {
  color: #313c77;
  background-color: white;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li .closeShare:link,
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li .closeShare:visited,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li .closeShare:link,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li .closeShare:visited,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li .closeShare:link,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li .closeShare:visited,
.noSlider .slide-back .main-slide-text.share .shareRound ul li .closeShare:link,
.noSlider .slide-back .main-slide-text.share .shareRound ul li .closeShare:visited {
  background-image: url(../img/close-share-white.png);
  background-position: center;
  background-repeat: no-repeat;
}
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li .closeShare:link:hover,
.mainSlider-Container .mainSlide .main-slide-text.share .shareRound ul li .closeShare:visited:hover,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li .closeShare:link:hover,
.mainSlider-Container .slide-back .main-slide-text.share .shareRound ul li .closeShare:visited:hover,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li .closeShare:link:hover,
.noSlider .mainSlide .main-slide-text.share .shareRound ul li .closeShare:visited:hover,
.noSlider .slide-back .main-slide-text.share .shareRound ul li .closeShare:link:hover,
.noSlider .slide-back .main-slide-text.share .shareRound ul li .closeShare:visited:hover {
  background-image: url(../img/close-share-blue.png);
}
.mainSlider-Container .mainSlide .main-slide-text h5,
.mainSlider-Container .slide-back .main-slide-text h5,
.noSlider .mainSlide .main-slide-text h5,
.noSlider .slide-back .main-slide-text h5 {
  margin-bottom: 0;
}
.mainSlider-Container .mainSlide .main-slide-text h2:before,
.mainSlider-Container .mainSlide .main-slide-text .h2:before,
.mainSlider-Container .mainSlide .main-slide-text h1:before,
.mainSlider-Container .slide-back .main-slide-text h2:before,
.mainSlider-Container .slide-back .main-slide-text .h2:before,
.mainSlider-Container .slide-back .main-slide-text h1:before,
.noSlider .mainSlide .main-slide-text h2:before,
.noSlider .mainSlide .main-slide-text .h2:before,
.noSlider .mainSlide .main-slide-text h1:before,
.noSlider .slide-back .main-slide-text h2:before,
.noSlider .slide-back .main-slide-text .h2:before,
.noSlider .slide-back .main-slide-text h1:before {
  display: none;
}
.mainSlider-Container .slide-back.pined,
.noSlider .slide-back.pined {
  position: relative;
}
.mainSlider-Container .slide-back.pined .main-slide-icon,
.noSlider .slide-back.pined .main-slide-icon {
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .slide-back.pined .main-slide-icon,
  .noSlider .slide-back.pined .main-slide-icon {
    opacity: 1;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .slide-back.pined .main-slide-icon,
  .noSlider .slide-back.pined .main-slide-icon {
    opacity: 1;
  }
}
.mainSlider-Container .slide-back.pined .main-slide-icon img,
.noSlider .slide-back.pined .main-slide-icon img {
  height: 100%;
}
.mainSlider-Container .slide-back.pined .main-slide-icon,
.noSlider .slide-back.pined .main-slide-icon {
  flex: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .slide-back.pined .main-slide-icon,
  .noSlider .slide-back.pined .main-slide-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    top: auto;
    transform: translateY(0);
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .slide-back.pined .main-slide-icon,
  .noSlider .slide-back.pined .main-slide-icon {
    max-width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .slide-back.pined .main-slide-icon,
  .noSlider .slide-back.pined .main-slide-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    top: auto;
    transform: translateY(0);
    flex: 1 1 30%;
    max-width: 50%;
    align-self: center;
    padding-right: 0;
  }
}
.mainSlider-Container .slide-back.pined .main-slide-text,
.noSlider .slide-back.pined .main-slide-text {
  width: 50%;
  flex: unset;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .slide-back.pined .main-slide-text,
  .noSlider .slide-back.pined .main-slide-text {
    width: 100%;
    margin-left: 0;
    max-width: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .slide-back.pined .main-slide-text,
  .noSlider .slide-back.pined .main-slide-text {
    width: 100%;
    margin-left: 0;
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .slide-back.pined .main-slide-text,
  .noSlider .slide-back.pined .main-slide-text {
    margin-left: 0;
    max-width: unset;
    width: 100%;
  }
}
.mainSlider-Container .slide-back.pined .virtueBox,
.noSlider .slide-back.pined .virtueBox {
  justify-content: flex-start !important;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.mainSlider-Container .slide-back.pined .virtueBox .animcontainer,
.noSlider .slide-back.pined .virtueBox .animcontainer {
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  max-height: 730px;
}
.mainSlider-Container .slide-back.pined .virtueBox .animcontainer:first-child,
.noSlider .slide-back.pined .virtueBox .animcontainer:first-child {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mainSlider-Container .slide-back,
  .noSlider .slide-back {
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mainSlider-Container .slide-back,
  .noSlider .slide-back {
    flex-direction: column;
  }
}
.mainSlider-Container .slide-back.share,
.noSlider .slide-back.share {
  justify-content: space-between;
  max-width: 1088px;
}
@media only screen and (max-width: 767px) {
  .mainSlider-Container .slide-back.share,
  .noSlider .slide-back.share {
    flex-direction: column;
  }
}
.mainSlider-Container .text-block,
.noSlider .text-block {
  max-width: 493px;
}
.mainSlider-Container .text-block h2,
.mainSlider-Container .text-block .h2,
.mainSlider-Container .text-block h1,
.mainSlider-Container .text-block h4,
.mainSlider-Container .text-block p,
.noSlider .text-block h2,
.noSlider .text-block .h2,
.noSlider .text-block h1,
.noSlider .text-block h4,
.noSlider .text-block p {
  color: white;
}
.mainSlider-Container .slick-track,
.mainSlider-Container .slick-slide,
.mainSlider-Container .slick-slide > div,
.noSlider .slick-track,
.noSlider .slick-slide,
.noSlider .slick-slide > div {
  height: 100%;
}
.mainSlider-Container.centerd,
.noSlider.centerd {
  align-self: center;
}
.mainSlider-Container.start,
.noSlider.start {
  align-self: flex-start;
}

@media only screen and (max-width: 768px) {
  .job-form-section {
    flex-direction: column;
  }
  .job-form-section .half-cont {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .job-form-section {
    flex-direction: column;
  }
  .job-form-section .half-cont {
    width: 100%;
  }
}

.career-interest {
  padding: 50px 40px 40px 40px;
}
.career-interest h2,
.career-interest .h2,
.career-interest h1,
.career-interest p {
  max-width: 390px;
}
.career-interest h2:before,
.career-interest .h2:before {
  display: none;
}
.career-interest ul.payments {
  justify-content: center;
}

.disabled-form-message {
  padding: 50px 40px 40px 40px;
  font-size: 17px;
}

.form-interest {
  display: flex;
  background-color: #ebeeff;
  min-height: 350px;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.form-interest .mybut {
  filter: grayscale(100%) invert(100%);
}
.form-interest .mybut .line {
  background-color: white !important;
  border-color: white !important;
}
.form-interest .mybut {
  align-self: flex-end;
  margin-left: auto;
}
.form-interest.short {
  height: 494px;
}
.form-interest h2:before,
.form-interest .h2:before {
  display: none;
}

.slink {
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 18px;
  color: #24242a;
  text-decoration: none;
}
.slink:hover {
  color: #24242a;
  text-decoration: underline;
}

.job-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: unset;
}
@media only screen and (max-width: 767px) {
  .form-row {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .form-row .adress-row {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .form-row .adress-row {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .form-row .adress-row {
    flex-wrap: unset;
  }
}
.form-row.controls {
  align-items: center;
  margin-top: 50px;
}
.form-row.controls .conditions {
  width: 170px;
  display: flex;
  align-items: center;
}
.form-row.controls .conditions a:link,
.form-row.controls .conditions a:visited {
  color: #313c77;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  display: inline-flex;
}
.form-row.controls .conditions a:link:hover,
.form-row.controls .conditions a:visited:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1100px) {
  .form-row.mdl {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1100px) {
  .form-row.mdl .input-block.half {
    width: 100%;
    max-width: unset;
  }
}
.form-row.drops {
  margin-bottom: 85px;
}
@media only screen and (max-width: 768px) {
  .form-row.drops {
    margin-bottom: 45px;
  }
}

.input-block {
  display: flex;
  flex-direction: column;
  min-height: 100px;
  position: relative;
}
.input-block label {
  color: #313c77;
  font-size: 16px;
  line-height: 22px;
  display: block;
  text-align: left;
  margin-bottom: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .input-block label {
    white-space: normal;
  }
}
.input-block .error {
  color: red;
  font-size: 13px;
  line-height: 22px;
  display: block;
  text-align: left;
  position: relative;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.15s ease-in-out;
  visibility: hidden;
  min-height: 22px;
}
.input-block .error.active {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}
.input-block .error .correct,
.input-block .error .epmty {
  display: none;
}
.input-block input[type=text],
.input-block input[type=email],
.input-block input[type=tel],
.input-block .pathToFile {
  border: none;
  background: transparent;
  color: #0ba5ab;
  font-size: 16px;
  line-height: 22px;
  border-bottom: solid 1px #24242a;
  height: 20px;
  line-height: 20px;
  width: 100%;
  border-radius: 0 !important;
  outline: none !important;
}
@media only screen and (max-width: 768px) {
  .input-block input[type=text],
  .input-block input[type=email],
  .input-block input[type=tel],
  .input-block .pathToFile {
    height: 24px;
  }
}
.input-block textarea {
  background: transparent;
  color: #0ba5ab;
  font-size: 16px;
  line-height: 22px;
  border: solid 1px #24242a;
  min-height: 160px;
  width: 100%;
  padding: 35px 25px;
  box-sizing: border-box;
  margin-top: 8px;
  border-radius: 0 !important;
  margin-bottom: 55px;
}
.input-block input[type=file] {
  position: fixed;
  opacity: 0;
  z-index: -100;
}
.input-block label[for*=coverletter],
.input-block label[for*=resume] {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.input-block label[for*=coverletter] span:not(.pathToFile),
.input-block label[for*=resume] span:not(.pathToFile) {
  width: 84%;
  white-space: normal;
}
.input-block.half {
  width: 47.7611940299%;
  max-width: 384px;
  flex: 0 1 47.7611940299%;
}
@media only screen and (max-width: 767px) {
  .input-block.half {
    width: 100%;
    max-width: unset;
  }
}
.input-block.idiotisAdress {
  width: 82.5870646766%;
  max-width: 664px;
  flex: 0 1 82.5870646766%;
}
@media only screen and (max-width: 767px) {
  .input-block.idiotisAdress {
    width: 100%;
    max-width: unset;
  }
}
.input-block.idiotisNumber {
  width: 101px;
  margin-left: 27px;
}
@media only screen and (max-width: 768px) {
  .input-block.idiotisNumber {
    margin-left: 0;
  }
}
.input-block.full {
  width: 100%;
}
.input-block.areaS {
  width: 30.4726368159%;
  max-width: 245px;
  flex: 0 1 30.4726368159%;
}
@media only screen and (max-width: 768px) {
  .input-block.areaS {
    width: 47.7611940299%;
    max-width: 384px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .input-block.areaS {
    width: 47.7611940299%;
    max-width: 384px;
  }
}
@media only screen and (max-width: 767px) {
  .input-block.areaS {
    width: 100%;
    max-width: unset;
  }
}
.input-block.postalS {
  width: 12.4378109453%;
  max-width: 100px;
  min-width: 100px;
  flex: 0 0 12.4378109453%;
}
@media only screen and (max-width: 767px) {
  .input-block.postalS {
    width: 100%;
  }
}
.input-block.postalS.leftAlign {
  margin: 0 auto 0 27px;
}
@media only screen and (max-width: 767px) {
  .input-block.postalS.leftAlign {
    margin: 0 auto 0 0px;
  }
}
.input-block.leftAlign {
  margin: 0 auto 0 27px;
}
@media only screen and (max-width: 767px) {
  .input-block.leftAlign {
    margin: 0 auto 0 0px;
  }
}
.input-block.autoheight {
  height: auto;
}

.coverBucket {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/unload.png);
  transform: translateY(32%);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.coverBucket.wfile {
  opacity: 1;
  transform: translateY(-32%);
}

.coverUpload {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/upload.png);
  transform: translateY(-32%);
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.wfile .coverUpload {
  opacity: 0;
  transform: translateY(-64%);
  visibility: hidden;
  z-index: 0;
}

.fileTypes {
  font-size: 14px;
  line-height: 14px;
  color: #313c77;
  margin-top: 10px;
}

.conditions {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .conditions {
    margin-bottom: 35px;
  }
}
.conditions .error {
  color: red;
  font-size: 13px;
  line-height: 14px;
  display: block;
  text-align: left;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.15s ease-in-out;
  visibility: hidden;
}
.conditions .error.active {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}
.conditions .error .correct,
.conditions .error .epmty {
  display: none;
}

.rotatorContainer {
  perspective: 5000px;
}
.rotatorContainer .rotator {
  transform-style: preserve-3d;
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1;
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotateY(0deg);
  transform-origin: center right;
}
.rotatorContainer .rotator.epaggelmatias {
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-100%) rotateY(-180deg);
}

.toClose,
.toClose2 {
  overflow: hidden;
  backface-visibility: hidden;
  grid-column: 1;
  grid-row: 1;
}
.toClose.closed,
.toClose2.closed {
  height: 0 !important;
  transition: all 1s cubic-bezier(0.715, 0.005, 0.39, 1);
}

.toOpen,
.toOpen2 {
  backface-visibility: hidden;
  grid-column: 1;
  grid-row: 1;
}
.toOpen.opened,
.toOpen2.opened {
  min-height: -moz-max-content;
  min-height: max-content;
  transition: all 1s cubic-bezier(0.715, 0.005, 0.39, 1) 1s;
}

.toClose2,
.toOpen2 {
  transform: rotateY(180deg);
  position: relative;
  width: 100%;
}

.toClose,
.toOpen {
  transform: rotateY(0deg);
  position: relative;
  width: 100%;
}

ul.filter-select {
  width: 142px;
  height: 52px;
  list-style: none;
  border: solid 1px #7c7c7c;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: white;
  padding: 0;
  z-index: 5;
  transition: background-color 0.15s ease-in-out;
}
@media only screen and (max-width: 767px) {
  ul.filter-select {
    width: 31.25vw;
    max-width: 142px;
    height: 10.9375vw;
    max-height: 52px;
  }
}
ul.filter-select > li {
  width: 80%;
  align-self: center;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../img/filter-arrow-down.png);
  color: #7c7c7c;
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
}
ul.filter-select ul.selections {
  opacity: 0;
  top: 200%;
  list-style: none;
  padding: 0px;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease-in-out;
  min-width: 142px;
  overflow: hidden;
  border: solid 1px #7c7c7c;
  pointer-events: none;
}
ul.filter-select ul.selections li {
  border-bottom: solid 1px #7c7c7c;
  color: #7c7c7c;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
ul.filter-select ul.selections li:hover {
  background-color: #7c7c7c;
  color: white;
}
ul.filter-select ul.selections li:last-child {
  border: none;
}
ul.filter-select.active {
  z-index: 10;
}
ul.filter-select.active > li {
  background-image: url(../img/filter-arrow-up.png);
}
ul.filter-select.active .selections {
  list-style: none;
  border-radius: 5px;
  background-color: white;
  margin: 0;
  top: calc(100% + 10px);
  opacity: 1;
  pointer-events: all;
}
ul.filter-select.payments {
  min-width: 188px;
  height: 52px;
  border-color: #313c77;
  margin-bottom: 0;
  opacity: 1 !important;
  transform: translateY(0px) !important;
  width: 250px;
}
ul.filter-select.payments > li {
  color: #313c77;
  background-image: url(../img/filter-arrow-blued-down.png);
}
ul.filter-select.payments ul.selections {
  border-color: #313c77;
}
ul.filter-select.payments ul.selections li {
  border-bottom: solid 1px #313c77;
  color: #313c77;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
ul.filter-select.payments ul.selections li:hover {
  background-color: #313c77;
  color: white;
}
ul.filter-select.payments ul.selections li:last-child {
  border: none;
}
ul.filter-select.payments ul.selections li.active {
  background-color: #737bac;
  color: white;
}
ul.filter-select.payments.active > li {
  background-image: url(../img/filter-arrow-blued-up.png);
}
ul.filter-select.payments.active .selections {
  list-style: none;
  border-radius: 5px;
  background-color: white;
  margin: 0;
  top: calc(100% + 10px);
  opacity: 1;
}
ul.filter-select.payments.forForma {
  min-width: 150px;
  height: unset;
  min-height: 52px;
  max-height: unset;
  border-color: #313c77;
  margin-bottom: 0;
  opacity: 1 !important;
  transform: translateY(0px) !important;
  width: auto;
  background-color: transparent;
  max-width: 240px;
}
ul.filter-select.payments.forForma > li {
  margin: 0 20px;
  padding: 5px 30px 5px 10px;
}
ul.filter-select.payments.forForma ul.selections li.active {
  background-color: #737bac;
  color: white;
}
ul.filter-select.payments.form-selector {
  margin-top: 53px;
}
ul.filter-select.payments.form-selector ul.selections li.active {
  background-color: #737bac;
  color: white;
}
ul.filter-select.faq {
  width: 180px;
  height: 88px;
  border-radius: 0;
  border: none;
  border-left: solid 1px #313c77;
  box-sizing: content-box;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 767px) {
  ul.filter-select.faq {
    width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  ul.filter-select.faq > li {
    width: 75px;
    font-size: 15px;
    flex: 0 1 75px;
    background-size: 10px auto;
  }
}
@media only screen and (max-width: 767px) {
  ul.filter-select.faq {
    border: none;
  }
}
ul.filter-select.faq ul.selections {
  border-radius: 0;
  width: 100%;
  border-left: none;
  border-right: none;
}
ul.filter-select.faq.active .selections {
  top: 100%;
}
ul.filter-select.choose {
  background-color: red;
}

.filter-bar {
  margin-bottom: 4.4270833333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .filter-bar {
    margin-bottom: 165px;
  }
}
.filter-bar ul.filter-select {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.15s ease-in-out;
}
.filter-bar .filters-title {
  padding-top: 10px;
  position: relative;
  display: inline-block;
}
.filter-bar .filters-title h2,
.filter-bar .filters-title .h2,
.filter-bar .filters-title h1 {
  font-size: 30px;
  line-height: 30px;
  color: black;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.15s ease-in-out;
}
.filter-bar .filters-title .right,
.filter-bar .filters-title .bottom,
.filter-bar .filters-title .left {
  display: none;
}
.filter-bar .filters-title .line {
  background-color: black;
  border-color: black;
}
.filter-bar .filters-title.news-single h2,
.filter-bar .filters-title.news-single .h2,
.filter-bar .filters-title.news-single h1 {
  color: #313c77;
}
.filter-bar .filters-title.news-single .line {
  background-color: #313c77;
  border-color: #313c77;
}
.filter-bar.active h2,
.filter-bar.active .h2,
.filter-bar.active h1 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-out;
}
.filter-bar.active ul.filter-select {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-in-out 0.3s;
}

.filter-grid.active .job-list-block,
.filter-grid.active .text-block {
  transform: translateY(0);
  opacity: 1;
  transition-duration: 0.55s;
  transition-property: all;
}
.filter-grid .text-block {
  max-width: 380px;
  opacity: 0;
  transform: translateY(30px);
}
.filter-grid .text-block ul {
  padding-left: 20px;
}
.filter-grid .jobpos-text {
  margin-right: 7.2916666667vw;
  flex: 1 1 calc(30% - 7.2916666667vw);
}
@media only screen and (max-width: 768px) {
  .filter-grid .jobpos-text {
    flex: 1 1 100%;
    margin-right: 0;
    max-width: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .filter-grid .jobpos-text {
    flex: 1 1 100%;
    margin-right: 0;
    max-width: unset;
  }
}
.filter-grid.blog {
  margin-left: -20px;
}

.bigpayment {
  max-width: 1370px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1159px) {
  .bigpayment {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 768px) {
  .bigpayment {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .bigpayment {
    justify-content: space-around;
  }
}
.bigpayment.active .job-list-block,
.bigpayment.active .text-block {
  transform: translateY(0);
  opacity: 1;
  transition-duration: 0.55s;
  transition-property: all;
}

.job-list-block {
  max-width: 305px;
  padding-right: 20px;
  margin-right: 40px;
  width: 20.8333333333%;
  min-width: 285px;
  margin-bottom: 100px;
  transform: translateY(30px);
  opacity: 0;
  transition-duration: 0.25s;
}
@media only screen and (max-width: 768px) {
  .job-list-block {
    margin-right: 0;
  }
}
.job-list-block.detailed {
  margin: 0 auto;
  align-self: center;
  max-width: 620px;
  width: 90%;
  opacity: 1;
}
.job-list-block.detailed.eke {
  margin: 0 auto 0 0;
}
@media only screen and (max-width: 991px) {
  .job-list-block.detailed.eke {
    margin: 0 auto;
  }
}
.job-list-block .donators {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: flex;
  color: white;
  font-size: 18px;
  line-height: 23px;
  height: 70px;
  align-items: flex-start;
}
.job-list-block .donators li {
  margin-right: 40px;
}
.job-list-block.sharelight {
  max-width: 305px;
  width: 15.8854166667%;
  margin-right: 0;
}
.job-list-block.sharelight .supperr.date {
  color: rgba(255, 255, 255, 0.6);
}
.job-list-block.sharelight p {
  color: white;
}
.job-list-block.sharelight h2,
.job-list-block.sharelight .h2,
.job-list-block.sharelight h1,
.job-list-block.sharelight .amount {
  color: #ea7f82;
}
.job-list-block.sharelight .amount {
  margin-top: 70px;
}
.job-list-block.sharelight h2,
.job-list-block.sharelight .h2,
.job-list-block.sharelight h1 {
  max-width: 400px;
  margin-bottom: 47px;
}
.job-list-block.eke {
  max-width: 305px;
  width: 15.8854166667%;
  margin-right: 0;
}
.job-list-block.eke .supperr.date {
  color: rgba(0, 0, 0, 0.4);
}
.job-list-block.eke p {
  color: #24242a;
}
.job-list-block.eke h2,
.job-list-block.eke .h2,
.job-list-block.eke h1,
.job-list-block.eke .amount {
  color: #313c77;
}
.job-list-block.eke .amount {
  margin-top: 70px;
}
.job-list-block.eke h2,
.job-list-block.eke .h2,
.job-list-block.eke h1 {
  max-width: 400px;
  margin-bottom: 47px;
}
.job-list-block.eke .support {
  text-decoration: underline;
  color: #24242a;
  transition: all 0.25s ease-in-out;
  font-size: 13px;
  line-height: 13px;
  margin-top: 60px;
}
.job-list-block.eke .support:hover {
  color: #313c77;
}
.job-list-block.eke .otherLinks {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.job-list-block.eke .otherLinks li {
  margin-right: 23px;
  display: flex;
  height: 52px;
  align-items: center;
}
.job-list-block.eke .otherLinks li a:link,
.job-list-block.eke .otherLinks li a:visited {
  text-decoration: none;
  display: block;
}
.job-list-block.eke .otherlinksBlock {
  display: flex;
  justify-content: space-between;
}
.job-list-block.eke .otherlinksBlock .support {
  margin-top: 0;
  align-self: center;
}
.job-list-block.share {
  max-width: 320px;
  width: 16.6666666667vw;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .job-list-block.share {
    margin-right: 0;
  }
}
.job-list-block.share p {
  margin-bottom: 40px;
}
.job-list-block.share .mybut {
  margin-top: auto;
}
.job-list-block:empty, .job-list-block.empty {
  height: 0 !important;
  margin: 0 !important;
}
.job-list-block .supper {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 15px;
}
.job-list-block .supper.date {
  color: rgba(0, 0, 0, 0.4);
}
.job-list-block .supper.tag {
  color: #bd2226;
}
.job-list-block .supper.new {
  color: #313c77;
}
.job-list-block h2,
.job-list-block .h2,
.job-list-block h1 {
  color: #313c77;
  font-size: 58px;
  line-height: 52px;
  letter-spacing: 1px;
  margin: 0 0 8px 0;
}
@media only screen and (max-width: 767px) {
  .job-list-block h2,
  .job-list-block .h2,
  .job-list-block h1 {
    font-size: 34px;
    line-height: 30px;
  }
}
.job-list-block h3 {
  color: #313c77;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 1px;
  margin: 0 0 32px 0;
}
.job-list-block p {
  color: black;
  font-size: 13px;
  line-height: 20px;
}
.job-list-block .mybut {
  margin-top: 40px;
}
.job-list-block.headblock {
  max-width: 500px;
  padding-right: 0;
  width: 26.0416666667vw;
  min-width: 285px;
  margin-bottom: 0;
  transition-duration: 0.25s;
  transform: translateY(0px);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .job-list-block.headblock {
    min-width: unset;
    width: 100%;
  }
}
.job-list-block.headblock .supper {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 15px;
  color: white;
}
.job-list-block.headblock h2,
.job-list-block.headblock .h2,
.job-list-block.headblock h1 {
  color: white;
  font-size: 3.0208333333vw;
  line-height: 2.7083333333vw;
  letter-spacing: 1px;
  margin: 0 0 8px 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .job-list-block.headblock h2,
  .job-list-block.headblock .h2,
  .job-list-block.headblock h1 {
    font-size: 58px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .job-list-block.headblock h2,
  .job-list-block.headblock .h2,
  .job-list-block.headblock h1 {
    font-size: 58px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 768px) {
  .job-list-block.headblock h2,
  .job-list-block.headblock .h2,
  .job-list-block.headblock h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .job-list-block.headblock h2,
  .job-list-block.headblock .h2,
  .job-list-block.headblock h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.job-list-block.headblock h2.blog,
.job-list-block.headblock .h2.blog,
.job-list-block.headblock h1.blog {
  max-width: 280px;
  margin: 0 0 50px 0 !important;
}
.job-list-block.headblock h3 {
  color: white;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 1px;
  margin: 0 0 32px 0;
}
.job-list-block.headblock p {
  color: white;
  font-size: 13px;
  line-height: 20px;
}
.job-list-block.headblock .mybut {
  margin-top: 40px;
}
.job-list-block.headblock .shareRound {
  margin-top: 42px;
}
.job-list-block.blog {
  max-width: 522px;
  padding-right: 0;
  margin-left: 20px;
  flex: 1 1 calc(33% - 20px);
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0;
}
.job-list-block.blog .mybut {
  margin-top: auto;
}
@media only screen and (max-width: 767px) {
  .job-list-block.blog .mybut {
    margin-top: auto;
  }
}
@media only screen and (max-width: 767px) {
  .job-list-block.blog {
    min-width: 237px;
  }
}
.job-list-block.blog.single {
  max-width: 318px;
}
.job-list-block.blog .date {
  margin-right: 10px;
}
.job-list-block.blog h2,
.job-list-block.blog .h2,
.job-list-block.blog h1,
.job-list-block.blog p {
  color: #24242a;
}
.job-list-block.blog p {
  margin-bottom: 40px;
}
.job-list-block.blog h2,
.job-list-block.blog .h2,
.job-list-block.blog h1 {
  max-width: 320px;
  margin-bottom: 35px;
}
.job-list-block.blog h2:before,
.job-list-block.blog .h2:before,
.job-list-block.blog h1:before {
  content: "";
  width: 100%;
  display: block;
}
.job-list-block.blog .blog-img-container {
  margin-bottom: 30px;
  overflow: hidden;
}
.job-list-block.service {
  max-width: 522px;
  padding-right: 0;
  margin-left: 20px;
  flex: 1 1 calc(33% - 20px);
  margin-right: 0;
  min-width: unset;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.job-list-block.service .mybut {
  margin-top: auto;
  margin-left: 12.8352490421%;
}
@media only screen and (max-width: 767px) {
  .job-list-block.service .mybut {
    margin-top: auto;
  }
}
@media only screen and (max-width: 767px) {
  .job-list-block.service {
    min-width: 237px;
  }
}
.job-list-block.service.single {
  max-width: 318px;
}
.job-list-block.service .date {
  margin-right: 10px;
}
.job-list-block.service h2,
.job-list-block.service .h2,
.job-list-block.service h1,
.job-list-block.service p {
  color: #24242a;
  margin-left: 12.8352490421%;
}
.job-list-block.service p {
  margin-bottom: 40px;
  width: 73.754789272%;
}
.job-list-block.service h2,
.job-list-block.service .h2,
.job-list-block.service h1 {
  max-width: 320px;
  margin-bottom: 28px;
  color: #313c77;
  font-size: 32px;
  line-height: 35px;
}
.job-list-block.service h2:before,
.job-list-block.service .h2:before,
.job-list-block.service h1:before {
  content: "";
  width: 100%;
  display: block;
}
.job-list-block.service .blog-img-container {
  margin-bottom: 30px;
  overflow: hidden;
}
.job-list-block.payment {
  max-width: 520px;
  padding: 90px 100px 80px;
  width: 47.2727272727%;
  min-width: 320px;
  margin-bottom: 100px;
  background-color: #313c77;
}
@media only screen and (max-width: 768px) {
  .job-list-block.payment {
    width: 100%;
    padding: 11.71875vw 13.0208333333vw 10.4166666667vw;
    min-width: 310px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .job-list-block.payment {
    width: 100%;
    padding: 11.71875vw 13.0208333333vw 10.4166666667vw;
    min-width: 310px;
  }
}
.job-list-block.payment * {
  color: white;
}
.job-list-block.payment .line {
  background-color: white !important;
  border-color: white !important;
}
.job-list-block.payment .icons-img-container {
  margin-bottom: 33px;
  display: flex;
}
.job-list-block.payment .icons-img-container img {
  align-self: center;
}
.job-list-block.payment h2,
.job-list-block.payment .h2,
.job-list-block.payment h1 {
  margin-bottom: 32px;
}

.my-but {
  color: white;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 28px;
  text-decoration: underline;
  transition: all 0.15s ease-in-out;
}
.my-but:hover {
  color: #313c77;
}
.my-but.back {
  background-image: url(../img/carousel-arrow-prin-white.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 40px;
  text-decoration: none;
}
.my-but.back:hover {
  color: white;
  background-position: left center;
}
.my-but.headmarg {
  position: absolute;
  top: calc(130px + 5.0505050505vh);
  margin-left: 7.1vw;
}
@media only screen and (max-width: 767px) {
  .my-but.headmarg {
    top: 70px;
  }
}
.my-but.myAnchor:hover {
  color: #89bfff;
}

.amount {
  color: #bb1117;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 40px;
}

.supperr {
  font-size: 18px;
  line-height: 18px;
  color: rgb(0, 0, 0);
}
.supperr.date {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 25px;
}

.shareBut {
  width: 112px;
  height: 25px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center right;
  text-decoration: none;
  color: #24242a;
  background-image: url(../img/shareBack.png);
  font-size: 18px;
  line-height: 18px;
  align-self: center;
  margin-left: auto;
}
.shareBut:hover {
  text-decoration: underline;
  color: #24242a !important;
}

.shareRound {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  border: solid 1px white;
  background-repeat: no-repeat;
  background-position: 44% center;
  background-image: url(../img/shareBackWhite.png);
  display: block;
  cursor: pointer;
  position: relative;
}
.shareRound:before {
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position: 44% center;
  background-image: url(../img/shareBackLarge-blue.png);
  background-color: white;
  display: block;
  cursor: pointer;
  position: absolute;
  left: -1px;
  top: -1px;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.shareRound:hover:before {
  opacity: 1;
}
.shareRound.active ul {
  transition: width 1s ease-in-out 0s, opacity 0.04s linear 0.2s;
  opacity: 1 !important;
  transform: translateX(0px);
  width: 78.125vw;
}
.shareRound.active ul li {
  opacity: 1;
  transition: opacity 0.15s linear 0.35s;
}
.shareRound ul {
  display: flex;
  flex-direction: row !important;
  list-style: none;
  position: absolute;
  height: 60px;
  left: -1px;
  top: -1px;
  align-items: stretch;
  max-width: 300px;
  width: 0px;
  background-color: white;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-top: solid 1px #d7d7d7;
  border-bottom: solid 1px #d7d7d7;
  border-left: solid 1px #d7d7d7;
  opacity: 0 !important;
  transform: translateX(0);
  transition: width 1s ease-in-out -0.4s, opacity 0.2s linear 0.3s;
}
.shareRound ul li {
  flex: 1 1 20%;
  display: flex;
  align-items: stretch;
  border-right: solid 1px #d7d7d7;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.shareRound ul li a:link,
.shareRound ul li a:visited {
  color: #313c77;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) -0.1s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.shareRound ul li a:link:hover,
.shareRound ul li a:visited:hover {
  color: white;
  background-color: #313c77;
  text-decoration: none;
}
.shareRound ul li .closeShare:link,
.shareRound ul li .closeShare:visited {
  background-image: url(../img/close-share-blue.png);
  background-position: center;
  background-repeat: no-repeat;
}
.shareRound ul li .closeShare:link:hover,
.shareRound ul li .closeShare:visited:hover {
  background-image: url(../img/close-share-white.png);
}

.blogSingle p,
.blogSingle h2,
.blogSingle .h2,
.blogSingle h1,
.blogSingle ul,
.blogSingle ol {
  max-width: 785px;
  color: #2a2a33;
}
.blogSingle h2,
.blogSingle .h2,
.blogSingle h1 {
  font-size: 28px;
  line-height: 32px;
  margin: 0 auto 45px;
  display: block;
  text-transform: uppercase;
}
.blogSingle h2:lang(el),
.blogSingle .h2:lang(el),
.blogSingle h1:lang(el) {
  text-transform: uppercase;
}
.blogSingle p,
.blogSingle ul,
.blogSingle ol {
  margin: 0 auto 25px;
}
.blogSingle p a:link,
.blogSingle p a:visited,
.blogSingle ul a:link,
.blogSingle ul a:visited,
.blogSingle ol a:link,
.blogSingle ol a:visited {
  color: inherit;
  text-decoration: underline;
}
.blogSingle p a:link:hover,
.blogSingle p a:visited:hover,
.blogSingle ul a:link:hover,
.blogSingle ul a:visited:hover,
.blogSingle ol a:link:hover,
.blogSingle ol a:visited:hover {
  color: inherit;
}
.blogSingle ul {
  list-style-type: none;
  padding: 0;
}
.blogSingle ul li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 30px;
}
.blogSingle ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: black;
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
}
.blogSingle.news-single h2,
.blogSingle.news-single .h2,
.blogSingle.news-single h1 {
  color: #313c77;
}

.video-container {
  max-width: 1088px;
  height: 45.8333333333vw;
  max-height: 550px;
  margin: 75px auto;
}
.video-container iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.photo-gallery-container {
  max-width: 1088px;
  box-sizing: border-box;
  height: 51.8333333333vw;
  max-height: 623px;
  position: relative;
  display: flex;
  align-self: center;
  justify-content: center;
  position: relative;
  margin: 6.7708333333vw auto;
  width: 95%;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .photo-gallery-container {
    margin: 130px auto;
  }
}
@media only screen and (max-width: 768px) {
  .photo-gallery-container {
    width: 81.33333vw;
  }
}
@media only screen and (max-width: 767px) {
  .photo-gallery-container {
    height: 53.91667vw;
    margin: 16vw auto;
  }
}
.photo-gallery-container .lines-cont {
  height: 44.1666666667vw;
  max-height: 530px;
  top: auto;
  bottom: 30px;
  z-index: -1;
}
.photo-gallery-container .lines-cont .line {
  background-color: black;
  border-color: black;
}
@media only screen and (max-width: 1199px) {
  .photo-gallery-container .lines-cont {
    bottom: 2.5vw;
  }
}
.photo-gallery-container .photo-gallery {
  width: 100%;
  height: 51.9166666667vw;
  max-height: 623px;
}
@media only screen and (max-width: 767px) {
  .photo-gallery-container .photo-gallery {
    height: 60.91667vw;
  }
}
.photo-gallery-container .photo-gallery .img-slide {
  width: 100%;
  height: 51.9166666667vw;
  max-height: 623px;
  display: flex !important;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .photo-gallery-container .photo-gallery .img-slide {
    height: 60.91667vw !important;
  }
}
.photo-gallery-container .photo-gallery .img-slide .pimg-container {
  max-width: 1014px !important;
  height: 45.8333333333vw;
  max-height: 550px;
  margin: 0 auto;
  width: 93.1985294118%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .photo-gallery-container .photo-gallery .img-slide .pimg-container {
    height: 40.83333vw;
  }
}
.photo-gallery-container .photo-gallery .img-slide .pimg-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.photo-gallery-container .photo-gallery .img-slide .caption {
  color: #24242a;
  font-size: 16px;
  line-height: 16px;
  align-self: flex-start;
  margin-top: auto;
}

.blue-box {
  background-color: #ebeeff;
  display: flex;
  flex-direction: column;
  padding: 2.2916666667vw 2.0833333333vw 1.5104166667vw;
  box-sizing: content-box;
  width: 100%;
  max-width: 785px;
  margin: 75px auto 82px;
}
@media only screen and (max-width: 767px) {
  .blue-box {
    margin: 35px auto 42px;
  }
}
.blue-box p {
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width: 767px) {
  .blue-box p {
    font-size: 5.3333333333vw;
    line-height: 8vw;
  }
}
.blue-box .signature {
  display: block;
  position: relative;
  color: black;
  padding-top: 18px;
}
.blue-box .signature:before {
  content: "";
  width: 70px;
  border-top: solid 2px #bb1117;
  position: absolute;
  top: 0;
  left: 0;
}

.fancybox-slide--html {
  padding: 0px;
}

.light-block {
  width: 100vw;
  height: 100vh;
  display: none;
  left: 0;
  top: 0;
  transition: all 0.8s ease-in-out 1s;
  opacity: 0;
  position: fixed;
}
.light-block.share {
  background-color: #313c77;
}
.light-block.share .right-text-block {
  background-color: #ea7f82;
  max-width: 525px;
  min-width: 27.2916666667vw;
  width: 90%;
  padding: 62px 44px 48px;
  align-self: center;
  right: 25vw;
  transform: translateX(50%);
  position: absolute;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .light-block.share .right-text-block {
    min-width: unset;
    width: 525px;
  }
}
@media only screen and (max-width: 991px) {
  .light-block.share .right-text-block {
    position: relative;
    margin: 0 auto;
    right: auto;
    transform: translateX(0);
  }
}
.light-block.eke {
  background-color: #313c77;
}
@media only screen and (max-width: 991px) {
  .light-block.eke {
    background-color: white;
  }
}
.light-block.eke .text-slide {
  background-color: white;
}
.light-block.eke .img-lightbox {
  align-self: center;
  right: 25vw;
  transform: translateX(50%);
  display: flex;
  background-color: #313c77;
  width: 51.3636363636vw;
  height: 62.2727272727vw;
  max-width: 565px;
  max-height: 685px;
  position: absolute;
}
@media only screen and (max-width: 991px) {
  .light-block.eke .img-lightbox {
    position: relative;
    margin: 0 auto;
    right: auto;
    transform: translateX(0);
  }
}
.light-block.eke .img-lightbox.future {
  height: auto;
  background-color: transparent;
}
.light-block .text-slide {
  width: 0;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
  display: flex;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .light-block .text-slide {
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    width: 100%;
    overflow: visible;
    opacity: 0;
  }
}
.light-block .text-slide .text-slide-content {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.light-block .text-slide .text-slide-content.future {
  padding-bottom: 55px;
}
.light-block .text-slide .text-slide-content.future .future-slider,
.light-block .text-slide .text-slide-content.future .future-slide {
  height: auto;
  width: 100%;
  display: block;
}
.light-block .text-slide .text-slide-content .nav-cont {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  position: absolute;
  width: 115px;
}
.light-block .job-list-block.detailed.eke {
  max-width: 613px;
  width: calc(100% - 20px);
  margin-left: 20px;
  padding-bottom: 5vh;
}
@media only screen and (max-width: 991px) {
  .light-block .job-list-block.detailed.eke {
    padding-bottom: 0;
  }
}
.light-block .job-list-block.sharelight {
  max-width: 613px;
  width: calc(100% - 20px);
}
.light-block.future h2,
.light-block.future .h2,
.light-block.future h1 {
  color: #0bb975;
}
.light-block.future .logobox {
  margin-bottom: 35px;
}

.fancybox-slide--current .light-block {
  display: block;
  transition: all 0.8s ease-in-out;
  opacity: 1;
}
.fancybox-slide--current .light-block.share {
  background-color: #313c77;
}
.fancybox-slide--current .light-block .text-slide {
  width: 100%;
  transition: width 0.5s ease-in 0.8s;
}
@media only screen and (max-width: 767px) {
  .fancybox-slide--current .light-block .text-slide {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .fancybox-slide--current .light-block .text-slide {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 991px) {
  .fancybox-slide--current .light-block .text-slide {
    transition: opacity 0.5s ease-in 0.8s;
    opacity: 1;
  }
}
.fancybox-slide--current .light-block .text-slide .text-slide-content {
  transition: opacity 0.5s ease-in-out 1.3s;
  opacity: 1;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .fancybox-slide--current .light-block .text-slide .text-slide-content {
    transition: unset;
    opacity: 1;
  }
}

.scroll-block {
  height: 100%;
  width: 100%;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: wrap;
  background: white;
}
@media only screen and (max-width: 991px) {
  .scroll-block {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-y: scroll;
  }
}

.left-container,
.right-container {
  display: flex;
  width: 50%;
  min-height: 100%;
  height: auto;
  justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .left-container,
  .right-container {
    height: auto !important;
    padding: 30px 0;
    width: 100%;
    min-height: 50vh;
    flex: 0 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .left-container,
  .right-container {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .left-container img:not(:root:root),
  .left-container .text-slide:not(:root:root),
  .right-container img:not(:root:root),
  .right-container .text-slide:not(:root:root) {
    height: auto;
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .scroll-block .left-container,
  .scroll-block .right-container {
    padding: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .scroll-block .left-container,
  .scroll-block .right-container {
    padding: 0;
  }
}

.project-details-right {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}
.project-details-right .dates-locations {
  width: 100%;
  display: flex;
  margin-bottom: 55px;
}
.project-details-right .dates-locations .date-block {
  display: flex;
  flex-direction: column;
  margin-right: 4.375vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .project-details-right .dates-locations .date-block {
    margin-right: 84px;
  }
}
.project-details-right .dates-locations .date-block .title {
  color: white;
  font-size: 18px;
  line-height: 18px;
}
.project-details-right .dates-locations .date-block .detail {
  color: black;
  font-size: 18px;
  line-height: 18px;
}
.project-details-right p {
  font-size: 24px;
  line-height: 34px;
  color: #24242a;
}
@media only screen and (max-width: 767px) {
  .project-details-right p {
    font-size: 19px;
    line-height: 26px;
  }
}
.project-details-right .signature {
  align-self: flex-end;
  margin-top: auto;
  color: #24242a;
  font-size: 16px;
  line-height: 23px;
  padding-bottom: 8px;
  border-bottom: solid 1px #24242a;
}

.fancybox-close-small {
  background-image: url(../img/light-close.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 31px;
  height: 31px;
  right: 48px;
  top: 42px;
}
.fancybox-close-small svg {
  display: none;
}

.customer-block {
  max-width: 677px;
  width: 47%;
  flex: 0 1 47%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 8.75vw;
  transform: translateY(30px);
  opacity: 0;
  transition-duration: 0.55s;
  transition-property: all;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .customer-block {
    margin-bottom: 168px;
  }
}
@media only screen and (max-width: 1100px) {
  .customer-block {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media only screen and (max-width: 767px) {
  .customer-block {
    flex: 0 1 100%;
  }
}

.active .customer-block,
.active .contact-block {
  transform: translateY(0);
  opacity: 1;
  transition-duration: 0.55s;
  transition-property: all;
}

.contact-block.align-self-stretch {
  max-height: 650px;
}

.customer-block-image {
  max-width: 383px;
  flex: 0 1 27.1631205674vw;
  margin-right: 10px;
  min-width: 260px;
  align-self: center;
}

.customer-block-text {
  flex: 0 0 260px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 20px;
}
.customer-block-text h2,
.customer-block-text .h2,
.customer-block-text h1 {
  margin-top: 20px;
}

.contact-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 383px;
  text-align: center;
  flex: 0 1 29.921875%;
  box-sizing: border-box;
  padding: 50px 45px 38px;
  background-color: #ebeeff;
  align-self: flex-start;
  min-height: 25vw;
  margin-bottom: 8.3333333333vw;
  min-width: 300px;
  transform: translateY(30px);
  opacity: 0;
  transition-duration: 0.55s;
  transition-property: all;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .contact-block {
    min-height: 480px;
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-block {
    flex: 0 1 100%;
    min-width: unset;
  }
}
.contact-block p {
  color: #24242a;
  font-size: 13px;
  line-height: 22px;
}
.contact-block .mybut {
  margin-top: auto;
}
.contact-block .theTitle {
  color: #313c77;
  font-size: 58px;
  line-height: 52px;
  margin: 0 0 47px 0;
  display: inline;
  max-width: 225px;
  margin: auto 0;
}
@media only screen and (max-width: 767px) {
  .contact-block .theTitle {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.contact-block.titled {
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  .contact-block.titled {
    max-width: unset;
    width: 100%;
    flex: 1 0 auto;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .contact-block.titled {
    max-width: unset;
    width: 100%;
    flex: 1 0 auto;
  }
}

.contact-block-icon {
  width: 83px;
  height: 83px;
  display: flex;
  justify-content: center;
}
.contact-block-icon img {
  align-self: flex-start;
}

.contact-block-title {
  color: #313c77;
  font-size: 32px;
  line-height: 52px;
  letter-spacing: 1px;
  margin-top: 45px;
}

.catastimata:not(.ena-slice) {
  background-color: #efeeee !important;
}

.care {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .care {
    flex-direction: column;
  }
}

.care-img-block,
.care-text-block {
  width: 50%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .care-img-block,
  .care-text-block {
    width: 100%;
    margin: 30px auto;
  }
}
@media only screen and (max-width: 767px) {
  .care-img-block.save-slider,
  .care-text-block.save-slider {
    margin: 0 auto 30px;
  }
}
.care-img-block .save-slider,
.care-text-block .save-slider {
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .care-img-block .save-slider,
  .care-text-block .save-slider {
    width: 100%;
    margin: 0px auto 30px;
  }
}
.care-img-block.col,
.care-text-block.col {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-basis: auto;
}
.care-img-block.col .smallpos,
.care-text-block.col .smallpos {
  position: relative;
  left: 8.33333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .care-img-block.col .smallpos,
  .care-text-block.col .smallpos {
    left: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .care-img-block.col .smallpos,
  .care-text-block.col .smallpos {
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: left;
    max-width: 390px;
    left: 0;
  }
}

.save-slide {
  width: 100%;
  display: flex !important;
  align-items: center;
}
.save-slide .text-block {
  max-width: 390px !important;
  width: auto;
}
.save-slide .text-block h2:before,
.save-slide .text-block .h2:before,
.save-slide .text-block h1:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  .save-slide .text-block h2,
  .save-slide .text-block .h2,
  .save-slide .text-block h1 {
    font-size: 34px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .save-slide .text-block h2,
  .save-slide .text-block .h2,
  .save-slide .text-block h1 {
    font-size: 34px;
    line-height: 30px;
  }
}
.save-slide h5 {
  color: #24242a;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 0px;
}

.care-img-block {
  justify-content: flex-end;
  box-sizing: border-box;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .care-img-block {
    padding-right: 0;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .care-img-container {
    max-width: 400px;
  }
}

.care-text-block .text-block {
  max-width: 249px;
  margin-left: 8.3333333333vw;
  margin-bottom: 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .care-text-block .text-block {
    margin-left: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .care-text-block .text-block {
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
  }
}

.redSection h2,
.redSection .h2,
.redSection h1 {
  color: #bb1117 !important;
}

.search-header-container {
  align-self: center;
  width: calc(100% - 7.2916666667vw);
  margin-left: 7.2916666667vw;
  max-width: 1227px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .search-header-container {
    width: calc(100% - 140px);
    margin-left: 140px;
  }
}
.search-header-container h2,
.search-header-container .h2,
.search-header-container h1 {
  color: white;
  max-width: 540px;
  font-size: 58px;
  line-height: 52px;
  display: block;
  margin-bottom: 3.6458333333vw;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .search-header-container h2,
  .search-header-container .h2,
  .search-header-container h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.search-header-container h2:lang(el),
.search-header-container .h2:lang(el),
.search-header-container h1:lang(el) {
  text-transform: uppercase;
}
.search-header-container h2 .category,
.search-header-container .h2 .category,
.search-header-container h1 .category {
  text-decoration: underline;
  cursor: pointer;
  color: white;
}

.search-result-container {
  max-width: 1087px;
  width: 95%;
  position: relative;
  margin: 0 auto;
}

.search-result-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 125px;
}

.search-result-category-title {
  width: 100%;
  display: flex;
  align-items: center;
  color: #24242a;
  font-size: 28px;
  line-height: 28px;
  border-bottom: solid 1px rgba(49, 60, 119, 0.4);
  padding-bottom: 15px;
  margin-bottom: 70px;
}
.search-result-category-title .nums {
  color: #b7b7b7;
  margin-left: 5px;
}

.search-result-pages-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.search-result-page-block {
  flex: 0 1 calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .search-result-page-block {
    flex: 1 1 100%;
  }
}
.search-result-page-block-link-title a:link,
.search-result-page-block-link-title a:visited {
  color: #313c77;
  text-decoration: none;
  font-size: 24px;
  line-height: 24px;
}
.search-result-page-block-link-title a:link:hover,
.search-result-page-block-link-title a:visited:hover {
  color: #313c77;
  text-decoration: underline;
}
.search-result-page-block-page-title {
  color: #b3b3b3;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 27px;
}
.search-result-page-block p {
  font-size: 13px;
  line-height: 22px;
  color: #24242a;
  max-width: 376px;
}
.search-result-page-block p a:link,
.search-result-page-block p a:visited {
  font-size: 13px;
  line-height: 22px;
  color: #24242a;
  text-decoration: underline;
}
.search-result-page-block .readmore:link,
.search-result-page-block .readmore:visited {
  font-size: 13px;
  line-height: 22px;
  color: #24242a;
  text-decoration: underline;
  transition: all 0.15s ease-in-out;
}
.search-result-page-block .readmore:link:hover,
.search-result-page-block .readmore:visited:hover {
  color: #b3b3b3;
}

#searchPop {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
#searchPop.fancybox-content {
  padding: 0;
}

.searchPop-header {
  width: 100%;
  height: 199px;
  position: relative;
  display: flex;
  background-color: #24242a;
  transform: translateY(-100%);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.5s, transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
  align-items: center;
}

.searchField-container {
  border-bottom: solid 1px white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchField-container input[type=search] {
  background: transparent;
  border: none;
  font-size: 24px;
  line-height: 48px;
  color: white;
  flex: 1 1 auto;
  outline: none;
  width: 100%;
}

.searchPop-body {
  width: 100%;
  min-height: 50vh;
  background-color: #1c1c22;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 72px 0;
}
.searchPop-body .search-container {
  -moz-column-count: 8;
       column-count: 8;
  -moz-column-gap: 20px;
       column-gap: 20px;
  -moz-column-width: 140px;
       column-width: 140px;
  -moz-column-fill: auto;
       column-fill: auto;
}
@media only screen and (max-width: 767px) {
  .searchPop-body .search-container {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.searchPop-body.active {
  opacity: 1;
}

.search-container {
  max-width: 1369px;
  margin: 0 auto;
  width: 90%;
}

.fancybox-slide--current #searchPop {
  opacity: 1;
}
.fancybox-slide--current #searchPop .searchPop-header {
  transform: translateY(0);
  opacity: 1;
}

.allResults:link,
.allResults:visited {
  padding: 0 33px 0 0;
  color: white;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 18px;
  position: relative;
  flex: 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .allResults:link,
  .allResults:visited {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1000px;
    width: 50px;
  }
}
.allResults:link:before,
.allResults:visited:before {
  content: "";
  background-image: url(../img/carousel-arrow-meta-white.png);
  background-repeat: no-repeat;
  background-position: right center;
  width: 26px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -60%);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (max-width: 767px) {
  .allResults:link:before,
  .allResults:visited:before {
    right: 10px;
  }
}
.allResults:link:hover,
.allResults:visited:hover {
  text-decoration: none;
}
.allResults:link:hover:before,
.allResults:visited:hover:before {
  transform: translate(10px, -60%);
}

.results-block {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 50px;
}

.results-block-category {
  display: block;
  color: #313c77;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 20px;
}

.results-block-title:link,
.results-block-title:visited {
  color: white;
  font-size: 16px;
  line-height: 20px;
  transition: color 0.15s ease-in-out;
}
.results-block-title:link:hover,
.results-block-title:visited:hover {
  text-decoration: none;
  color: #b8b8b8;
}

.results-block-text {
  color: #b8b8b8;
  font-size: 13px;
  line-height: 20px;
}

.background-slider {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.background-slider:before {
  content: "";
  display: none;
}
@media only screen and (max-width: 767px) {
  .background-slider:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    z-index: 1;
  }
}
.background-slider * {
  height: 100%;
  width: 100%;
}
.background-slider .background-slide {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.gridButton-container {
  max-width: 525px;
  max-height: 480px;
  width: 31.8181818182vw;
  height: 29.0909090909vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.875vw;
  min-width: 305px;
  min-height: 305px;
  transform: translateY(30px);
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .gridButton-container {
    width: 81.0666666667vw;
    height: 81.0666666667vw;
    max-width: 400px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
    min-width: unset;
    min-height: unset;
    margin-bottom: 20px;
  }
}
.gridButton-container.service {
  max-width: 665px;
  width: 40.303030303vw;
  margin: 0 20px;
}
@media only screen and (max-width: 767px) {
  .gridButton-container.service {
    width: 81.0666666667vw;
    height: 81.0666666667vw;
    max-width: 400px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
    min-width: unset;
    min-height: unset;
    margin-bottom: 20px;
  }
}

.gridButton:link,
.gridButton:visited {
  color: #313c77;
  background-color: #ebeeff;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 58px;
  line-height: 52px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .gridButton:link,
  .gridButton:visited {
    font-size: 34px;
    line-height: 30px;
  }
}
.gridButton:link:hover,
.gridButton:visited:hover {
  color: white;
  background-color: #0bb975;
  text-decoration: none;
}
.gridButton:link.electricgrid,
.gridButton:visited.electricgrid {
  background-color: #ebeeff;
}
.gridButton:link.electricgrid:hover,
.gridButton:visited.electricgrid:hover {
  color: white;
  background-color: #971117;
  text-decoration: none;
}
.gridButton:link.gasgrid,
.gridButton:visited.gasgrid {
  background-color: #ebeeff;
}
.gridButton:link.gasgrid:hover,
.gridButton:visited.gasgrid:hover {
  color: white;
  background-color: #0ba5ab;
  text-decoration: none;
}
.gridButton:link.generalgrid,
.gridButton:visited.generalgrid {
  background-color: #ebeeff;
}
.gridButton:link.generalgrid:hover,
.gridButton:visited.generalgrid:hover {
  color: white;
  background-color: #2a2a33;
  text-decoration: none;
}

.active .gridButton-container {
  transform: translateY(0px);
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.loadmore-btn:link,
.loadmore-btn:visited {
  text-decoration: none;
  line-height: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  border-radius: 26px;
  color: #7e7e8f;
  border: solid 1px #7e7e8f;
  transition: all 0.25s ease-in-out;
  font-size: 16px;
  line-height: 30px;
  max-width: 210px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .loadmore-btn:link,
  .loadmore-btn:visited {
    font-size: 13px;
    line-height: 20px;
    padding: 0 15px;
    height: 30px;
  }
}
.loadmore-btn:link:hover, .loadmore-btn:link.active,
.loadmore-btn:visited:hover,
.loadmore-btn:visited.active {
  background-color: #bb1117;
  border-color: #bb1117;
  color: white;
}

.inner-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 1370px;
}
@media only screen and (max-width: 768px) {
  .inner-links {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .inner-links {
    justify-content: space-around;
  }
}

.inner-link-block {
  max-width: 383px;
  min-width: 263px;
  width: 31.393442623vw;
  flex: 1 1 unset;
  border: solid 1px #313c77;
  border-top: solid 10px #313c77;
  padding: 66px 88px 58px;
  display: flex;
  flex-direction: column;
  margin: 0 0 5.0520833333vw;
  box-sizing: border-box;
}
.inner-link-block:empty {
  border: none;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .inner-link-block {
    padding: 8.59375vw 11.4583333333vw 7.5520833333vw;
    flex: 1 1 100%;
    max-width: 520px;
    min-width: 310px;
  }
}
@media only screen and (max-width: 767px) {
  .inner-link-block {
    min-width: unset;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .inner-link-block {
    padding: 8.59375vw 11.4583333333vw 7.5520833333vw;
    flex: 1 1 100%;
    max-width: 520px;
    min-width: 310px;
  }
}
.inner-link-block.poped {
  margin: 0;
  border: none;
  border-bottom: solid 1px rgba(49, 60, 119, 0.2);
  padding: 0;
  padding-top: 3.8020833333vw;
  padding-bottom: 4.4270833333vw;
  max-width: 422px;
  flex: 1 1 25%;
  align-items: flex-start;
  min-width: 300px;
  align-self: stretch;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.inner-link-block.poped p {
  max-width: 302px;
  width: 95%;
}
.inner-link-block h2,
.inner-link-block .h2,
.inner-link-block h1 {
  color: #313c77;
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 40px;
  text-align: left;
  display: inline-flex;
  align-self: flex-start;
  width: 100%;
}
.inner-link-block .ektheths {
  position: relative;
}
.inner-link-block .ektheths:after {
  content: attr(data-line);
  position: absolute;
  top: 0px;
  left: 100%;
  font-variant-caps: all-small-caps;
  display: inline-flex;
  height: 37px;
  align-items: flex-end;
  line-height: unset !important;
  transform: translateY(-100%);
  color: #bb1117;
}
@media only screen and (max-width: 767px) {
  .inner-link-block .ektheths:after {
    left: auto;
    right: 0;
    transform: translateY(-60%);
  }
}
.inner-link-block p {
  color: #24242a;
  font-size: 13px;
  line-height: 22px;
}
.inner-link-block .mybut {
  margin-top: auto;
}

#bankPaymentPop {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: white;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}
#bankPaymentPop.fancybox-content {
  padding: 0;
}
#bankPaymentPop .filter-select.payments {
  margin-left: 35px;
}
@media only screen and (max-width: 767px) {
  #bankPaymentPop .filter-select.payments {
    margin-left: 0;
    margin-top: 15px;
  }
}
#bankPaymentPop .filter-tag {
  color: #313c77;
  font-size: 16px;
  line-height: 16px;
}
#bankPaymentPop .filter-bar {
  margin-top: 150px;
  margin-bottom: 70px;
  padding-bottom: 85px;
  border-bottom: solid 1px rgba(49, 60, 119, 0.2);
}

.fancybox-slide--current #bankPaymentPop {
  opacity: 1;
}
.fancybox-slide--current #bankPaymentPop .inner-link-block.poped {
  opacity: 1;
  transform: translateY(0);
}

#gnomiPop {
  background-color: #eeeeee;
  opacity: 0;
  position: absolute;
  width: 100%;
  min-height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.68s;
  left: 0px;
  top: 0px;
  padding: 12.037037037vh 0 18.5185185185vh;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
#gnomiPop .nav-cont {
  position: absolute;
  bottom: 12.037037037vh;
  left: 50%;
  transform: translate(-50%, 100px);
  opacity: 0;
  transition: all 0.25s ease-out;
}

.gnomi-slider {
  background-color: white;
  min-height: 55.5555555556vh;
  max-width: 1370px;
  width: 95%;
  display: flex !important;
  align-items: stretch;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.25, 0.25, 0.185, 1.28) 0.23s;
}

.gnomi-slide {
  min-height: 55.5555555556vh;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fancybox-slide--current #gnomiPop {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.fancybox-slide--current #gnomiPop .gnomi-slider {
  transform: scale(1);
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.25, 0.25, 0.185, 1.28) 0.2s;
}
.fancybox-slide--current #gnomiPop .nav-cont {
  transform: translate(-50%, 0px);
  opacity: 1;
  transition: all 0.25s ease-out 0.18s;
}

.shortForm input[type=radio] {
  display: none;
}
.shortForm input[type=radio] + label {
  border-radius: 50%;
  border: solid 1px #313c77;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 28px;
  color: #313c77;
  width: 50px;
  height: 50px;
  transition: box-shadow 0.15s ease-in-out;
  box-shadow: 0 0 0px 0px rgba(49, 60, 119, 0.4);
}
.shortForm input[type=radio] + label:hover {
  cursor: pointer;
  box-shadow: 0 0 10px 3px rgba(49, 60, 119, 0.4);
}
.shortForm input[type=radio]:checked + label {
  background-color: #313c77;
  color: white;
}
.shortForm textarea {
  border: solid 1px #313c77;
  box-sizing: border-box;
  width: 100%;
  min-height: 84px;
  max-width: 806px;
  color: #313c77;
  text-indent: 25px;
}

.shortForm {
  display: flex;
  max-width: 615px;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.shortForm.long {
  max-width: 806px;
}
.shortForm.xl {
  max-width: 1087px;
}
.shortForm.xl textarea {
  height: 160px;
  max-width: 1087px;
}

.radiosContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}

.lead-campaign .outerContainer.threeD {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .lead-campaign .outerContainer.threeD {
    justify-content: space-around;
  }
}

#customerFormEna .input-block.thecheck,
#customerForm .input-block.thecheck,
#leadCampaignForm .input-block.thecheck {
  margin-bottom: 64px;
}
#customerFormEna > .input-block.thecheck,
#customerForm > .input-block.thecheck,
#leadCampaignForm > .input-block.thecheck {
  margin-left: 10px;
}
#customerFormEna .radiosContainer,
#customerForm .radiosContainer,
#leadCampaignForm .radiosContainer {
  justify-content: flex-start;
  gap: 22px;
  margin-left: 10px;
}
@media (max-width: 991px) {
  #customerFormEna .radiosContainer,
  #customerForm .radiosContainer,
  #leadCampaignForm .radiosContainer {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-left: 0;
  }
  #customerFormEna .radiosContainer .input-block.thecheck,
  #customerForm .radiosContainer .input-block.thecheck,
  #leadCampaignForm .radiosContainer .input-block.thecheck {
    margin-bottom: 12.5px;
  }
  #customerFormEna .radiosContainer .input-block.thecheck:last-child,
  #customerForm .radiosContainer .input-block.thecheck:last-child,
  #leadCampaignForm .radiosContainer .input-block.thecheck:last-child {
    margin-bottom: 64px;
  }
  #customerFormEna > .input-block.thecheck,
  #customerForm > .input-block.thecheck,
  #leadCampaignForm > .input-block.thecheck {
    margin-left: 0;
  }
}

.conditions.custom-radio .custom-checkbox {
  background: none;
  background-color: transparent;
  background-image: none !important;
  border: 1px solid #313c77;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.conditions.custom-radio .custom-checkbox::before {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #313c77;
  transform: translate(-50%, -50%);
}
.conditions.custom-radio .custom-checkbox.selected::before {
  display: block;
}
.conditions.custom-tickbox .custom-checkbox {
  background: none;
  background-color: transparent;
  background-image: none !important;
  border: 1px solid #313c77;
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
@media (max-width: 991px) {
  .conditions.custom-tickbox .custom-checkbox {
    border-radius: 0;
  }
}
.conditions.custom-tickbox .custom-checkbox:hover {
  background: none;
  background-color: transparent;
}
.conditions.custom-tickbox .custom-checkbox.selected {
  background-color: #313c77;
}
.conditions.custom-tickbox .custom-checkbox.selected::before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  position: absolute;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
}

#customerFormEna .conditions.custom-radio .custom-checkbox {
  border: 1px solid white;
}
#customerFormEna .conditions.custom-radio .custom-checkbox::before {
  background: white;
}
#customerFormEna .conditions.custom-tickbox .custom-checkbox {
  border: 1px solid white;
}
#customerFormEna .conditions.custom-tickbox .custom-checkbox.selected {
  background-color: white;
}
#customerFormEna .conditions.custom-tickbox .custom-checkbox.selected::before {
  border: solid #fcb034;
  border-width: 0 2px 2px 0;
}

.forms-controls {
  max-width: 287px;
  width: 100%;
  display: flex;
  margin: 5.2083333333vw auto 0;
  justify-content: space-around;
}

.questionNum {
  color: #24242a;
  font-size: 18px;
  line-height: 58px;
}

.questionLektiko {
  color: #313c77;
  font-size: 48px;
  line-height: 50px;
  max-width: 1017px;
  width: 90%;
  margin: 0 auto 3.8020833333vw;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .questionLektiko {
    font-size: 30px;
    line-height: 32px;
  }
}

.skip {
  border: solid 1px #313c77;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: #313c77;
  max-width: 138px;
  width: 48.0836236934%;
  height: 52px;
  transition: all 0.25s ease-in-out;
}
.skip:hover {
  background-color: #313c77;
  color: white;
}

.submition {
  border: solid 1px #313c77;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: #313c77;
  max-width: 138px;
  width: 48.0836236934%;
  height: 52px;
  transition: all 0.25s ease-in-out;
}
.submition:hover {
  background-color: #313c77;
  color: white;
}

.btn-ajax-loader {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -80%);
  top: 0;
  display: none;
}
.btn-ajax-loader.active {
  display: block;
}

.downloadButton {
  position: absolute;
  right: 0;
  bottom: -20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../img/downloadBack.png);
  display: block;
  width: 27px;
  height: 32px;
}

.media-grid {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto;
  width: 100%;
  align-self: center;
}
@media only screen and (max-width: 991px) {
  .media-grid {
    flex-direction: column;
    align-items: center;
  }
}

.media-block {
  max-width: 665px;
  width: 45.8620689655vw;
  height: 546px;
  min-width: 424px;
  border: solid 1px #24242a;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .media-block {
    margin-bottom: 30px;
    width: 95%;
    min-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .media-block {
    height: auto;
    padding: 30px 0;
  }
}

.media-contents {
  display: flex;
  flex-direction: column;
  max-width: 424px;
  width: 95%;
  align-items: flex-start;
}
.media-contents .media-title {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.media-contents .media-title img {
  align-self: baseline;
}
.media-contents h2,
.media-contents .h2,
.media-contents h1 {
  color: #313c77;
  font-size: 58px;
  line-height: 52px;
  margin: 0 0 0 22px;
  display: inline;
}
@media only screen and (max-width: 767px) {
  .media-contents h2,
  .media-contents .h2,
  .media-contents h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.media-contents .mybut {
  margin-top: 48px;
}

.printPop,
.radioPop {
  background-color: #eeeeee;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  transform: translateY(-100%);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.8s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: -1;
}
.printPop .slick-slide,
.radioPop .slick-slide {
  align-self: center !important;
}
.printPop .slick-track,
.radioPop .slick-track {
  display: flex !important;
}
.printPop .nav-cont,
.radioPop .nav-cont {
  position: absolute;
  left: 50%;
  bottom: 50px;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .printPop .nav-cont,
  .radioPop .nav-cont {
    transform: translateX(-50%);
  }
}
.printPop .nav-cont.audio,
.radioPop .nav-cont.audio {
  transform: translateX(-50%);
}
.printPop .print-slider,
.printPop .nav-cont,
.radioPop .print-slider,
.radioPop .nav-cont {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.fancybox-slide--current .printPop,
.fancybox-slide--current .radioPop {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.fancybox-slide--current .printPop .print-slider,
.fancybox-slide--current .printPop .nav-cont,
.fancybox-slide--current .radioPop .print-slider,
.fancybox-slide--current .radioPop .nav-cont {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}

.print-slider-container {
  max-width: 1370px;
  height: auto;
  width: 95%;
  margin: auto;
  position: relative;
  align-self: center;
  box-sizing: border-box;
  padding: 100px 0;
}
.print-slider-container.audio {
  max-width: unset;
  width: 100%;
}

.print-slide {
  width: 100%;
  display: flex !important;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .print-slide {
    flex-direction: column;
  }
}
.print-slide.audio {
  justify-content: center;
  width: 95% !important;
}

.print-slide-img-container,
.print-slide-content {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
}
.print-slide-img-container img,
.print-slide-content img {
  align-self: center;
}
.print-slide-img-container h2,
.print-slide-img-container .h2,
.print-slide-img-container h1,
.print-slide-content h2,
.print-slide-content .h2,
.print-slide-content h1 {
  color: #313c77;
  font-size: 58px;
  line-height: 52px;
  margin: 0 0 47px 0;
  display: inline;
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .print-slide-img-container h2,
  .print-slide-img-container .h2,
  .print-slide-img-container h1,
  .print-slide-content h2,
  .print-slide-content .h2,
  .print-slide-content h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    width: auto;
  }
}
.print-slide-img-container audio,
.print-slide-content audio {
  margin-bottom: 47px;
  filter: invert(100%);
}
.print-slide-img-container p,
.print-slide-content p {
  font-size: 13px;
  line-height: 22px;
  color: #24242a;
  max-width: 522px;
}
.print-slide-img-container.audio,
.print-slide-content.audio {
  flex: 0 1 auto;
  padding: 95px 75px;
  background-color: white;
}
@media only screen and (max-width: 767px) {
  .print-slide-img-container.audio,
  .print-slide-content.audio {
    padding: 40px 30px;
  }
}

.print-slide-img-container {
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .print-slide-img-container {
    padding-right: 0px;
    margin-bottom: 30px;
  }
}

.print-slide-content {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 90px;
}

.search-block {
  width: 100%;
  display: flex;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .search-block {
    margin-top: -20px;
  }
}
.search-block input[type=search] {
  flex: 1 1 auto;
  border: none;
  background-color: white;
  height: 88px;
  box-sizing: border-box;
  padding-left: 80px;
  background-image: url(../img/search-icon-blue.png);
  background-repeat: no-repeat;
  background-position: 33px center;
  outline: none;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .search-block input[type=search] {
    padding-left: 40px;
    background-position: 10px center;
    font-size: 13px;
    line-height: 16px;
    height: 52px;
    min-width: 165px;
  }
}
.search-block.red input[type=search] {
  color: #bb1117;
  background-image: url(../img/search-icon-red.png);
  border: solid 1px #e1e1e1;
}
.search-block.red .billsearch {
  background-image: url(../img/button-arrow-red.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #e1e1e1;
  border-left: none;
  background-color: white;
  height: 88px;
  width: 143px;
  transition: all 0.25s ease-in-out;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .search-block.red .billsearch {
    height: 52px;
    min-width: 65px;
  }
}
.search-block.red .billsearch:hover {
  background-position: 60% center;
}
.search-block.green input[type=search] {
  color: #0ba5ab;
  background-image: url(../img/search-icon-green.png);
  border: solid 1px #e1e1e1;
}
.search-block.green .billsearch {
  background-image: url(../img/button-arrow-green.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #e1e1e1;
  border-left: none;
  background-color: white;
  height: 88px;
  width: 143px;
  transition: all 0.25s ease-in-out;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .search-block.green .billsearch {
    height: 52px;
    min-width: 65px;
  }
}
.search-block.green .billsearch:hover {
  background-position: 60% center;
}

@media only screen and (max-width: 580px) {
  #first.faq {
    min-height: 667px;
  }
}

#aerioPop,
.greenbox {
  background-color: #0bb99e;
}
#aerioPop .find-section,
.greenbox .find-section {
  background-color: #0ba5ab;
}
#aerioPop .nav-cont,
.greenbox .nav-cont {
  background-color: #0ba5ab;
}
#aerioPop .extras-block,
.greenbox .extras-block {
  margin-bottom: 40px !important;
}
#aerioPop .extras-block h2:before,
#aerioPop .extras-block .h2:before,
#aerioPop .extras-block h1:before,
.greenbox .extras-block h2:before,
.greenbox .extras-block .h2:before,
.greenbox .extras-block h1:before {
  background-color: white;
  width: 100%;
}
#aerioPop .extras-block li:before,
.greenbox .extras-block li:before {
  background-image: url(../img/pdf-icon-green.png);
}
#aerioPop .nav-cont.whiten,
.greenbox .nav-cont.whiten {
  color: white;
}
@media only screen and (max-width: 767px) {
  #aerioPop .nav-cont.whiten,
  .greenbox .nav-cont.whiten {
    background-color: transparent !important;
  }
}
@media only screen and (max-width: 767px) {
  #aerioPop .nav-cont.whiten:before,
  .greenbox .nav-cont.whiten:before {
    border-bottom: solid 1px white;
    content: "";
    position: absolute;
    width: calc(47.5vw - 75px);
    right: 100%;
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #aerioPop .nav-cont.whiten:after,
  .greenbox .nav-cont.whiten:after {
    border-bottom: solid 1px white;
    content: "";
    position: absolute;
    width: calc(47.5vw - 75px);
    left: 100%;
    top: 50%;
  }
}
#aerioPop .nav-cont.whiten .prin,
.greenbox .nav-cont.whiten .prin {
  background-image: url(../img/carousel-arrow-meta-white.png);
}
#aerioPop .nav-cont.whiten .meta,
.greenbox .nav-cont.whiten .meta {
  background-image: url(../img/carousel-arrow-meta-white.png);
}

#electricityPop {
  background-color: #750a0f;
}
#electricityPop .find-section {
  background-color: #971117;
}
#electricityPop .nav-cont {
  background-color: #971117;
}
#electricityPop .extras-block {
  margin-bottom: 40px !important;
}
#electricityPop .extras-block h2:before,
#electricityPop .extras-block .h2:before,
#electricityPop .extras-block h1:before {
  background-color: white;
  width: 100%;
}
#electricityPop .extras-block li:before {
  background-image: url(../img/pdf-icon-red.png);
}
#electricityPop .nav-cont.whiten {
  color: white;
}
@media only screen and (max-width: 767px) {
  #electricityPop .nav-cont.whiten {
    background-color: transparent !important;
  }
}
@media only screen and (max-width: 767px) {
  #electricityPop .nav-cont.whiten:before {
    border-bottom: solid 1px white;
    content: "";
    position: absolute;
    width: calc(47.5vw - 75px);
    right: 100%;
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #electricityPop .nav-cont.whiten:after {
    border-bottom: solid 1px white;
    content: "";
    position: absolute;
    width: calc(47.5vw - 75px);
    left: 100%;
    top: 50%;
  }
}
#electricityPop .nav-cont.whiten .prin {
  background-image: url(../img/carousel-arrow-meta-white.png);
}
#electricityPop .nav-cont.whiten .meta {
  background-image: url(../img/carousel-arrow-meta-white.png);
}

#generalPop {
  background-color: #24242a;
}
#generalPop .find-section {
  background-color: #2a2a33;
}
#generalPop .nav-cont {
  background-color: #2a2a33;
}
#generalPop .extras-block {
  margin-bottom: 40px !important;
}
#generalPop .extras-block h2:before,
#generalPop .extras-block .h2:before,
#generalPop .extras-block h1:before {
  background-color: white;
  width: 100%;
}
#generalPop .extras-block li:before {
  background-image: url(../img/pdf-icon-white.png);
}

.accordion-container {
  margin-bottom: 5.8333333333vw;
}
.accordion-container > p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 80px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .accordion-container {
    margin-bottom: 112px;
  }
}
.accordion-container .answer {
  display: none;
}
.accordion-container .question {
  box-sizing: border-box;
  padding: 32px 120px 32px 0;
  position: relative;
  min-height: 100px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .accordion-container .question {
    padding-right: 40px;
  }
}
.accordion-container .question:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(../img/minus-plus.png);
  width: 24px;
  height: 24px;
  display: block;
  top: 37px;
  right: 5px;
  opacity: 1;
  transition: opacity 0.15s ease-in-out 0.15s;
}
.accordion-container .question:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/minus-plus.png);
  width: 24px;
  height: 24px;
  display: block;
  top: 37px;
  right: 5px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.accordion-container .question p {
  font-size: 15px;
  line-height: 22px;
}
.accordion-container .accordion-title {
  margin: 0 0 45px 0;
  display: block;
  text-align: left;
}
.accordion-container .accordion-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.accordion-container .accordion-block.active .question:before {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.accordion-container .accordion-block.active .question:after {
  opacity: 1;
  transition: opacity 0.15s ease-in-out 0.15s;
}
.accordion-container.red {
  margin-bottom: 160px;
  margin-top: 100px;
}
.accordion-container.red .question:after {
  background-image: url(../img/minus-plus-red.png);
}
.accordion-container.red .question:before {
  background-image: url(../img/minus-plus-red.png);
}
.accordion-container.red .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.accordion-container.red .accordion-block.active .question p {
  color: #bb1117;
  transition: color 0.15s ease-in-out;
}
.accordion-container.red .mark,
.accordion-container.red mark {
  padding: 0.2em;
  background-color: transparent;
  color: #bb1117;
  border-bottom: solid 1px #bb1117;
}
.accordion-container.red .accordion-title {
  margin: 0 0 55px 0;
  display: block;
  text-align: left;
  color: #bb1117;
}
.accordion-container.red .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.accordion-container.red .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon2.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.accordion-container.blue {
  margin-bottom: 160px;
  margin-top: 100px;
}
.accordion-container.blue .question:after {
  background-image: url(../img/minus-plus-blue.png);
}
.accordion-container.blue .question:before {
  background-image: url(../img/minus-plus-blue.png);
}
.accordion-container.blue .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.accordion-container.blue .accordion-block.active .question p {
  color: #313c77;
  transition: color 0.15s ease-in-out;
}
.accordion-container.blue .mark,
.accordion-container.blue mark {
  padding: 0.2em;
  background-color: transparent;
  color: #313c77;
  border-bottom: solid 1px #313c77;
}
.accordion-container.blue .accordion-title {
  margin: 0 0 45px 0;
  display: block;
  text-align: left;
  color: #313c77;
}
.accordion-container.blue .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon-3.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.accordion-container.green {
  margin-bottom: 160px;
  margin-top: 100px;
}
.accordion-container.green .question:after {
  background-image: url(../img/minus-plus-green.png);
}
.accordion-container.green .question:before {
  background-image: url(../img/minus-plus-green.png);
}
.accordion-container.green .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.accordion-container.green .accordion-block.active .question p {
  color: #0ba5ab;
  transition: color 0.15s ease-in-out;
}
.accordion-container.green .mark,
.accordion-container.green mark {
  padding: 0.2em;
  background-color: transparent;
  color: #0ba5ab;
  border-bottom: solid 1px #0ba5ab;
}
.accordion-container.green .accordion-title {
  margin: 0 0 45px 0;
  display: block;
  text-align: left;
  color: #0ba5ab;
}
.accordion-container.green .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon-green.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.accordion-container.green .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon3-green.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.accordion-container.green2 {
  margin-bottom: 160px;
  margin-top: 100px;
}
.accordion-container.green2 .question:after {
  background-image: url(../img/minus-plus-green2.png);
}
.accordion-container.green2 .question:before {
  background-image: url(../img/minus-plus-green2.png);
}
.accordion-container.green2 .accordion-block {
  border-top: solid 1px #c4c4c5;
  border-bottom: solid 1px #c4c4c5;
}
.accordion-container.green2 .accordion-block.active .question p {
  color: #0bb975;
  transition: color 0.15s ease-in-out;
}
.accordion-container.green2 .mark,
.accordion-container.green2 mark {
  padding: 0.2em;
  background-color: transparent;
  color: #0bb975;
  border-bottom: solid 1px #0bb975;
}
.accordion-container.green2 .accordion-title {
  margin: 0 0 45px 0;
  display: block;
  text-align: left;
  color: #0bb975;
}
.accordion-container.green2 .accordion-title.billing:before {
  content: "";
  background-image: url(../img/billing-icon-green.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.accordion-container.green2 .accordion-title.billing2:before {
  content: "";
  background-image: url(../img/billing-icon3-green.png);
  width: 56px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}

.faqPop {
  width: 100%;
  height: 100vh;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  display: flex !important;
  align-items: stretch;
  justify-content: flex-end;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0.8s;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .faqPop {
    padding: 80px 0 0;
  }
}
.faqPop .fancybox-close-small {
  visibility: hidden;
}
@media only screen and (max-width: 768px) {
  .faqPop .fancybox-close-small {
    visibility: visible;
  }
}
.faqPop .backToCategory {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 40px;
  top: 51px;
  cursor: pointer;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
  .faqPop .backToCategory {
    visibility: hidden;
  }
}
.faqPop .backToCategory .arrow {
  opacity: 0.5;
  margin-right: 15px;
  transform: translateX(0px);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.faqPop .backToCategory:hover .arrow {
  transform: translateX(-15px);
}
.faqPop .accordion-container {
  margin-bottom: 5.8333333333vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .faqPop .accordion-container {
    margin-bottom: 112px;
  }
}
.faqPop .accordion-container .answer {
  display: none;
}
.faqPop .accordion-title {
  margin: 0 0 45px 0;
  display: block;
  text-align: left;
}
.faqPop .accordion-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.faqPop .accordion-block.active .question:before {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.faqPop .accordion-block.active .question:after {
  opacity: 1;
  transition: opacity 0.15s ease-in-out 0.15s;
}
.faqPop .letter-section {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  color: rgba(255, 255, 255, 0.1);
  font-size: 200px;
  line-height: 0.735;
  transform: translateX(-100%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.faqPop .find-section {
  max-width: 1121px;
  color: white;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  transform: translateX(100%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .faqPop .find-section {
    background-color: transparent !important;
  }
}
.faqPop .find-section > div {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.faqPop .find-section .h2,
.faqPop .find-section h1 {
  color: white;
  font-size: 58px;
  line-height: 64px;
}
.faqPop .find-section .h3 {
  color: white;
  font-size: 32px;
  line-height: 38px;
}
.faqPop .find-section p {
  color: white;
  font-size: 13px;
  line-height: 22px;
}
.faqPop .find-section .find-section-contents {
  padding-top: 5.9895833333vw;
  box-sizing: border-box;
  width: 95%;
  max-width: 806px;
  z-index: 3;
  position: relative;
}
.faqPop .find-section .text-block p {
  color: white !important;
}
.faqPop .find-section .question {
  box-sizing: border-box;
  padding: 32px 120px 32px 0;
  position: relative;
  min-height: 100px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .faqPop .find-section .question {
    padding-right: 40px;
  }
}
.faqPop .find-section .question:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(../img/minus-plus.png);
  width: 24px;
  height: 24px;
  display: block;
  top: 37px;
  right: 5px;
  opacity: 1;
  transition: opacity 0.15s ease-in-out 0.15s;
}
.faqPop .find-section .question:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/minus-plus.png);
  width: 24px;
  height: 24px;
  display: block;
  top: 37px;
  right: 5px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.faqPop .find-section .question p {
  font-size: 15px;
  line-height: 22px;
}
.faqPop .line {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.faqPop .popSlide-container {
  max-width: 888px;
  padding: 80px 40px;
  margin-bottom: 40px;
  width: 100%;
  position: relative;
}
.faqPop .popSlide-container .lines-cont .top,
.faqPop .popSlide-container .lines-cont .bottom {
  width: 100% !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}
.faqPop .popSlide-container .lines-cont .right,
.faqPop .popSlide-container .lines-cont .left {
  height: 100% !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}
@media only screen and (max-width: 767px) {
  .faqPop .popSlide-container .lines-cont .bottom {
    display: none;
  }
}
.faqPop .popSlide-container .nav-cont {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: 10;
  padding: 0 20px;
}
.faqPop .popSlide {
  display: flex !important;
}
@media only screen and (max-width: 767px) {
  .faqPop .popSlide {
    flex-direction: column;
    align-items: center;
  }
}
.faqPop .popSlide .popSlide-img {
  margin-right: 40px;
  width: 21.409455843vw;
  max-width: 240px;
  box-sizing: border-box;
  flex: 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .faqPop .popSlide .popSlide-img {
    width: 100%;
    margin-bottom: 20px;
  }
}
.faqPop .popSlide .popSlide-text {
  display: flex;
  flex-direction: column;
}
.faqPop .extras-block *:before {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.faqPop .extras-block * {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.faqPop.siskeuesPop {
  background-color: #078554;
}
.faqPop.siskeuesPop .find-section {
  background-color: #0ab975;
}
.faqPop.siskeuesPop .nav-cont {
  background-color: #0ab975;
}
.faqPop.siskeuesPop .extras-block {
  margin-bottom: 40px !important;
}
.faqPop.siskeuesPop .extras-block h2:before,
.faqPop.siskeuesPop .extras-block .h2:before,
.faqPop.siskeuesPop .extras-block h1:before {
  background-color: white;
  width: 100%;
}
.faqPop.siskeuesPop .extras-block li:before {
  background-image: url(../img/pdf-icon-red.png);
}

.popsliderTEXT .popSlide-text {
  display: flex;
  flex-direction: column;
  flex: 0 1 30%;
  max-width: 58%;
}
@media only screen and (max-width: 767px) {
  .popsliderTEXT .popSlide-text {
    max-width: 100%;
  }
}
.popsliderTEXT .popSlide-text .textt-slider {
  width: 100%;
}

.fancybox-slide--current .faqPop {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
.fancybox-slide--current .faqPop .letter-section {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}
.fancybox-slide--current .faqPop .find-section {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}
.fancybox-slide--current .faqPop .find-section > div {
  opacity: 1;
  transition: opacity 0.4s ease-in-out 1.1s;
}

.myhronbig {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.myhronbig .myhronbig-img {
  flex: 1 1 auto;
  min-width: 315px;
  max-width: 806px;
  margin-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 521px;
  background-color: #313d77;
}
@media only screen and (max-width: 767px) {
  .myhronbig .myhronbig-img {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    min-width: unset;
    margin-bottom: 30px;
  }
}
.myhronbig .myhronbig-img img {
  width: 100%;
  height: 45.8733205374%;
  -o-object-fit: contain;
     object-fit: contain;
}
.myhronbig .myhronbig-text {
  flex: 0 0 384px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .myhronbig .myhronbig-text {
    flex: 1 0 310px;
    padding-left: 20px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 580px) {
  .myhronbig .myhronbig-text {
    flex: 1 0 310px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 580px) and (orientation: landscape) {
  .myhronbig .myhronbig-text {
    flex: 1 0 310px;
    padding-left: 20px;
    box-sizing: border-box;
  }
}
.myhronbig .myhronbig-text h2:before,
.myhronbig .myhronbig-text .h2:before,
.myhronbig .myhronbig-text h1:before {
  border-top: none !important;
}

.social-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .social-grid {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
}
.social-grid.active .social-block {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 0.35s;
}

.social-block {
  margin-bottom: 60px;
  max-width: 383px;
  margin-right: 15px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  opacity: 0;
  transform: translateY(100px);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .social-block {
    margin-right: 141px;
  }
}
@media only screen and (max-width: 767px) {
  .social-block {
    margin-bottom: 40px;
  }
}
.social-block .social-header {
  display: flex;
  align-items: center;
  font-size: 32px;
  line-height: 34px;
  color: #313c77;
  margin-bottom: 21px;
}
.social-block .social-header .social-icon {
  margin-right: 22px;
}
.social-block p {
  font-size: 13px;
  line-height: 22px;
  color: #24242a;
}
.social-block .post-block {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #e1e1e1;
  padding: 33px 10.4438642298%;
  display: flex;
  flex-direction: column;
}
.social-block .post-block img {
  margin-bottom: 20px;
}
.social-block .post-block .post-title {
  color: rgba(36, 36, 42, 0.4);
  font-size: 18px;
  line-height: 58px;
}
.social-block .post-block .date {
  color: #24242a;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}
.social-block .post-block .mybut {
  margin-top: 40px;
}

.col-list {
  border-left: 2px solid transparent !important;
}
.col-list:before {
  content: "";
  border-left: 2px solid white;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.col-list.active:before {
  height: 100%;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.textWithSlider {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .textWithSlider {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .textWithSlider {
    flex-direction: column;
    align-items: center;
  }
}
.textWithSlider-textContainer {
  max-width: 665px;
  width: 44.3333333333vw;
  flex: 0 1 auto;
}
@media only screen and (max-width: 768px) {
  .textWithSlider-textContainer .text-block {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .textWithSlider-textContainer {
    margin-bottom: 10px;
    max-width: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .textWithSlider-textContainer {
    margin-bottom: 30px;
    max-width: unset;
    width: 100%;
  }
}
.textWithSlider-sliderContainer {
  max-width: 663px;
  width: 44.2vw;
  flex: 0 1 auto;
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .textWithSlider-sliderContainer {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .textWithSlider-sliderContainer {
    width: 100%;
    margin-bottom: 30px;
  }
}
.textWithSlider .nav-cont {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mediaText {
  background-color: white !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-height: unset;
  height: unset !important;
}

.mediaText-container:nth-child(odd) {
  background-color: #ebebeb !important;
}
.mediaText-container:nth-child(odd) .mediaText-container-inner {
  flex-direction: row;
}
@media only screen and (max-width: 991px) {
  .mediaText-container:nth-child(odd) .mediaText-container-inner {
    flex-direction: column-reverse;
    justify-content: center;
  }
}
.mediaText-container:nth-child(odd) .nav-cont {
  background-color: #ebebeb !important;
}

.mediaText-container-inner {
  display: flex;
  align-items: center;
  padding: 7.8125vw 0;
  flex-direction: row-reverse;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .mediaText-container-inner {
    padding: 150px 0;
  }
}
@media only screen and (max-width: 768px) {
  .mediaText-container-inner {
    width: 81.33333vw;
  }
}
@media only screen and (max-width: 991px) {
  .mediaText-container-inner {
    flex-direction: column-reverse;
    justify-content: center;
  }
}
.mediaText-container-inner .mediaText-slider {
  max-width: 805px;
  width: 47.3529411765vw;
}
@media only screen and (max-width: 991px) {
  .mediaText-container-inner .mediaText-slider {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .mediaText-container-inner .mediaText-slider {
    margin-bottom: 30px;
    width: calc(100% - 100px);
  }
}
@media only screen and (max-width: 767px) {
  .mediaText-container-inner .mediaText-slider {
    margin-bottom: 30px;
    width: calc(100% - 50px);
  }
}
.mediaText-container-inner .mediaText-slider .units-gallery-container {
  width: 100%;
  max-height: 574px;
  height: 33.7647058824vw;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .mediaText-container-inner .mediaText-slider .units-gallery-container {
    height: 67.5294117647vw;
  }
}
@media only screen and (max-width: 768px) {
  .mediaText-container-inner .mediaText-slider .units-gallery-container {
    height: 57.529vw;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mediaText-container-inner .mediaText-slider .units-gallery-container {
    height: 57.529vw;
  }
}
.mediaText-container-inner .mediaText-slider .units-gallery-container .lines-cont {
  position: absolute;
  height: 90.5923344948%;
  bottom: 0;
  top: auto;
}
.mediaText-container-inner .mediaText-slider .units-gallery-container .nav-cont {
  position: absolute;
  bottom: 0;
  top: auto;
  transform: translate(-50%, 50%);
  left: 50%;
  z-index: 10;
  padding: 0 40px;
  width: 115px;
  box-sizing: content-box;
  background-color: white;
}
.mediaText-container-inner .mediaText-slider .units-gallery-container .units-slider {
  height: 92.5087108014%;
  width: 90.8074534161%;
}
.mediaText-container-inner .mediaText-text {
  max-width: 805px;
  width: 47.3529411765vw;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .mediaText-container-inner .mediaText-text {
    width: 100%;
  }
}
.mediaText-container-inner .mediaText-text .text-block {
  width: 81.9875776398%;
  max-width: 660px;
}
@media only screen and (max-width: 768px) {
  .mediaText-container-inner .mediaText-text .text-block {
    width: 100%;
    max-width: unset;
  }
}

.icons-grid {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 47px;
}
@media only screen and (max-width: 767px) {
  .icons-grid {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
}
.icons-grid .grid-block {
  flex: 0 1 28.125%;
  max-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition-property: opacity transform;
  transition-duration: 0.25s;
  opacity: 0;
  transform: translateY(30px);
}
.icons-grid .grid-block .grid-icon {
  margin-bottom: 26px;
  width: 44px;
  height: 56px;
  display: flex;
  justify-content: center;
}
.icons-grid .grid-block .grid-icon img {
  align-self: flex-start;
}
.icons-grid .grid-block h2,
.icons-grid .grid-block .h2,
.icons-grid .grid-block h1 {
  margin-bottom: 18px;
  text-align: center;
}
.icons-grid .grid-block h2:before,
.icons-grid .grid-block .h2:before,
.icons-grid .grid-block h1:before {
  display: none;
}
.icons-grid.active .grid-block {
  opacity: 1;
  transform: translateY(0px);
}

.future .half-cont {
  align-items: center;
  align-content: center;
}
.future .half-cont .text-block {
  max-width: 340px;
  margin: auto;
}

.buttonSet {
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
}

h5 {
  font-size: 18px;
  line-height: 18px;
  color: #24242a;
  margin-bottom: 18px;
}

.detailslist {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
.detailslist li {
  color: #971117;
  font-size: 20px;
  line-height: 26px;
}

h2.lrgr,
.h2.lrgr,
h1.lrgr {
  max-width: 382px;
  width: 90%;
}

.fullslider {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1100px) {
  .fullslider {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1100px) {
  .fullslider > .vs {
    display: none;
  }
}
.fullslider .left-slider,
.fullslider .right-slider {
  min-width: 1920px;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1100px) {
  .fullslider .left-slider,
  .fullslider .right-slider {
    min-width: unset;
    width: 100%;
    flex: 1 1 auto;
    padding: 80px 150px;
  }
}
.fullslider .left-slider {
  background-color: #971117;
  justify-content: flex-end;
  z-index: 1;
}
.fullslider .left-slider .vs {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .fullslider .left-slider .vs {
    display: unset;
  }
}
.fullslider .right-slider {
  background-color: #750a0f;
}
.fullslider .right-slider .straight-slider-contents {
  margin-left: 25%;
}
@media only screen and (max-width: 1100px) {
  .fullslider .right-slider .straight-slider-contents {
    margin-left: unset;
  }
}
.fullslider .nav-cont {
  position: absolute;
  top: auto;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media only screen and (max-width: 1100px) {
  .fullslider .nav-cont {
    bottom: 50px;
    transform: translateX(0);
    left: 9.6vw;
    right: auto;
  }
}

.straight-slider {
  width: 50vw;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1100px) {
  .straight-slider {
    width: 100%;
  }
}
.straight-slider h2,
.straight-slider .h2,
.straight-slider h1 {
  color: white;
  font-size: 58px;
  line-height: 64px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .straight-slider h2,
  .straight-slider .h2,
  .straight-slider h1 {
    font-size: 34px !important;
    line-height: 30px !important;
  }
}
.straight-slider * {
  color: white !important;
}

.straight-slider-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

.fullslider-slider,
.straight-slider-contents {
  max-width: 384px;
}
@media only screen and (max-width: 1100px) {
  .fullslider-slider,
  .straight-slider-contents {
    max-width: unset;
    width: 81.25vw;
  }
}
.fullslider-slider .fullslider-slide,
.straight-slider-contents .fullslider-slide {
  width: 100%;
}

.vs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 5.2083333333vw;
  max-width: 100px;
  min-width: 60px;
}
@media only screen and (max-width: 1100px) {
  .vs {
    left: 50%;
    top: 100%;
  }
}

.enanti-speciments {
  display: flex;
  justify-content: space-between;
  padding: 10.4166666667vw 0;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .enanti-speciments {
    padding: 200px 0;
  }
}
@media only screen and (max-width: 768px) {
  .enanti-speciments {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .enanti-speciments {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}
.enanti-speciments .speciment-block {
  align-self: stretch;
  border: solid 1px #9d1f25;
  border-top: solid 10px #9d1f25;
  max-width: 524px;
  width: 45.5652173913vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 80px 0 100px 0;
}
@media only screen and (max-width: 768px) {
  .enanti-speciments .speciment-block {
    width: 87%;
    align-self: center;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .enanti-speciments .speciment-block {
    width: 87%;
    align-self: center;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .enanti-speciments .speciment-block {
    width: 100%;
  }
}
.enanti-speciments .speciment-block .mybut {
  margin-top: auto;
}
.enanti-speciments .speciment-block .speciment-contents {
  width: auto;
  margin-right: 14.1221374046%;
  margin-left: 19.465648855%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.enanti-speciments .speciment-block .speciment-contents .speciment {
  margin-bottom: 30px;
}

.certification-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 100px;
  max-width: 1410px;
  margin: 0 auto;
  width: 85%;
  align-items: flex-start !important;
}
@media only screen and (max-width: 768px) {
  .certification-grid {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .certification-grid {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .certification-grid {
    width: 80%;
  }
}
.certification-grid .certification-block {
  max-width: 283px;
  flex: 0 0 auto;
  margin-bottom: 30px;
  align-self: stretch;
  align-items: stretch;
}
.certification-grid .certification-block .extras-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.certification-grid .certification-block h2,
.certification-grid .certification-block .h2,
.certification-grid .certification-block h1 {
  color: #313c77;
  font-size: 52px;
  line-height: 52px;
  min-height: 170px;
}
@media only screen and (max-width: 767px) {
  .certification-grid .certification-block h2,
  .certification-grid .certification-block .h2,
  .certification-grid .certification-block h1 {
    font-size: 34px !important;
    line-height: 30px !important;
    min-height: unset;
  }
}
.certification-grid .certification-block h2:before,
.certification-grid .certification-block .h2:before,
.certification-grid .certification-block h1:before {
  display: none;
}
.certification-grid .certification-block p {
  color: #24242a;
}
.certification-grid .certification-block ul {
  margin-top: auto;
}
.certification-grid .certification-block ul li:before {
  background-image: url(../img/pdf-icon-grey.png);
}
.certification-grid .certification-block ul li a:link,
.certification-grid .certification-block ul li a:visited {
  color: #24242a;
  white-space: nowrap;
}

.lektual-container {
  position: absolute;
  z-index: 0;
  width: 90.7291666667vw;
  top: 50%;
  right: 0;
  transform: translate(0%, -120%);
}
.lektual-container:before {
  content: "";
  width: 100%;
  border-bottom: solid 1px #313c77;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.lektual-inner-container {
  width: 86.7967853042%;
  position: relative;
}

.lektual {
  position: relative;
  color: #c3c5d2;
  line-height: 0.81;
  transform: translateY(10.4%);
}

.history-slider-container {
  display: flex;
  align-items: center;
  max-width: 1410px;
}

.history-slider {
  width: 100%;
  align-self: center;
}
.history-slider .slick-list {
  overflow: visible !important;
}

.history-slide {
  max-width: 380px;
  width: 87.5vw;
  min-width: 280px;
  min-height: 340px;
  margin-right: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  padding: 33px 47px 60px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .history-slide {
    min-width: unset;
    width: 87.5vw;
    min-width: unset;
    padding: 4.296875vw 6.1197916667vw 7.8125vw;
  }
}
.history-slide .title-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.history-slide .title-section .date {
  color: #313c77;
  font-size: 36px;
  line-height: 52px;
}
.history-slide .title-section .icon {
  width: 70px;
  height: 61px;
}
.history-slide .title-section .icon img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.history-slide .content-section {
  margin-top: 92px;
}

.moments-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .moments-grid {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .moments-grid {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}
.moments-grid.active .moment {
  opacity: 1;
  transform: translateY(0);
}

.moment {
  max-width: 384px;
  box-sizing: border-box;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 8.4895833333vw;
  transition-property: opacity transform;
  opacity: 0;
  transform: translateY(100px);
  transition-duration: 0.35s;
}
.moment:empty {
  height: 0 !important;
  margin-bottom: 0 !important;
  max-width: 384px;
  width: 100%;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  .moment {
    margin-bottom: 163px;
  }
}
@media only screen and (max-width: 767px) {
  .moment {
    padding: 0;
  }
}
.moment .iconblock {
  width: 100%;
  border-bottom: solid 1px #313c77;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.moment .iconblock .iconanimate {
  position: relative;
  overflow: hidden;
  margin-bottom: 48px;
  width: 112px;
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.moment .iconblock .iconanimate img {
  transform: translateY(150px);
  align-self: flex-start;
}
.moment .moment-contents {
  margin-top: 26px;
}
.moment .moment-contents .dateblock {
  display: inline-block;
  margin-bottom: 10px;
  color: rgba(36, 36, 42, 0.4);
  font-size: 18px;
  line-height: 18px;
}

.pinanim .mainSlide {
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .pinanim .mainSlide {
    z-index: 0;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .pinanim .mainSlide {
    z-index: 0;
  }
}
.pinanim section {
  overflow: visible !important;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .pinanim section {
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 768px) {
  .pinanim section {
    overflow: hidden !important;
  }
}
.pinanim section .animcontainer {
  overflow: hidden;
}
.pinanim section .animcontainer .theBack {
  z-index: 0;
  transform: translateY(100%);
  height: 100%;
  max-height: 730px;
  position: absolute;
  left: 0;
  top: 0;
}
.pinanim section .animcontainer .anim-icon-container {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
}

.magic-nav-box {
  width: 88px;
  height: 203px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-100%);
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .magic-nav-box {
    transform: translateY(0);
    top: 0;
    right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .magic-nav-box {
    height: auto;
    transform: translateY(0);
    top: calc(50vh - 164px);
    right: 0;
  }
}
.magic-nav-box .counter-box {
  position: absolute;
  height: 56px;
  transform: rotate(-90deg) translate(-23%, -50%);
  color: white;
  font-size: 58px;
  line-height: 52px;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .magic-nav-box .counter-box {
    position: relative;
    transform: rotate(0deg) translate(0, 0);
    font-size: 34px;
    line-height: 34px;
    height: 34px;
  }
}
.magic-nav-box a.magic-link:link,
.magic-nav-box a.magic-link:visited {
  width: 175%;
  min-height: 62px;
  display: flex;
  align-items: flex-end;
  font-size: 20px;
  line-height: 1px;
  line-height: 1;
  color: white;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  left: 55px;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .magic-nav-box a.magic-link:link,
  .magic-nav-box a.magic-link:visited {
    width: 100%;
    position: relative;
    flex-direction: column;
    left: 0;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 1.2px;
    line-height: 1;
  }
}
.magic-nav-box a.magic-link:link:before,
.magic-nav-box a.magic-link:visited:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15.5px 0 15.5px 30px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: -20px;
  left: 0;
  transition: all 0.35s cubic-bezier(0.575, 0.205, 0, 1.48);
}
@media only screen and (max-width: 767px) {
  .magic-nav-box a.magic-link:link:before,
  .magic-nav-box a.magic-link:visited:before {
    position: relative;
    top: 0;
    margin-bottom: 10px;
  }
}
.magic-nav-box a.magic-link:link:hover,
.magic-nav-box a.magic-link:visited:hover {
  text-decoration: none;
}
.magic-nav-box a.magic-link:link:hover:before,
.magic-nav-box a.magic-link:visited:hover:before {
  transform: translateX(50%);
}

.theNewLoader {
  opacity: 0;
  position: fixed;
  z-index: -5;
}

.transitionSlide {
  transition: background-color 0.35s ease-in-out;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  left: 0;
  top: 0;
  transform: translateX(100%);
}
.transitionSlide img {
  align-self: center;
  position: relative;
}

.cfdinLight {
  font-size: 109px;
  line-height: 0.85;
  display: inline;
}

.virtueBox {
  overflow: hidden;
  justify-content: flex-start !important;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  height: 66vh;
  max-height: 730px;
}
.virtueBox .animcontainer {
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  max-height: 730px;
}
.virtueBox .animcontainer:first-child {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .virtueBox {
    visibility: hidden;
    z-index: -10;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .virtueBox {
    visibility: hidden;
    z-index: -10;
  }
}

.reveal-div {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 768px) {
  .reveal-div {
    position: relative;
    height: 100% !important;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .reveal-div {
    position: relative;
    height: 100% !important;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.reveal-div.full-height {
  height: 100%;
}

.anim-icon-container {
  width: 100% !important;
  height: 66vh !important;
  max-height: 730px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transform: translateY(10%);
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .anim-icon-container {
    height: 100% !important;
    width: 70% !important;
    transform: translateY(0%);
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .anim-icon-container {
    height: 100% !important;
    width: 70% !important;
    transform: translateY(0%);
  }
}
.anim-icon-container canvas,
.anim-icon-container img {
  width: 70% !important;
  height: 69.0410958904% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .anim-icon-container canvas,
  .anim-icon-container img {
    height: auto !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .anim-icon-container canvas,
  .anim-icon-container img {
    height: auto !important;
    width: 100% !important;
  }
}
@supports (-ms-ime-align: auto) {
  .anim-icon-container canvas,
  .anim-icon-container img {
    width: auto !important;
  }
}

.offerSlider {
  width: 100%;
}

.list-text {
  position: relative;
  white-space: nowrap;
}

.list-text a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.portrait {
  display: none;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .portrait {
    display: block;
  }
}

.landscape {
  display: none;
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .landscape {
    display: block;
  }
}

.onlyDes {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .onlyDes {
    display: none !important;
  }
}

.onlyMob {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .onlyMob {
    display: block !important;
  }
}

.metoxika-block {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .metoxika-block {
    flex-direction: column;
  }
  .metoxika-block .half-cont {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .metoxika-block {
    flex-direction: column;
  }
  .metoxika-block .half-cont {
    width: 100%;
  }
}

section:nth-child(even) .metoxika-block {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  section:nth-child(even) .metoxika-block {
    flex-direction: column;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  section:nth-child(even) .metoxika-block {
    flex-direction: column;
  }
}

.fourofour {
  flex: 1 1 50%;
  position: relative;
  display: flex;
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .fourofour {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fourofour {
    padding-top: 30px;
    flex-direction: column;
  }
}

.fourofouricon {
  justify-content: center;
  align-items: center;
}
.fourofouricon .animation_container {
  align-self: center;
  width: auto !important;
  height: auto !important;
}
.fourofouricon .canvasError {
  align-self: center;
  max-width: 560px;
  width: 100% !important;
  height: auto !important;
  max-height: 572px;
}
.fourofouricon.full {
  width: 100%;
}

.fourofourtext {
  align-items: center;
  color: white;
}
@media only screen and (max-width: 767px) {
  .fourofourtext {
    flex: 1 1 100%;
  }
}
@media only screen and (max-width: 767px) {
  .fourofourtext .job-list-block.headblock {
    max-width: unset;
    width: 85%;
  }
}

.backgrounds {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.backgrounds:before {
  content: "";
  display: none;
}
@media only screen and (max-width: 767px) {
  .backgrounds:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    z-index: 1;
  }
}
.backgrounds img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .sOffer .backgrounds:before {
    display: none;
  }
}

.animated-icon-container {
  max-width: 523px;
  width: 46.6964285714vw;
  position: relative;
  height: 54.5535714286vw;
  max-height: 611px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .animated-icon-container {
    width: 68.696vw;
    height: 80.254vw;
  }
}
.animated-icon-container .theanim-icon-container {
  height: 54.5535714286vw;
  max-height: 611px;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  max-width: 523px;
  width: 46.6964285714vw;
}
@media only screen and (max-width: 767px) {
  .animated-icon-container .theanim-icon-container {
    width: 68.696vw;
    height: 80.254vw;
  }
}
.animated-icon-container .theanim-icon-container img {
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  width: 80%;
}
.animated-icon-container .thereveal-div {
  height: 0;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.animated-icon-container .the-back {
  width: inherit;
  height: inherit;
  transform: translateY(100%);
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.animated-icon-container.in-view .the-back {
  transform: translateY(0);
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.animated-icon-container.in-view .thereveal-div {
  height: 100%;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}
.animated-icon-container.in-view img {
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  transform: translateY(0px);
}

.anim-icon-containerr {
  width: 100% !important;
  height: 100% !important;
  max-height: 450px;
}
@media only screen and (max-width: 768px) {
  .anim-icon-containerr {
    max-height: 440px;
    height: 57.2916666667vw !important;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .anim-icon-containerr {
    max-height: 440px;
    height: 57.2916666667vw !important;
  }
}
.anim-icon-containerr canvas {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
@supports (-ms-ime-align: auto) {
  .anim-icon-containerr canvas {
    width: auto !important;
    height: 100% !important;
    -o-object-fit: contain;
       object-fit: contain;
    margin-left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}

.outerContainer.care.save {
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .outerContainer.care.save {
    align-self: unset;
  }
}

.alert-success, .form-message .alert-error, .form-message .alert-success {
  background: linear-gradient(45deg, #7b0008 0%, #9a0910 50%, #ba1118 100%);
  font-family: "CFDinCnBold", serif;
  letter-spacing: 1px;
  color: #ffffff;
  font-size: 20px;
  border-radius: 0;
  border: none;
}

ul.sharelist {
  display: flex;
  list-style: none;
  position: absolute;
  height: 60px;
  right: 0;
  bottom: 0;
  align-items: stretch;
  transform: translate(100%, 0) !important;
  width: 100%;
  background-color: white;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-top: solid 1px #d7d7d7;
  border-bottom: solid 1px #d7d7d7;
  border-left: solid 1px #d7d7d7;
  opacity: 0 !important;
  transition: all 0.3s ease-in-out;
  flex-direction: row;
}
ul.sharelist li {
  flex: 1 1 20%;
  display: flex;
  align-items: stretch;
  border-right: solid 1px #d7d7d7;
}
ul.sharelist li a:link,
ul.sharelist li a:visited {
  color: #313c77;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
ul.sharelist li a:link:hover,
ul.sharelist li a:visited:hover {
  color: white;
  background-color: #313c77;
  text-decoration: none;
}
ul.sharelist li .closeShare:link,
ul.sharelist li .closeShare:visited {
  background-image: url(../img/close-share-blue.png);
  background-position: center;
  background-repeat: no-repeat;
}
ul.sharelist li .closeShare:link:hover,
ul.sharelist li .closeShare:visited:hover {
  background-image: url(../img/close-share-white.png);
}
ul.sharelist.active {
  transform: translate(0, 0) !important;
  opacity: 1 !important;
}

.share.rainbow.hlekriko.pinanim.wside .text-block {
  margin-bottom: 0;
}

.newChecks {
  margin-bottom: 10px;
}
.newChecks .fv-plugins-message-container {
  top: -30px;
  position: relative;
  width: 100%;
}
.newChecks label {
  display: flex;
}
.newChecks a:link,
.newChecks a:visited {
  color: #808080;
  text-decoration: underline;
  font-size: 13px;
  display: inline-block;
  flex: 1 1 0;
}
.newChecks div {
  color: #808080;
  font-size: 13px;
  display: inline-block;
  flex: 1 1 0;
}

.input-block.thecheck {
  min-height: unset;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .input-block.thecheck {
    margin-bottom: 50px;
  }
}
.input-block.thecheck label {
  display: flex;
}
.input-block.thecheck a:link,
.input-block.thecheck a:visited {
  color: #313c77;
  text-decoration: underline;
  font-size: 13px;
  display: inline-block;
  white-space: normal;
  flex: 1 1 0;
}
.input-block.thecheck div:not(.error) {
  color: #313c77;
  font-size: 13px;
  display: inline-block;
  white-space: normal;
  flex: 1 1 0;
}

.umbraco-forms-page,
.umbraco-forms-fieldset,
.questionnaire,
.questionnaire > form {
  max-width: 1370px;
  width: 100%;
}

.fancybox-stage #gdpr-text h4 {
  visibility: hidden;
}

.fancybox-stage #terms-text h4 {
  visibility: hidden;
}

.theText {
  font-size: 13px;
  color: #0d1e3f;
  flex: 1 1 255px;
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .theText {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    flex: 1 1 auto;
    font-size: 16px;
    transform: translateY(0);
  }
}

.arrowScroll {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0) scaleX(1);
  z-index: 10;
  width: 15px;
  animation: rotateme 1.55s ease-in-out infinite alternate forwards;
}

@keyframes rotateme {
  0% {
    transform: translate(-50%, 0) scaleY(1);
  }
  50% {
    transform: translate(-50%, -20px) scaleY(1);
  }
  100% {
    transform: translate(-50%, 0) scaleY(1);
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .thered {
    padding: 50px 0 !important;
  }
}
.thered .text-block h2,
.thered .text-block .h2,
.thered h2.sliderSingleTitle,
.thered .h2.sliderSingleTitle {
  color: #bc1622;
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
  .theblue {
    padding: 50px 0 !important;
  }
}
.theblue .text-block h2,
.theblue .text-block .h2,
.theblue h2.sliderSingleTitle,
.theblue .h2.sliderSingleTitle {
  color: #313c77 !important;
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
  .thegreen {
    padding: 50px 0 !important;
  }
}
.thegreen .text-block h2,
.thegreen .text-block .h2,
.thegreen h2.sliderSingleTitle,
.thegreen .h2.sliderSingleTitle {
  color: #0bb975;
}

.metra-block {
  background-color: #750a0f !important;
}
.metra-block .innerContainer.full {
  width: 100%;
  margin: 0;
  max-width: unset;
}
.metra-block .single-block {
  max-width: 1158px;
  width: 80%;
  margin: auto;
}
.metra-block .single-block .line {
  border-color: #ba1118 !important;
}
.metra-block .single-block .mybut .line {
  border-color: white !important;
}
.metra-block .single-block p {
  color: white;
}

.like404 {
  position: relative;
}
@media only screen and (orientation: landscape) {
  .like404 {
    height: 90vh;
    max-height: 800px;
    width: 100%;
  }
}
@media only screen and (orientation: portrait) {
  .like404 {
    height: 40vh;
    max-height: 370px;
    width: 100%;
    min-height: 230px;
  }
}
.like404 img {
  max-height: 800px;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (orientation: portrait) {
  .like404 img {
    max-height: 550px;
  }
}

.photovoltaika-text {
  max-width: 1090px;
  margin: 0 auto;
  width: 90%;
}
@media only screen and (max-width: 768px) {
  .photovoltaika-text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .photovoltaika-text {
    padding: 45px 0;
  }
}
.photovoltaika-text p {
  color: white !important;
}

.form-message {
  position: relative;
  z-index: 10;
  top: -30px;
}
.form-message .alert-success, .form-message .alert-error {
  color: #3c763d;
  background: #dff0d8;
  border-color: #d6e9c6;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  position: absolute;
  pointer-events: none;
  width: 100%;
  display: block;
}
.form-message .alert-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  position: absolute;
  pointer-events: none;
  width: 100%;
  display: block;
}
.form-message.send .alert-success, .form-message.send .alert-error {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
.form-message.send .alert-error {
  opacity: 0;
}
.form-message.notSend .alert-error {
  opacity: 1 !important;
  transition: opacity 0.25s ease-in-out;
}
.form-message.notSend .alert-success, .form-message.notSend .alert-error {
  opacity: 0;
}

p a:link,
p a:visited {
  text-decoration: underline;
  color: inherit;
}

.aitisiaField,
.epaitisiaField {
  display: none;
}
.aitisiaField.active,
.epaitisiaField.active {
  display: flex !important;
}

h2.sliderSingleTitle,
.h2.sliderSingleTitle {
  font-size: 58px;
  line-height: 52px;
  position: relative;
  white-space: normal;
  left: 8.33333vw;
  max-width: 390px;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  h2.sliderSingleTitle,
  .h2.sliderSingleTitle {
    left: 160px;
  }
}
@media only screen and (max-width: 767px) {
  h2.sliderSingleTitle,
  .h2.sliderSingleTitle {
    font-size: 34px !important;
    line-height: 30px !important;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: left;
    left: 0;
  }
}

body.search-results section:first-child {
  padding-bottom: 0px;
}

.interviewThanks {
  font-size: 33px;
  line-height: 34px;
  color: #313c77;
}

@media only screen and (max-width: 767px) {
  .thejobsChange .filters-title {
    margin-bottom: 20px;
  }
}

.download-bts {
  display: flex;
}
.download-bts a.download-bt {
  display: block;
  max-width: 176px;
  opacity: 1;
  transition: opacity 0.2s ease;
  margin-right: 20px;
}
.download-bts a.download-bt:hover {
  opacity: 0.8;
}

#footer .footer-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 935px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding-top: min(2.8125em, max(1.5625em, 2.8125vw));
  margin-top: min(3.125em, max(1.5625em, 3.125vw));
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
#footer .footer-download::before {
  content: "";
  height: 2px;
  width: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
#footer .footer-download.active::before {
  width: 100%;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}
@media only screen and (max-width: 1799px) {
  #footer .footer-download {
    max-width: 805px;
  }
  #footer .footer-download h3 {
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 1199px) {
  #footer .footer-download {
    flex-direction: column;
    row-gap: 20px;
  }
}
#footer .footer-download .footer-app-logo {
  max-width: 223px;
}
#footer .footer-download h3 {
  font-size: min(1.9375rem, max(1.75rem, 1.9375vw));
  text-align: center;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .myheronapp .arrowScroll {
    display: none;
  }
}
.myheronapp #first .outerContainer {
  max-width: 1360px;
}
.myheronapp .desc-contents {
  color: #fff;
}
.myheronapp .desc-contents .myheronapp-logo {
  max-width: min(320px, 100%);
}
.myheronapp .desc-contents h2,
.myheronapp .desc-contents .h2,
.myheronapp .desc-contents h1 {
  font-size: min(3.625rem, max(2.125rem, 3.625vw));
  line-height: 0.8965517241em;
  letter-spacing: 0.0172413793em;
  margin-top: 0.5172413793em;
  margin-bottom: 0.5172413793em;
}
.myheronapp .desc-contents .hero-description {
  font-size: 0.8125rem;
  line-height: 1.5384615385em;
}
.myheronapp .desc-contents .download-ct {
  margin-top: min(100px, max(50px, 6.25vw));
}
.myheronapp .desc-contents .download-ct h3 {
  font-size: min(1.5rem, max(1.125rem, 1.5vw));
  margin-bottom: 0.8333333333em;
}
.myheronapp .slider-section {
  background-color: #9b9fcc;
}
.myheronapp .slider-section .swiper-button-prev,
.myheronapp .slider-section .swiper-button-next {
  border: 1px solid #fff;
  position: relative;
}
.myheronapp .slider-section .swiper-button-prev.mybut {
  margin-right: 25px;
  transform: rotate(180deg);
}
.myheronapp .slider-section .slider-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .myheronapp .slider-section .slider-container {
    flex-direction: column;
  }
}
.myheronapp .slider-section .swiper-contents {
  align-self: center;
  margin-top: max(-96px, min(-30px, -6vw));
  flex-shrink: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .myheronapp .slider-section .swiper-contents {
    margin-left: 0;
  }
}
.myheronapp .slider-section .mobile-screens-slider {
  max-width: 532px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.myheronapp .slider-section .nav-ct {
  position: relative;
  z-index: 1;
  display: flex;
  left: -10px;
}
@media only screen and (max-width: 767px) {
  .myheronapp .slider-section .nav-ct {
    left: 0;
    justify-content: center;
  }
}
.myheronapp .slider-section .slide-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 96px;
}
.myheronapp .slider-section .slide-description {
  max-width: 400px;
  opacity: 0;
  max-height: 0;
  transform: scale(0);
  transition: opacity 0.8s ease;
  color: #fff;
}
.myheronapp .slider-section .slide-description h2,
.myheronapp .slider-section .slide-description .h2,
.myheronapp .slider-section .slide-description h1 {
  font-size: min(3.4375rem, max(2.125rem, 3.4375vw));
  line-height: 0.9454545455em;
  margin-bottom: 0.6727272727em;
  min-height: 0.9090909091em;
}
.myheronapp .slider-section .slide-description .desc {
  font-size: min(0.8125rem, max(0.8125rem, 0.8125vw));
  margin-bottom: 3.0769230769em;
  min-height: 5.8846153846em;
}
.myheronapp .slider-section .slide-description.active {
  max-height: unset;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.8s ease;
}
.myheronapp .slider-section .screen-picture {
  max-width: 300px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .myheronapp .slider-section .screen-picture img {
    max-height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .myheronapp .slider-section .screen-picture img {
    height: 83.4905660377vw;
  }
}
.myheronapp .slider-section .screen-picture::after {
  content: "";
  width: 50%;
  height: 3px;
  background-color: #000;
  bottom: max(-75px, min(-30px, -4.6875vw));
  display: block;
  position: relative;
  filter: blur(10px);
  left: 50%;
  transform: translateX(-50%);
}
.myheronapp .description-section {
  background-color: #4c539e;
  color: #fff;
  min-height: unset;
  padding: min(5.3125em, max(2.8125em, 5.3125vw)) 0;
}
.myheronapp .description-section .centered-text {
  font-size: min(0.8125rem, max(0.8125rem, 0.8125vw));
  line-height: 1.6923076923em;
  max-width: 67.5384615385em;
  margin: 0 auto;
  opacity: 0;
}
.myheronapp .description-section .centered-text.active {
  opacity: 1;
  transition: all 0.4s ease;
}
.myheronapp .download-section {
  background-color: #1e246c;
  color: #fff;
  min-height: unset;
}
.myheronapp .download-section .outerContainer {
  max-width: 1370px;
}
.myheronapp .download-section .flex-ct {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media only screen and (max-width: 767px) {
  .myheronapp .download-section .flex-ct {
    flex-direction: column;
  }
}
.myheronapp .download-section h2,
.myheronapp .download-section .h2,
.myheronapp .download-section h1 {
  font-size: min(3.625rem, max(2.125rem, 3.625vw));
  line-height: 0.8965517241em;
  letter-spacing: 0.0333333333em;
  margin-bottom: 0.775862069em;
}
.myheronapp .download-section .text {
  font-size: min(0.8125rem, max(0.8125rem, 0.8125vw));
  line-height: 1.6923076923em;
  max-width: 53.6153846154em;
}

.main-menu .submenu > li:not(:first-child):not(:last-child) {
  background-image: url(/img/ecoEnergy-button-back.jpg);
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}

.main-menu .submenu > li:not(:first-child):not(:last-child) .list-menu a:link,
.main-menu .submenu > li:not(:first-child):not(:last-child) .list-menu a:visited {
  color: #009978 !important;
}

.fotovoltaika section#second {
  height: auto;
  min-height: unset;
  background-color: #313c77;
  padding: 7.7777777778em 0 10em;
  font-size: 1.125rem;
  display: none;
}
.fotovoltaika section#third .text-block {
  color: #0bb975;
}
.fotovoltaika section#third .text-block p {
  color: #24242a;
}
.fotovoltaika section#third .text-block h2,
.fotovoltaika section#third .text-block .h2,
.fotovoltaika section#third .text-block h1 {
  font-size: 3.625rem;
  margin-bottom: 0.775862069em;
  margin-top: 0.2931034483em;
  line-height: 0.8975862069em;
}
@media only screen and (max-width: 768px) {
  .fotovoltaika section#third .text-block h2,
  .fotovoltaika section#third .text-block .h2,
  .fotovoltaika section#third .text-block h1 {
    font-size: 45px;
  }
}
.fotovoltaika section#third .text-block h2:before,
.fotovoltaika section#third .text-block .h2:before,
.fotovoltaika section#third .text-block h1:before {
  display: none;
}
.fotovoltaika section#fourth .text-block {
  color: #313c77;
}
.fotovoltaika section#fourth .text-block p {
  color: #24242a;
}
.fotovoltaika section#fourth .text-block h2,
.fotovoltaika section#fourth .text-block .h2,
.fotovoltaika section#fourth .text-block h1 {
  font-size: 3.625rem;
  margin-bottom: 0.775862069em;
  margin-top: 0.2931034483em;
  line-height: 0.8975862069em;
}
@media only screen and (max-width: 768px) {
  .fotovoltaika section#fourth .text-block h2,
  .fotovoltaika section#fourth .text-block .h2,
  .fotovoltaika section#fourth .text-block h1 {
    font-size: 45px;
  }
}
.fotovoltaika section#fourth .text-block h2:before,
.fotovoltaika section#fourth .text-block .h2:before,
.fotovoltaika section#fourth .text-block h1:before {
  display: none;
}
.fotovoltaika section#fifth .text-block {
  color: #0bb975;
}
.fotovoltaika section#fifth .text-block p {
  color: #24242a;
}
.fotovoltaika section#fifth .text-block h2,
.fotovoltaika section#fifth .text-block .h2,
.fotovoltaika section#fifth .text-block h1 {
  font-size: 3.625rem;
  margin-bottom: 0.775862069em;
  margin-top: 0.2931034483em;
  line-height: 0.8975862069em;
}
@media only screen and (max-width: 768px) {
  .fotovoltaika section#fifth .text-block h2,
  .fotovoltaika section#fifth .text-block .h2,
  .fotovoltaika section#fifth .text-block h1 {
    font-size: 45px;
  }
}
.fotovoltaika section#fifth .text-block h2:before,
.fotovoltaika section#fifth .text-block .h2:before,
.fotovoltaika section#fifth .text-block h1:before {
  display: none;
}
.fotovoltaika section#sixth .h2,
.fotovoltaika section#sixth h1 {
  font-size: 3.625rem;
  line-height: 0.8em;
  margin-bottom: 0.775862069em;
}

.ecoheat section#second {
  height: auto;
  min-height: unset;
  background-color: #313c77;
  padding: 7.7777777778em 0 10em;
  font-size: 1.125rem;
  display: none;
}
.ecoheat section#third .text-block {
  color: #313c77;
}
.ecoheat section#third .text-block p {
  color: #24242a;
}
.ecoheat section#third .text-block h2,
.ecoheat section#third .text-block .h2,
.ecoheat section#third .text-block h1 {
  font-size: 3.625rem;
  margin-bottom: 0.775862069em;
  margin-top: 0.2931034483em;
  line-height: 0.8975862069em;
}
@media only screen and (max-width: 768px) {
  .ecoheat section#third .text-block h2,
  .ecoheat section#third .text-block .h2,
  .ecoheat section#third .text-block h1 {
    font-size: 45px;
  }
}
.ecoheat section#third .text-block h2:before,
.ecoheat section#third .text-block .h2:before,
.ecoheat section#third .text-block h1:before {
  display: none;
}
.ecoheat section#third .the-back {
  background-color: #0bb975 !important;
}
.ecoheat section#fourth .text-block {
  color: #313c77;
}
.ecoheat section#fourth .text-block p {
  color: #24242a;
}
.ecoheat section#fourth .text-block h2,
.ecoheat section#fourth .text-block .h2,
.ecoheat section#fourth .text-block h1 {
  font-size: 3.625rem;
  margin-bottom: 0.775862069em;
  margin-top: 0.2931034483em;
  line-height: 0.8975862069em;
}
@media only screen and (max-width: 768px) {
  .ecoheat section#fourth .text-block h2,
  .ecoheat section#fourth .text-block .h2,
  .ecoheat section#fourth .text-block h1 {
    font-size: 45px;
  }
}
.ecoheat section#fourth .text-block h2:before,
.ecoheat section#fourth .text-block .h2:before,
.ecoheat section#fourth .text-block h1:before {
  display: none;
}
.ecoheat section#fifth .text-block {
  color: #313c77;
}
.ecoheat section#fifth .text-block p {
  color: #24242a;
}
.ecoheat section#fifth .text-block h2,
.ecoheat section#fifth .text-block .h2,
.ecoheat section#fifth .text-block h1 {
  font-size: 3.625rem;
  margin-bottom: 0.775862069em;
  margin-top: 0.2931034483em;
  line-height: 0.8975862069em;
}
@media only screen and (max-width: 768px) {
  .ecoheat section#fifth .text-block h2,
  .ecoheat section#fifth .text-block .h2,
  .ecoheat section#fifth .text-block h1 {
    font-size: 45px;
  }
}
.ecoheat section#fifth .text-block h2:before,
.ecoheat section#fifth .text-block .h2:before,
.ecoheat section#fifth .text-block h1:before {
  display: none;
}
.ecoheat section#sixth .h2,
.ecoheat section#sixth h1 {
  font-size: 3.625rem;
  line-height: 0.8em;
  margin-bottom: 0.775862069em;
}

.purpleMix.main.offer .back-fix-container {
  right: 0;
  left: 50%;
}
.purpleMix.main.offer .back-fix-container .back-fix {
  text-align: right;
}

#CybotCookiebotDialog table {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

table.table-text-black {
  color: black !important;
}
table.table-text-black tbody,
table.table-text-black th,
table.table-text-black tr,
table.table-text-black td {
  color: black !important;
}

.info-popup {
  background-color: #313c77;
  color: #ffffff;
  padding: 10px;
  font-size: 1.8125rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .info-popup {
    max-width: 750px;
    font-size: 1.8125rem;
  }
}
.info-popup .fancybox-close-small {
  background-color: #313c77;
  top: 28px;
  right: 23px;
}
.info-popup .popup-content {
  border: 1px solid #bb1117;
  padding: 16px;
}
@media only screen and (min-width: 768px) {
  .info-popup .popup-content {
    padding: 16px 43px 28px 22px;
  }
}
.info-popup .popup-content a {
  color: inherit;
  font-weight: bolder;
  text-decoration: underline;
}
.info-popup .popup-content p:last-child {
  margin-bottom: 0;
}
.info-popup .info-icon img {
  width: 228px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .info-popup .info-icon img {
    width: 167px;
    margin-bottom: 20px;
  }
}
.info-popup .info-footer {
  margin-top: 40px;
  font-size: 1rem;
}

body.vibes {
  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@600&display=swap");
}
body.vibes section#first {
  background-color: #2d1159;
  display: block;
  background: url("../img/all-vibes-desktop.png") no-repeat center center/cover;
}
@media only screen and (max-width: 500px) {
  body.vibes section#first {
    background-color: #2d1159;
    background-image: url("../img/all-vibes-mobile.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
  }
}
body.vibes section#first .landing-container {
  height: 100%;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  justify-content: center;
}
body.vibes section#first .landing-container .outerContainer {
  font-size: min(35px, max(21px, 1.8229166667vw));
  width: 100%;
  justify-content: center;
  margin-bottom: 1.4285714286em;
  padding-inline: 15px;
}
body.vibes section#first .landing-container .outerContainer .headblock {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
body.vibes section#first .landing-container .outerContainer .headblock h2,
body.vibes section#first .landing-container .outerContainer .headblock .h2,
body.vibes section#first .landing-container .outerContainer .headblock h1 {
  font-size: min(58px, max(48px, 3.0208333333vw));
  text-transform: uppercase;
}
body.vibes section#first .landing-container .outerContainer .headblock p {
  width: 100%;
  max-width: 474px;
  font-size: min(18px, max(14px, 0.9375vw));
  margin-inline: auto;
  margin-bottom: 3.0555555556em;
}
body.vibes section#second {
  font-family: "Manrope", sans-serif;
  line-height: normal;
  background-color: #5e26b3;
  display: flex;
  align-items: center;
  min-height: unset;
  max-height: 1096px;
}
body.vibes section#second .outerContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1199px) {
  body.vibes section#second .outerContainer {
    grid-template-columns: 1fr;
  }
}
body.vibes section#second .outerContainer .text-block {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#second .outerContainer .text-block {
    margin-inline: auto;
    text-align: center;
    width: 100%;
  }
  body.vibes section#second .outerContainer .text-block p {
    margin-inline: auto;
  }
}
body.vibes section#second .outerContainer .text-block__inner .h2,
body.vibes section#second .outerContainer .text-block__inner h1 {
  text-transform: uppercase;
  font-size: min(58px, max(48px, 3.0208333333vw));
  line-height: 0.9;
  width: 100%;
  max-width: 235px;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#second .outerContainer .text-block__inner .h2,
  body.vibes section#second .outerContainer .text-block__inner h1 {
    max-width: unset;
  }
}
body.vibes section#second .outerContainer .text-block__inner .h2::before,
body.vibes section#second .outerContainer .text-block__inner h1::before {
  content: none !important;
}
body.vibes section#second .outerContainer .text-block__inner p {
  font-size: min(13px, max(12px, 0.6770833333vw));
  width: 100%;
  font-family: "Roboto Slab", serif;
  max-width: 358px;
}
body.vibes section#second .outerContainer .text-block__inner .mybut {
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-inline: 25px;
  font-family: "Roboto Slab", serif;
}
body.vibes section#second .outerContainer .text-block__inner .mybut:hover {
  color: #5e26b3;
}
body.vibes section#second .outerContainer .text-block__inner .mybut:hover span {
  z-index: 1;
  position: relative;
  font-family: "Roboto Slab", serif;
}
body.vibes section#second .outerContainer .text-block__inner .mybut:after {
  content: none;
}
body.vibes section#second .outerContainer .vibes-animation-container {
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  body.vibes section#second .outerContainer .vibes-animation-container {
    max-width: 81.33333vw;
  }
}
body.vibes section#second .outerContainer .scene {
  --schene-color: var(--baseColor);
  --manrope: "Manrope", sans-serif;
  width: 100%;
  min-height: 450px;
  aspect-ratio: 986/749;
  perspective: 2600px;
  border: none;
  background-color: transparent;
  display: flex;
  margin-top: 50px;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#second .outerContainer .scene {
    margin-inline: auto;
  }
}
body.vibes section#second .outerContainer .scene.active {
  visibility: visible;
}
body.vibes section#second .outerContainer .card {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border: none;
  transform-style: preserve-3d;
  scale: 0.93;
}
body.vibes section#second .outerContainer .card__image {
  width: 71.3995943205%;
  aspect-ratio: 704/676;
  min-height: 405px;
  border-radius: 50px;
  overflow: hidden;
  display: block;
  margin-inline: auto;
  margin-block-start: auto;
}
body.vibes section#second .outerContainer .card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.vibes section#second .outerContainer .card__face {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  backface-visibility: hidden;
  --schene-color: var(--baseColor);
  --manrope: "Manrope", sans-serif;
}
body.vibes section#second .outerContainer .card__face.chill {
  --baseColor: #cb0eff;
}
body.vibes section#second .outerContainer .card__face.active {
  --baseColor: #ff5e1f;
}
body.vibes section#second .outerContainer .card__face.explorer {
  --baseColor: #0dbcff;
}
body.vibes section#second .outerContainer .card__face.tech {
  --baseColor: #ff0b40;
}
body.vibes section#second .outerContainer .card__face.echo {
  --baseColor: #09d943;
}
body.vibes section#second .outerContainer .card__face .halfPill {
  font-family: var(--manrope);
  font-weight: 600;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
}
body.vibes section#second .outerContainer .card__face .halfPill.text-large {
  border-top-left-radius: 2.0833333333em;
  border-bottom-right-radius: 2.0833333333em;
  color: #fff;
  padding-block-start: 1.125em;
  padding-block-end: 1.4583333333em;
  padding-inline: 1.0416666667em;
  font-size: min(1.5rem, 4.8879837067cqw);
  background-color: var(--schene-color);
}
body.vibes section#second .outerContainer .card__face .halfPill.text-large .halfPill__text {
  max-width: 257px;
  width: 100%;
}
body.vibes section#second .outerContainer .card__face .halfPill.text-small {
  border-top-left-radius: 2.7777777778em;
  border-bottom-right-radius: 2.7777777778em;
  color: #eda638;
  padding-block: 1.3333333333em;
  padding-inline: 2.5em;
  font-size: min(1.125rem, 3.66598778cqw);
  background-color: #2d1159;
  width: -moz-min-content;
  width: min-content;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}
body.vibes section#second .outerContainer .card__face .halfPill.text-small .halfPill__text {
  white-space: nowrap;
  text-align: center;
}
body.vibes section#second .outerContainer .card__face .halfPill.text-small .Thunder_Burn {
  height: 3.0555555556em;
  width: 2.1111111111em;
  display: block;
}
body.vibes section#second .outerContainer .card__face .halfPill.text-small .Thunder_Burn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
body.vibes section#second .outerContainer .card__face .halfPill__icon--round {
  width: 1.756097561em;
  height: 1.756097561em;
  border-radius: 50%;
  background-color: #fff;
  color: var(--schene-color);
  font-size: 1.7083333333em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.vibes section#second .outerContainer .card__face--front {
  transform: rotateY(0deg) rotateX(6deg) rotate(4deg);
  transform-style: preserve-3d;
  container-type: inline-size;
}
body.vibes section#second .outerContainer .card__face--front .top-left {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  grid-template-columns: 9.7363083164cqw 1fr auto;
  grid-template-rows: auto 12px auto;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  container-type: inline-size;
  width: max(250px, 49.7971602434cqw);
}
body.vibes section#second .outerContainer .card__face--front .top-left .top-left-top {
  grid-row: 1/span 2;
  grid-column: 2/span 2;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card__face--front .top-left .top-left-left {
  grid-row: 2/span 2;
  grid-column: 1/span 2;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card__face--front .bottom-right {
  position: absolute;
  bottom: 60px;
  right: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: max(170px, 30.7302231237cqw);
  container-type: inline-size;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card__face--back {
  transform: rotateY(180deg) rotateX(6deg) rotate(4deg);
  transform-style: preserve-3d;
  container-type: inline-size;
}
body.vibes section#second .outerContainer .card__face--back .top-left {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  grid-template-columns: 9.7363083164cqw 1fr auto;
  grid-template-rows: auto 12px auto;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  container-type: inline-size;
  width: max(250px, 49.7971602434cqw);
}
body.vibes section#second .outerContainer .card__face--back .top-left .top-left-top {
  grid-row: 1/span 2;
  grid-column: 2/span 2;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card__face--back .top-left .top-left-left {
  grid-row: 2/span 2;
  grid-column: 1/span 2;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card__face--back .bottom-right {
  position: absolute;
  bottom: 60px;
  right: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: max(170px, 30.7302231237cqw);
  container-type: inline-size;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card .pill {
  border-radius: 45px;
  padding-block: 12px;
  padding-inline: 17px;
  display: flex;
  align-items: center;
  gap: 11px;
  align-self: flex-start;
  background-color: white;
  min-width: 88.7788778878cqw;
  max-height: 90px;
  font-size: 5.2805280528cqw;
  position: relative;
  backface-visibility: hidden;
}
body.vibes section#second .outerContainer .card .pill.right-from-bottom-first {
  background-color: var(--schene-color);
  color: #fff;
  font-family: var(--manrope);
  font-weight: 600;
  min-width: unset;
}
body.vibes section#second .outerContainer .card .pill .priceTag {
  color: #fff;
  background-color: var(--schene-color);
  width: 2.7916666667em;
  height: 2.7916666667em;
  border-radius: 1.4166666667em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--manrope);
  font-size: 1.5em;
  font-weight: 800;
}
body.vibes section#second .outerContainer .card .pill header {
  color: var(--schene-color);
  font-family: var(--manrope);
}
body.vibes section#second .outerContainer .card .pill .offerh1 {
  font-size: 0.9375em;
  margin: 0;
}
body.vibes section#second .outerContainer .card .pill .offerh2 {
  font-size: 0.75em;
  margin: 0;
}
body.vibes section#second .outerContainer .card .pill .points {
  margin-top: 1em;
  font-size: 0.75rem;
  color: #4a1d8d;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
body.vibes section#second .outerContainer span.staggerEl {
  display: inline-block;
}
body.vibes section#third {
  background-color: #2d1159;
  height: -moz-min-content;
  height: min-content;
  min-height: -moz-min-content;
  min-height: min-content;
  overflow-x: hidden;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 70px;
}
@media only screen and (max-width: 500px) {
  body.vibes section#third {
    row-gap: 100px;
  }
}
body.vibes section#third .overlay-box {
  @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap");
  max-width: 551px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -moz-fit-content;
  height: fit-content;
  padding: 15px;
}
body.vibes section#third .overlay-box .text-block {
  margin-bottom: 0;
  background-color: #6729c6;
  padding: 41px 36px 30px 36px;
  border-radius: 40px 0 40px 0;
}
@media only screen and (max-width: 500px) {
  body.vibes section#third .overlay-box .text-block {
    padding: 20.5px 18px 15px 18px;
  }
}
body.vibes section#third .overlay-box .text-block__inner {
  text-align: center;
}
body.vibes section#third .overlay-box .text-block__inner p {
  font-family: "Roboto Slab", serif;
  font-size: min(22px, max(18px, 1.1458333333vw));
  line-height: normal;
  margin-bottom: 1.3181818182em;
}
@media only screen and (max-width: 500px) {
  body.vibes section#third .overlay-box .text-block__inner p {
    font-size: 16px;
  }
}
body.vibes section#third .overlay-box .text-block__inner .mybut {
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 15px;
  height: -moz-fit-content;
  height: fit-content;
}
body.vibes section#third .overlay-box .text-block__inner .mybut:hover {
  color: #5e26b3;
}
body.vibes section#third .overlay-box .text-block__inner .mybut:hover span {
  z-index: 1;
  position: relative;
}
body.vibes section#third .overlay-box .text-block__inner .mybut:after {
  content: none;
}
body.vibes section#third .text-marquee .marquee-div {
  animation: move-right-to-left linear 30s infinite;
}
body.vibes section#third .text-marquee .marquee-div .marquee {
  white-space: nowrap;
  margin: 0;
  font-family: "CF Din Condensed";
  font-size: min(125px, max(90px, 6.5104166667vw));
  font-weight: lighter;
  text-transform: uppercase;
  color: rgba(94, 38, 179, 0.37);
}
@keyframes move-right-to-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
body.vibes section#third .brands-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  display: flex;
  align-items: center;
}
body.vibes section#third .brands-swiper .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
body.vibes section#third .brands-swiper .swiper-slide img {
  width: 100%;
  max-width: 215px;
  min-width: 70px;
  margin-inline: auto;
  opacity: 0.75;
}
body.vibes section#fourth {
  background-color: #5e26b3;
}
body.vibes section#fourth .outerContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 1370px;
  padding-inline: 40px;
  height: 100vh;
  min-height: unset;
  max-height: 1220px;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#fourth .outerContainer {
    grid-template-columns: 1fr;
    padding-inline: 30px;
  }
}
body.vibes section#fourth .outerContainer .text-block {
  position: relative;
  margin-block: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#fourth .outerContainer .text-block {
    text-align: center;
  }
  body.vibes section#fourth .outerContainer .text-block p {
    margin-inline: auto;
  }
}
body.vibes section#fourth .outerContainer .text-block__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  background-color: #5e26b3;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #5e26b3;
}
body.vibes section#fourth .outerContainer .text-block__inner .h2,
body.vibes section#fourth .outerContainer .text-block__inner h1 {
  text-transform: uppercase;
  font-size: min(58px, max(48px, 3.0208333333vw));
  line-height: 0.9;
  width: 100%;
  max-width: 235px;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#fourth .outerContainer .text-block__inner .h2,
  body.vibes section#fourth .outerContainer .text-block__inner h1 {
    max-width: unset;
  }
}
body.vibes section#fourth .outerContainer .text-block__inner .h2::before,
body.vibes section#fourth .outerContainer .text-block__inner h1::before {
  content: none !important;
}
body.vibes section#fourth .outerContainer .text-block__inner p {
  font-size: min(13px, max(12px, 0.6770833333vw));
  width: 100%;
  max-width: 358px;
}
body.vibes section#fourth .outerContainer .text-block__inner .mybut {
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 25px;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 1199px) {
  body.vibes section#fourth .outerContainer .text-block__inner .mybut {
    margin-inline: auto;
  }
}
body.vibes section#fourth .outerContainer .text-block__inner .mybut:hover {
  color: #5e26b3;
}
body.vibes section#fourth .outerContainer .text-block__inner .mybut:hover span {
  z-index: 1;
  position: relative;
}
body.vibes section#fourth .outerContainer .text-block__inner .mybut:after {
  content: none;
}
body.vibes section#fourth .outerContainer .cards-container {
  position: relative;
  height: 100%;
}
body.vibes section#fourth .outerContainer .cards-container .card-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  max-width: 506px;
  border-radius: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.319);
}
@media only screen and (max-width: 1199px) {
  body.vibes section#fourth .outerContainer .cards-container .card-item {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
body.vibes section#fourth .outerContainer .cards-container .card-item img {
  width: 100%;
  border-radius: 40px;
  margin-inline: auto;
}
body.vibes #fifth {
  position: relative;
  background-color: #5e26b3;
  min-height: unset;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: -1px;
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 1200px) {
  body.vibes #fifth {
    padding-top: 0;
  }
}
body.vibes #fifth::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50%;
  background-color: #2d1159;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth::before {
    min-height: -moz-max-content;
    min-height: max-content;
  }
}
body.vibes #fifth .banners-container {
  width: 100%;
  max-width: 1370px;
  padding-inline: 40px;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container {
    padding-inline: 30px;
  }
}
body.vibes #fifth .banners-container__inner {
  width: 100%;
  position: relative;
}
body.vibes #fifth .banners-container__inner .banner {
  --schene-color: var(--baseColor);
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container__inner .banner {
    flex-direction: column;
  }
}
body.vibes #fifth .banners-container__inner .banner.chill {
  --baseColor: #cb0eff;
}
body.vibes #fifth .banners-container__inner .banner.active {
  --baseColor: #ff5e1f;
}
body.vibes #fifth .banners-container__inner .banner.explorer {
  --baseColor: #0dbcff;
}
body.vibes #fifth .banners-container__inner .banner.tech {
  --baseColor: #ff0b40;
}
body.vibes #fifth .banners-container__inner .banner.echo {
  --baseColor: #09d943;
}
body.vibes #fifth .banners-container__inner .banner .left-side {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container__inner .banner .left-side {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container {
  font-size: min(19px, max(16px, 0.9895833333vw));
  border-radius: 40px 0 40px 0;
  display: grid;
  grid-template-columns: 9.6842105263em 2.4736842105em 7.2631578947em;
  grid-template-rows: 1.0526315789em 2.8421052632em 1.0526315789em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container {
    font-size: min(14.5px, max(12px, 1.5846538782vw));
    grid-template-columns: 10.8965517241em 3.2413793103em 9.5172413793em;
    grid-template-rows: 1.3793103448em 3.724137931em 1.3793103448em;
  }
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .congrats {
  font-size: min(19px, max(16px, 0.9895833333vw));
  border-radius: 2.1052631579em 0 2.1052631579em 0;
  background-color: var(--schene-color);
  color: white;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.7368421053em;
       column-gap: 0.7368421053em;
  grid-column: 1/3;
  grid-row: 1/3;
  padding: 1em 0 0.5789473684em 1.6842105263em;
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .congrats p {
  font-size: min(19px, max(16px, 0.9895833333vw));
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .congrats p {
    font-size: 14.5px;
  }
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .congrats span {
  font-size: min(19px, max(16px, 0.9895833333vw));
  width: 2.3684210526em;
  height: 2.3684210526em;
  border-radius: 50%;
  background-color: #fff;
  color: var(--schene-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 500px) {
  body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .congrats span {
    width: 30px;
    height: 30px;
  }
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .points {
  font-size: 14.5px;
  border-radius: 40px 0 40px 0;
  grid-column: 2/4;
  grid-row: 2/-1;
  background-color: #2d1159;
  color: #eda638;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 100%;
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .points p {
  font-size: 14.5px;
  margin: 0;
}
body.vibes #fifth .banners-container__inner .banner .left-side .top-overlay-container .points img {
  font-size: min(19px, max(16px, 0.9895833333vw));
  width: 1.2631578947em;
}
body.vibes #fifth .banners-container__inner .banner .right-side {
  background-color: var(--schene-color);
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 0 40px 40px 0;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container__inner .banner .right-side {
    border-radius: 0 0 40px 40px;
    width: 100%;
    max-width: 563px;
    margin-inline: auto;
    padding-block: 20px;
  }
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner {
  color: white;
  margin-inline: auto;
  padding-inline: 20px;
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .offers {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  color: #eda638;
  background-color: #2d1159;
  padding: 10px 18px;
  border-radius: 40px;
}
@media only screen and (max-width: 768px) {
  body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .offers {
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 360px) {
  body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .offers {
    font-size: min(12px, 3.3333333333vw);
    padding: 0.8333333333em 0.8333333333em;
    border-radius: 3.3333333333em;
  }
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner h3.brand-title {
  margin-top: 1.1666666667em;
  font-weight: 400;
  text-transform: uppercase;
  font-size: min(32px, max(28px, 1.6666666667vw));
}
@media only screen and (max-width: 500px) {
  body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner h3.brand-title {
    font-size: min(28px, 5.6vw);
    margin-top: 1.6071428571em;
  }
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .h2,
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner h1 {
  text-transform: uppercase;
  font-size: min(55px, max(46px, 2.8645833333vw));
  line-height: 0.9;
  width: 100%;
  max-width: none;
}
@media only screen and (max-width: 500px) {
  body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .h2,
  body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner h1 {
    font-size: min(46px, 9.2vw);
  }
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .h2::before,
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner h1::before {
  content: none !important;
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner p {
  font-size: min(14.5px, max(12px, 0.7552083333vw));
  width: 100%;
  max-width: none;
  margin-bottom: 2.0689655172em;
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .mybut {
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 15px;
  height: -moz-fit-content;
  height: fit-content;
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .mybut span {
  font-size: min(18px, max(16px, 0.9375vw));
}
@media only screen and (max-width: 500px) {
  body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .mybut span {
    font-size: min(16px, max(12px, 3.2vw));
  }
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .mybut:hover {
  color: #5e26b3;
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .mybut:hover span {
  z-index: 1;
  position: relative;
}
body.vibes #fifth .banners-container__inner .banner .right-side .text-block__inner .mybut:after {
  content: none;
}
body.vibes #fifth .banners-container__inner .banner img.banner-img {
  max-width: none;
  border-radius: 40px 0 0 40px;
}
@media only screen and (max-width: 1199px) {
  body.vibes #fifth .banners-container__inner .banner img.banner-img {
    border-radius: 40px 40px 0 0;
    width: 100%;
    max-width: 563px;
  }
}
body.vibes #sixth {
  background-color: #2d1159;
}
body.vibes #sixth .outerContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: auto;
  max-width: 770px;
}
@media only screen and (max-width: 1199px) {
  body.vibes #sixth .outerContainer .text-block {
    margin-inline: auto;
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
  }
  body.vibes #sixth .outerContainer .text-block p {
    margin-inline: auto;
  }
}
body.vibes #sixth .outerContainer .text-block__inner .h2,
body.vibes #sixth .outerContainer .text-block__inner h1 {
  text-transform: uppercase;
  font-size: min(60px, max(48px, 3.125vw));
  line-height: 0.87;
  width: 100%;
}
body.vibes #sixth .outerContainer .text-block__inner .h2::before,
body.vibes #sixth .outerContainer .text-block__inner h1::before {
  content: none !important;
}
body.vibes #sixth .outerContainer .text-block__inner p {
  font-size: min(13px, max(12px, 0.6770833333vw));
  width: 100%;
}
body.vibes #sixth .outerContainer .text-block__inner .mybut {
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-inline: 15px;
}
body.vibes #sixth .outerContainer .text-block__inner .mybut:hover {
  color: #5e26b3;
}
body.vibes #sixth .outerContainer .text-block__inner .mybut:hover span {
  z-index: 1;
  position: relative;
}
body.vibes #sixth .outerContainer .text-block__inner .mybut:after {
  content: none;
}
body.vibes #sixth .outerContainer #vibesForm input::-moz-placeholder {
  opacity: 0.23;
}
body.vibes #sixth .outerContainer #vibesForm input::placeholder {
  opacity: 0.23;
}
body.vibes #sixth .outerContainer #vibesForm .error {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  color: red;
}
body.vibes #sixth .outerContainer #vibesForm .error.active {
  opacity: 1;
  visibility: visible;
}
body.vibes #sixth .outerContainer .alert {
  font-family: unset;
  letter-spacing: normal;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: green;
}
body.vibes #sixth .outerContainer .alert-danger {
  color: red;
  border: none;
}
body.vibes section:first-child {
  height: 200px;
}

body.robotoflex {
  @import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600&display=swap");
}
body.robotoflex main h1,
body.robotoflex main h2,
body.robotoflex main .h2,
body.robotoflex main h1,
body.robotoflex main h3,
body.robotoflex main .supper,
body.robotoflex main .small-title,
body.robotoflex main .single-block .img-title span {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
}
body.robotoflex main p,
body.robotoflex main label,
body.robotoflex main span,
body.robotoflex main li,
body.robotoflex main a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
}
body.robotoflex main .magic-nav-box a.magic-link:link {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
body.robotoflex main .text-block .h2,
body.robotoflex main .list-block .h2,
body.robotoflex main .extras-block .h2,
body.robotoflex main .text-block h2,
body.robotoflex main .list-block h2,
body.robotoflex main .extras-block h2 {
  padding-top: 0;
  line-height: 1.2;
  font-size: 38px;
}
body.robotoflex main .prog-descr-block {
  padding-bottom: 2.6041666667vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  body.robotoflex main .prog-descr-block h1 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  body.robotoflex main .single-block .img-title span {
    max-width: unset;
    width: 100%;
    font-size: 23px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  body.robotoflex main .slide-desc .h2,
  body.robotoflex main .slide-desc h2 {
    font-size: 19px;
    line-height: 24px;
    width: 36.8vw;
    text-shadow: 0px 0px 1px #000;
  }
}
body.robotoflex main .magic-nav-box .counter-box {
  font-size: 47px;
}
body.robotoflex main .array-block th span {
  font-weight: bold;
}
body.robotoflex main .array-block p,
body.robotoflex main .array-block span {
  font-size: 12px;
}
body.robotoflex main .text-block p,
body.robotoflex main .list-block p {
  font-size: 14px;
}
body.robotoflex main .job-list-block .h2,
body.robotoflex main .job-list-block h2 {
  font-size: 39px;
  line-height: 1.2;
}
body.robotoflex main .landing-description-container .job-list-block .h2,
body.robotoflex main .landing-description-container .job-list-block h2 {
  margin-bottom: 37px !important;
  color: white !important;
}
body.robotoflex main .text-block .h2,
body.robotoflex main .stores-slide .h2,
body.robotoflex main .text-block h2,
body.robotoflex main .stores-slide h2 {
  font-size: 36px !important;
  line-height: 1.2;
}
body.robotoflex main .job-list-block .h2,
body.robotoflex main .job-list-block h2 {
  font-size: 32px;
  line-height: 1.2;
}
body.robotoflex main .filter-bar .filters-title .h2,
body.robotoflex main .filter-bar .filters-title h2 {
  font-size: 20px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  body.robotoflex main .text-block .h2,
  body.robotoflex main .stores-slide .h2,
  body.robotoflex main .text-block h2,
  body.robotoflex main .stores-slide h2 {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }
}
body.robotoflex main .job-list-block .h2,
body.robotoflex main .job-list-block h2 {
  font-size: 39px;
  line-height: 1.1;
}

body.mixedfonts {
  @import url("https://fonts.googleapis.com/css2?family=Sofia+Sans&display=swap");
}
body.mixedfonts main h1,
body.mixedfonts main h2,
body.mixedfonts main .h2,
body.mixedfonts main h1,
body.mixedfonts main h3,
body.mixedfonts main .supper,
body.mixedfonts main .small-title,
body.mixedfonts main .single-block .img-title span {
  font-family: "Coolvetica";
}
body.mixedfonts main p,
body.mixedfonts main label,
body.mixedfonts main span,
body.mixedfonts main li,
body.mixedfonts main a {
  font-family: "Sofia Sans", sans-serif;
  font-weight: 400;
}
body.mixedfonts main .magic-nav-box a.magic-link:link {
  font-family: "Sofia Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
body.mixedfonts main .text-block .h2,
body.mixedfonts main .list-block .h2,
body.mixedfonts main .extras-block .h2,
body.mixedfonts main .text-block h2,
body.mixedfonts main .list-block h2,
body.mixedfonts main .extras-block h2 {
  padding-top: 0;
  line-height: 1.2;
  font-size: 43px;
}
body.mixedfonts main .prog-descr-block {
  padding-bottom: 2.6041666667vw;
}
body.mixedfonts main .prog-descr-block {
  padding-bottom: 2.6041666667vw;
}
@media only screen and (min-width: 1650px) and (max-width: 8000px) {
  body.mixedfonts main .prog-descr-block h1 {
    font-size: 63px;
    line-height: 63px;
  }
}
@media only screen and (max-width: 1100px) {
  body.mixedfonts main .single-block .img-title span {
    max-width: unset;
    width: 100%;
    font-size: 23px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  body.mixedfonts main .slide-desc .h2,
  body.mixedfonts main .slide-desc h2 {
    font-size: 19px;
    line-height: 24px;
    width: 36.8vw;
    text-shadow: 0px 0px 1px #000;
  }
}
@media only screen and (max-width: 767px) {
  body.mixedfonts main .text-block .h2,
  body.mixedfonts main .list-block .h2,
  body.mixedfonts main .extras-block .h2,
  body.mixedfonts main .text-block h2,
  body.mixedfonts main .list-block h2,
  body.mixedfonts main .extras-block h2 {
    font-size: 32px !important;
    line-height: 34px !important;
    width: auto;
  }
}
body.mixedfonts main .magic-nav-box .counter-box {
  font-size: 47px;
}
body.mixedfonts main .array-block th span {
  font-weight: bold;
}
body.mixedfonts main .array-block p,
body.mixedfonts main .array-block span {
  font-size: 12px;
}
body.mixedfonts main .text-block p,
body.mixedfonts main .list-block p {
  font-size: 14px;
}
body.mixedfonts main .filter-bar .filters-title .h2,
body.mixedfonts main .filter-bar .filters-title h2 {
  font-size: 20px;
  line-height: 1;
}
body.mixedfonts main section#first .job-list-block .h2,
body.mixedfonts main section#first .job-list-block h2 {
  font-size: 43px;
  line-height: 1.2;
}
body.mixedfonts main .job-list-block .h2,
body.mixedfonts main .job-list-block h2 {
  font-size: 43px;
  line-height: 1.2;
}

/* Timologia Flags */
.electricity-bill-flag {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 45px;
}
.electricity-bill-flag.stathero {
  background-color: #2d6195;
}
.electricity-bill-flag.dinamiko {
  background-color: #f37421;
}
.electricity-bill-flag.eidiko {
  background-color: #049d64;
}
.electricity-bill-flag.kimenomeno {
  background-color: #ecc51b;
}
.electricity-bill-flag.small {
  margin-block: 10px;
}
.electricity-bill-flag.small span {
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 10px;
  padding-bottom: 3px;
  padding-top: 5px;
  letter-spacing: 0.6px;
}
.electricity-bill-flag span {
  font-size: 19px;
  display: block;
  color: white;
  width: -moz-min-content;
  width: min-content;
  padding-inline: 13px;
  padding-bottom: 7px;
  padding-top: 10px;
  line-height: 1;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .electricity-bill-flag span {
    font-size: 15px;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* custom-color-picker */
.custom-color-picker {
  background-color: #2bb5b5 !important;
}

body:has(header .mobile-nav.active) #genesys-messenger iframe {
  bottom: 60px !important;
}

body:has(header .mobile-nav.active) #genesys-messenger[aria-modal=true] iframe {
  bottom: 0 !important;
}/*# sourceMappingURL=alex.css.map */