@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;

0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.grayscale {
  transition: all 0.2s;
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

.grayscale:hover {
  -moz-filter: grayscale(0);
  filter: grayscale(0);
}

@font-face {
  font-family: "Acumin-Pro-Condensed";
  src: url(../fonts/Acumin-Pro-Condensed.woff?93422bc8502cad0a31660895893bda85) format("woff"), url(../fonts/Acumin-Pro-Condensed.woff2?22192cf3ad6187a135575e6740b28b9d) format("woff2"), url(../fonts/Acumin-Pro-Condensed.ttf?ab54d456915165b81677f9580a9a04f2) format("truetype"), url(../fonts/Acumin-Pro-Condensed.svg?e5c761f1017d67bf0de34eea677ac14c) format("svg"), url(../fonts/Acumin-Pro-Condensed.eot?b0c199c0038e4cdf22640be63262226d) format("eot");
}

@font-face {
  font-family: "Alternate-Gothic-No3-D-Regular";
  src: url(../fonts/Alternate-Gothic-No3-D-Regular.woff?b84113e03ff473861c7440bbbdc5c876) format("woff"), url(../fonts/Alternate-Gothic-No3-D-Regular.woff2?7ac55ac93615b21b4e3084dca1e4915c) format("woff2"), url(../fonts/Alternate-Gothic-No3-D-Regular.ttf?a8e922aa60697f7ab06e0ba836aa50f0) format("truetype"), url(../fonts/Alternate-Gothic-No3-D-Regular.svg?a374abd8ca3d0f2c9be041a38185767f) format("svg"), url(../fonts/Alternate-Gothic-No3-D-Regular.eot?a655c61f925db8af5082d1b71f344ac3) format("eot");
}

/* ------ venobox.css --------*/

.vbox-overlay *,
.vbox-overlay *:before,
.vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

.vbox-overlay * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.vbox-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
}

/* ----- navigation ----- */

.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 50px;
  overflow: hidden;
  position: fixed;
  display: none;
  left: 0;
  z-index: 89;
}

.vbox-close {
  cursor: pointer;
  position: fixed;
  top: -1px;
  right: 0;
  width: 50px;
  height: 40px;
  padding: 6px;
  display: block;
  background-position: 10px center;
  overflow: hidden;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  z-index: 99;
}

.vbox-left {
  cursor: pointer;
  position: fixed;
  left: 0;
  height: 40px;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  z-index: 99;
  display: flex;
  align-items: center;
}

.vbox-num {
  display: inline-block;
  margin: 6px 0 6px 15px;
}

/* ----- Social share ----- */

.vbox-share {
  line-height: 28px;
  font-size: 12px;
  overflow: hidden;
  position: fixed;
  left: 0;
  z-index: 98;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.vbox-share svg {
  max-height: 28px;
  width: 28px;
  z-index: 10;
  margin-left: 12px;
  margin-top: 6px;
  margin-bottom: 6px;
  vertical-align: middle;
}

/* ----- navigation ARROWS ----- */

.vbox-next,
.vbox-prev {
  position: fixed;
  top: 50%;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 99;
}

.vbox-next span,
.vbox-prev span {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: #B6B6B6;
  border-right-color: #B6B6B6;
  text-indent: -100px;
  position: absolute;
  top: 8px;
  display: block;
}

.vbox-prev {
  left: 15px;
}

.vbox-next {
  right: 15px;
}

.vbox-prev span {
  left: 10px;
  transform: rotate(-135deg);
}

.vbox-next span {
  transform: rotate(45deg);
  right: 10px;
}

/* ------- inline window ------ */

.vbox-inline {
  width: 420px;
  height: 315px;
  height: 70vh;
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  overflow: auto;
  text-align: left;
}

/* ------- Video & iFrames window ------ */

.venoframe {
  max-width: 100%;
  width: 100%;
  border: none;
  width: 100%;
  height: 260px;
  height: 70vh;
}

.venoframe.vbvid {
  height: 260px;
}

@media (min-width: 768px) {
  .venoframe,
  .vbox-inline {
    width: 90%;
    height: 360px;
    height: 70vh;
  }

  .venoframe.vbvid {
    width: 640px;
    height: 360px;
  }
}

@media (min-width: 992px) {
  .venoframe,
  .vbox-inline {
    max-width: 1200px;
    width: 80%;
    height: 540px;
    height: 70vh;
  }

  .venoframe.vbvid {
    width: 960px;
    height: 540px;
  }
}

/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/

.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%;
}

.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 20px 4%;
}

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

.vbox-figlio {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  max-width: 100%;
  text-align: initial;
}

img.vbox-figlio {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.vbox-content.swipe-left {
  margin-left: -200px !important;
}

.vbox-content.swipe-right {
  margin-left: 200px !important;
}

.vbox-animated {
  webkit-transition: margin 300ms ease-out;
  transition: margin 300ms ease-out;
}

/* ---------- preloader ----------
 * SPINKIT 
 * http://tobiasahlin.com/spinkit/
-------------------------------- */

.sk-double-bounce,
.sk-rotating-plane {
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.sk-rotating-plane {
  background-color: #333;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.sk-double-bounce {
  position: relative;
}

.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-child,
.sk-spinner-pulse,
.sk-three-bounce .sk-child {
  background-color: #333;
  border-radius: 100%;
}

.sk-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes sk-doubleBounce {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.sk-wave .sk-rect {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
  }
}

@keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
  }
}

.sk-wandering-cubes {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-wandering-cubes .sk-cube {
  background-color: #333;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
  animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
}

.sk-chasing-dots,
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.sk-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-wanderingCube {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5);
  }

  50% {
    transform: translateX(30px) translateY(30px) rotate(-179deg);
  }

  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg);
  }

  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes sk-wanderingCube {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5);
  }

  50% {
    transform: translateX(30px) translateY(30px) rotate(-179deg);
  }

  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg);
  }

  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.sk-spinner-pulse {
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.sk-chasing-dots {
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  animation: sk-chasingDotsRotate 2s infinite linear;
}

.sk-chasing-dots .sk-child {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes sk-chasingDotsRotate {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center;
}

.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-circle .sk-child:before,
.sk-fading-circle .sk-circle:before {
  display: block;
  border-radius: 100%;
  content: "";
  background-color: #333;
}

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 100%, 80% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 100%, 80% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  margin: 0 auto;
  width: 15%;
  height: 15%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
  0%, 100%, 80% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 100%, 80% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.sk-cube-grid .sk-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 100%, 70% {
    transform: scale3D(1, 1, 1);
  }

  35% {
    transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 100%, 70% {
    transform: scale3D(1, 1, 1);
  }

  35% {
    transform: scale3D(0, 0, 1);
  }
}

.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  margin: 0 auto;
  width: 15%;
  height: 15%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes sk-circleFadeDelay {
  0%, 100%, 39% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }

  100%, 90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }

  100%, 90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

.section-banner {
  z-index: 1;
  position: relative;
}

.section-banner .owl-stage {
  display: flex;
  height: 469px;
}

.section-banner .section__title {
  font-size: 3.125rem;
  line-height: 4.375rem;
  color: #000;
  font-weight: 500;
  letter-spacing: 3px;
  padding: 0;
}

.section-banner .section__text {
  font-size: 1.4375rem;
  color: #85aab9;
  font-weight: 500;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
  margin-top: 25px;
}

.section-banner .section__title-box {
  background-color: #fff;
  text-align: left;
  max-width: 432px;
  padding: 30px 50px;
}

.section-banner .slide-item {
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 10%;
  height: 100%;
}

.section-banner .owl-carousel .owl-dots {
  top: 100%;
  width: 100%;
  height: 40px;
  z-index: 1;
  position: absolute;
  text-align: center;
  margin-top: -40px;
}

.section-banner .owl-carousel .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 7px;
  outline: none;
  border-radius: 50%;
  border: 1px solid #f2f2f2;
}

.section-banner .owl-carousel .owl-dots button.owl-dot.active {
  background-color: #f2f2f2;
}

.section-banner .banner-content,
.section-banner .section__wrapper {
  position: relative;
  height: 100%;
  padding-left: calc(50% - 683px + 50px);
  z-index: 1;
  max-width: initial;
}

.section-banner .background-slider {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
}

.section-banner .background-slider .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
}

.max-width {
  max-width: 1366px;
  margin: 0 auto;
}

.post-category {
  color: #fff;
  background-color: #d66a7a;
  text-align: right;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 7px 15px 7px 0;
  font-weight: 800;
  min-height: 36px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.post-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  transition: transform 0.3s;
}

.page-item.active .page-link {
  background-color: #d66a7a;
  border-color: #d66a7a;
}

.page-item .page-link {
  color: #e86278;
}

.thin-width {
  max-width: 900px;
  margin: 0 auto;
}

.post-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.read-more {
  position: relative;
}

.read-more:before,
.read-more:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.read-more:before {
  font-family: FontAwesome;
  content: "\F105";
  z-index: 1;
}

.read-more:after {
  content: "";
  display: block;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}

@media (max-width: 1500px) {
  .max-width {
    width: 90%;
  }
}

@media (max-width: 1500px) {
  .section-banner .banner-content {
    padding-left: 50px;
  }
}

@media (max-width: 900px) {
  .max-width,
  .thin-width {
    width: 100%;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

.hustle-layout .hustle-layout-body {
  overflow: auto !important;
}

.hustle-ui .hustle-optin {
  overflow: visible !important;
}

.hustle-ui .hustle-layout .hustle-layout-body {
  overflow: auto !important;
}

.hustle-ui .hustle-layout .hustle-image {
  height: auto !important;
}

.hustle-ui .hustle-layout .hustle-image img {
  position: relative !important;
}

.hustle-ui .hustle-layout .hustle-layout-content .hustle-content-wrap {
  padding: 30px 0 15px !important;
}

.hustle-ui .hustle-layout .hustle-layout-content .hustle-content {
  padding: 0 15px !important;
}

.watch {
  display: block;
  margin-left: 5px;
  font-size: 2.25rem;
  color: #284968;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
  text-transform: uppercase;
  transition: 0.3s ease;
}

@media (max-width: 479px) {
  .watch {
    margin-left: 0;
    font-size: 1.75rem;
  }
}

.watch .play-ico {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: -10px 7px 0;
  border-radius: 100%;
  border: 6px solid #e9c456;
  vertical-align: middle;
  position: relative;
  transition: 0.5s ease;
  background-color: #e9c456;
}

.watch .play-ico:after {
  content: "";
  border-style: solid;
  border-width: 12px 21px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 80%;
  transition: 0.5s ease;
  transform: translate(-50%, -50%);
}

.watch:hover {
  text-decoration: none;
  color: white;
}

.watch:hover .play-ico {
  transform: scale(1.4) rotate(360deg);
  margin: -15px 10px 0;
  border-color: white;
  background-color: #284968;
}

.watch:hover .play-ico:after {
  border-left-color: white;
}

.venoframe.vbvid {
  background-color: transparent !important;
}

.vc_btn3 {
  font-weight: 900 !important;
}

/*
.wow{
	visibility: hidden;
}*/

.footer {
  border-top: 5px solid #284967;
}

.footer .add-impact {
  background-image: url(../images/footer.png?2bcdc0d1b426b8197f0ace6f96e3654a);
  margin-top: -40px;
  padding-top: 100px;
  padding-bottom: 50px;
  background-size: cover;
}

.footer .add-impact label {
  font-size: 1.125rem;
  line-height: 2.5rem;
  color: white;
  font-weight: 700;
  font-family: "Montserrat", Helvetica, sans-serif;
}

.footer .add-impact .form-control {
  max-width: 330px;
  background-color: #e0e7ec;
  border: 2px solid #e9c456;
  font-size: 0.875rem;
  line-height: 2.5rem;
  color: #0f0f0f;
  font-weight: 300;
  font-family: "Montserrat", Helvetica, sans-serif;
  height: 40px;
  border-radius: 3px 3px 0 0;
}

.footer .add-impact .btn-outline-secondary {
  background-color: #e9c456;
  border: 2px solid #e9c456;
  height: 40px;
  width: 48px;
  border-radius: 0 0 3px 3px;
  font-size: 1rem;
  color: #0f0f0f;
}

.footer .add-impact .wrap-button {
  width: 48px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.footer .credits {
  width: 100%;
}

.footer .foot-links {
  font-size: 1.5rem;
  color: #e9c456;
  font-weight: bold;
}

.footer .foot-links a {
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #284967;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  font-weight: 300;
}

.latest-news .lines-bg:before {
  height: 500px;
  width: 100%;
  top: 50%;
  left: 0;
  background-color: yellow;
  transform: translateY(-50%);
}

.latest-news .section-title {
  font-size: 2.1875rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  margin-top: 70px;
  position: relative;
  letter-spacing: 4px;
}

.latest-news .section-title:before {
  content: "";
  display: block;
  position: absolute;
  width: 97px;
  height: 6px;
  background-color: #fff;
  left: 0;
  top: -30px;
}

.latest-news .news-wrapp {
  margin: 90px auto 120px;
  background-color: #314865;
  padding: 1px 40px 55px;
  box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}

.latest-news .new-text {
  position: relative;
}

.latest-news .new-item {
  position: relative;
}

.latest-news .new-item .read-more {
  position: absolute;
  bottom: 0;
  height: 30px;
}

.latest-news .new-item .read-more:after {
  width: 30px;
  height: 30px;
  border-color: #314865;
  left: 0;
  transition: 0.2s;
}

.latest-news .new-item .read-more:before {
  color: #d66a7a;
  left: calc(100% + 12px);
  font-size: 1.375rem;
  line-height: 31px;
  transition: 0.2s;
}

.latest-news .new-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.latest-news .new-item:hover:before {
  /*top: -10px;
  right: -5px;
  left: -5px;
  bottom: -10px;*/
  opacity: 1;
  transform: scale(1.05);
}

.latest-news .new-item:hover .post-image {
  transform: scale(1.05);
}

.latest-news .new-item:hover .read-more:after {
  border-color: #d66a7a;
}

.latest-news .new-item:hover .read-more:before {
  color: #314865;
}

.latest-news .new-image-wrapp {
  position: relative;
  overflow: hidden;
}

.latest-news .new-title {
  font-size: 1.1875rem;
  color: #314865;
  font-weight: 700;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.latest-news .new-details {
  color: #4d4d4d;
}

.latest-news .hider {
  max-height: 260px;
  min-height: 150px;
  margin-bottom: 40px;
  overflow: hidden;
}

.latest-news .read-all-news {
  text-transform: uppercase;
  background-color: #d66a7a;
  font-size: 0.9375rem;
  color: #4d4d4d;
  font-weight: 700;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 5px 38px 5px 8px;
  display: inline-block;
  margin-top: 20px;
}

.latest-news .read-all-news.read-more:after {
  width: 18px;
  height: 18px;
  background-color: #d66a7a;
  left: calc(100% - 28px);
  border-color: transparent;
}

.latest-news .read-all-news.read-more:before {
  color: #d66a7a;
  left: calc(100% - 20px);
  font-size: 0.875rem;
  line-height: 19px;
  z-index: 1;
}

.latest-news.horizontally-news .new-image-wrapp {
  margin-right: 15px;
  max-width: 375px;
  width: 50%;
}

.latest-news.horizontally-news .new-item {
  display: flex;
  margin-bottom: 25px;
  padding: 10px 0 10px;
}

.latest-news.horizontally-news .new-text {
  width: 100%;
}

.latest-news.vertical-news .wrapp-news {
  display: flex;
}

.latest-news.vertical-news .new-image-wrapp {
  margin-bottom: 15px;
  height: 210px;
}

.latest-news.vertical-news .new-item {
  flex: 0 0 calc(33.3% - 10px);
  max-width: calc(33.3% - 10px);
  background: white;
  margin: 5px;
  padding: 10px;
}

.latest-news.vertical-news .new-item .read-more {
  top: calc(100% + 10px);
}

.latest-news.vertical-news .new-item:hover:before {
  background-color: #fff;
}

@media (max-width: 700px) {
  .latest-news.vertical-news .wrapp-news {
    display: block;
  }

  .latest-news.vertical-news .new-image-wrapp {
    margin-right: 15px;
    max-width: 375px;
    width: 50%;
    margin-bottom: 0;
    height: auto;
  }

  .latest-news.vertical-news .new-item {
    display: flex;
    margin-bottom: 35px;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .latest-news.vertical-news .new-text {
    width: 100%;
  }

  .latest-news.horizontally-news .hider,
  .latest-news.vertical-news .hider {
    height: 168px;
  }

  .latest-news.horizontally-news .new-text .read-more,
  .latest-news.vertical-news .new-text .read-more {
    top: auto;
  }
}

@media (max-width: 470px) {
  .latest-news.horizontally-news .new-item,
  .latest-news.vertical-news .new-item {
    flex-direction: column;
    margin-bottom: 35px;
    padding-bottom: 30px;
  }

  .latest-news.horizontally-news .new-image-wrapp,
  .latest-news.vertical-news .new-image-wrapp {
    margin-bottom: 20px;
    max-width: initial;
    height: 210px;
  }

  .latest-news.horizontally-news .new-image-wrapp,
  .latest-news.horizontally-news .new-text,
  .latest-news.vertical-news .new-image-wrapp,
  .latest-news.vertical-news .new-text {
    width: 100%;
  }

  .latest-news.horizontally-news .hider,
  .latest-news.vertical-news .hider {
    min-height: auto;
    margin-bottom: 5px;
    height: 174px;
  }

  .latest-news.horizontally-news .read-more,
  .latest-news.vertical-news .read-more {
    top: 100%;
    bottom: auto;
  }

  .latest-news .news-wrapp {
    padding-bottom: 10px;
  }
}

#header .menu-item > a {
  font-family: "Acumin-Pro-Condensed";
}

.btn {
  font-size: 1.375rem;
  color: #284968;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
}

.embed-video iframe {
  max-width: 100%;
  width: 690px;
  height: 388px;
}

.mp-quotes blockquote,
.mp-quotes span {
  margin-bottom: 15px;
  display: block;
}

.mp-quotes blockquote {
  font-size: 1.75rem;
  color: #f5eff1;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.mp-quotes span {
  font-size: 1.125rem;
  color: #284968;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home .subtitle {
  font-size: 1.875rem;
  line-height: 1.75rem;
  color: #284968;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  margin-top: 12px;
  letter-spacing: 2px;
}

.home .film-author {
  font-size: 1rem;
  color: #d6e2f5;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  margin-top: 8px;
  letter-spacing: 1px;
}

.home .top-bg {
  position: relative;
  overflow: hidden;
  height: 25.5vw;
  margin-top: -25.5vw;
  z-index: 1;
  pointer-events: none;
}

.home .bg-element {
  position: absolute;
  pointer-events: all;
  z-index: 3;
  bottom: 0;
  transition: transform 0.7s cubic-bezier(0.42, 0, 0.58, 1);
}

.home .bg-animate {
  background-size: cover;
  transform: translate(0, 50%);
  transform-origin: bottom;
  position: absolute;
}

.home .bg0 {
  width: 20.6%;
  padding-bottom: 17.8%;
  left: 50%;
}

.home .bg0 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing0.png?be147def315f45a9e4fce517e12667fa);
  -webkit-animation: top-down3 8s infinite alternate ease-in-out;
          animation: top-down3 8s infinite alternate ease-in-out;
}

.home .bg1 {
  width: 15.8%;
  padding-bottom: 22.5%;
}

.home .bg1 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing1.png?da7a22b8773cd8f9b89ea0b2be841a49);
  -webkit-animation: top-down2 8s infinite alternate ease-in-out;
          animation: top-down2 8s infinite alternate ease-in-out;
}

.home .bg2 {
  left: 11.7%;
  width: 20.6%;
  padding-bottom: 15.8%;
}

.home .bg2 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing2.png?a2afadefda324e6cd4931143208596f5);
  -webkit-animation: rotates 10s infinite alternate ease-in-out;
          animation: rotates 10s infinite alternate ease-in-out;
}

.home .bg3 {
  width: 18.6%;
  padding-bottom: 14.2%;
  left: 31%;
}

.home .bg3 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing3.png?85bee8fb1e17ed5fcfbf9fac63e59860);
  -webkit-animation: wiggle2 5s infinite alternate ease-in-out;
          animation: wiggle2 5s infinite alternate ease-in-out;
}

.home .bg4 {
  width: 18.2%;
  padding-bottom: 15.5%;
  right: 31.6%;
}

.home .bg4 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing4.png?3d78e4cf45edfb39b8fcd38a6dd1149d);
  -webkit-animation: wiggle 7s infinite alternate ease-in-out;
          animation: wiggle 7s infinite alternate ease-in-out;
}

.home .bg5 {
  width: 20%;
  padding-bottom: 14.1%;
  right: 12.8%;
}

.home .bg5 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing5.png?d45106d64556ccbb0822967f279423e0);
  -webkit-animation: top-down 10s infinite alternate ease-in-out;
          animation: top-down 10s infinite alternate ease-in-out;
}

.home .bg6 {
  width: 17%;
  padding-bottom: 19.5%;
  right: 0;
}

.home .bg6 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing6.png?bdc4f1b6a3baffc72b6fd80df8dc814b);
  -webkit-animation: swing 10s infinite alternate ease-in-out;
          animation: swing 10s infinite alternate ease-in-out;
}

.home .bg7 {
  width: 91.6%;
  padding-bottom: 6.3%;
  z-index: 2;
}

.home .bg7 .bg-animate {
  width: 100%;
  height: 100%;
  background-image: url(../images/sing7.png?e4412bf353261e3c2ce79d9fd31948b0);
  -webkit-animation: horizontal 15s infinite alternate ease-in-out;
          animation: horizontal 15s infinite alternate ease-in-out;
}

@-webkit-keyframes top-down {
  0% {
    transform: translate(0, 0) rotateZ(0deg);
  }

  50% {
    transform: translate(-1.4%, 5%) rotateZ(10deg);
  }

  100% {
    transform: translate(0, 0) rotateZ(0deg);
  }
}

@keyframes top-down {
  0% {
    transform: translate(0, 0) rotateZ(0deg);
  }

  50% {
    transform: translate(-1.4%, 5%) rotateZ(10deg);
  }

  100% {
    transform: translate(0, 0) rotateZ(0deg);
  }
}

@-webkit-keyframes top-down2 {
  0% {
    transform: translate(0, 1%) rotateZ(0deg);
  }

  25% {
    transform: translate(-0.35%, 2px) rotateZ(-5deg);
  }

  50% {
    transform: translate(0, 0.7%) rotateZ(0deg);
  }

  75% {
    transform: translate(0.35%, 0.3%) rotateZ(-7deg);
  }

  100% {
    transform: translate(0, 1%) rotateZ(0deg);
  }
}

@keyframes top-down2 {
  0% {
    transform: translate(0, 1%) rotateZ(0deg);
  }

  25% {
    transform: translate(-0.35%, 2px) rotateZ(-5deg);
  }

  50% {
    transform: translate(0, 0.7%) rotateZ(0deg);
  }

  75% {
    transform: translate(0.35%, 0.3%) rotateZ(-7deg);
  }

  100% {
    transform: translate(0, 1%) rotateZ(0deg);
  }
}

@-webkit-keyframes swing {
  0% {
    transform: translate(0, 1%) rotateZ(5deg);
  }

  25% {
    transform: translate(0, 0.7%) rotateZ(-5deg);
  }

  50% {
    transform: translate(0, 3.5%) rotateZ(5deg);
  }

  75% {
    transform: translate(0, 0.7%) rotateZ(-5deg);
  }

  100% {
    transform: translate(0, 1%) rotateZ(5deg);
  }
}

@keyframes swing {
  0% {
    transform: translate(0, 1%) rotateZ(5deg);
  }

  25% {
    transform: translate(0, 0.7%) rotateZ(-5deg);
  }

  50% {
    transform: translate(0, 3.5%) rotateZ(5deg);
  }

  75% {
    transform: translate(0, 0.7%) rotateZ(-5deg);
  }

  100% {
    transform: translate(0, 1%) rotateZ(5deg);
  }
}

@-webkit-keyframes wiggle {
  0% {
    transform: translate(-3.55%, 2.1%) rotateZ(7deg);
  }

  50% {
    transform: translate(0, 1.4%) rotateZ(5deg);
  }

  100% {
    transform: translate(3.55%, 3.55%) rotateZ(-5deg);
  }
}

@keyframes wiggle {
  0% {
    transform: translate(-3.55%, 2.1%) rotateZ(7deg);
  }

  50% {
    transform: translate(0, 1.4%) rotateZ(5deg);
  }

  100% {
    transform: translate(3.55%, 3.55%) rotateZ(-5deg);
  }
}

@-webkit-keyframes top-down3 {
  0% {
    transform: translate(-50%, 5.3%) rotateZ(0deg);
  }

  25% {
    transform: translate(-50%, 4.4%) rotateZ(-5deg);
  }

  50% {
    transform: translate(-50%, 5%) rotateZ(0deg);
  }

  75% {
    transform: translate(-50%, 4.6%) rotateZ(-7deg);
  }

  100% {
    transform: translate(-50%, 5.3%) rotateZ(0deg);
  }
}

@keyframes top-down3 {
  0% {
    transform: translate(-50%, 5.3%) rotateZ(0deg);
  }

  25% {
    transform: translate(-50%, 4.4%) rotateZ(-5deg);
  }

  50% {
    transform: translate(-50%, 5%) rotateZ(0deg);
  }

  75% {
    transform: translate(-50%, 4.6%) rotateZ(-7deg);
  }

  100% {
    transform: translate(-50%, 5.3%) rotateZ(0deg);
  }
}

@-webkit-keyframes wiggle2 {
  0% {
    transform: translate(2.1%, 0);
  }

  100% {
    transform: translate(-2.1%, 1.4%);
  }
}

@keyframes wiggle2 {
  0% {
    transform: translate(2.1%, 0);
  }

  100% {
    transform: translate(-2.1%, 1.4%);
  }
}

@-webkit-keyframes rotates {
  0% {
    transform: rotate(1%) translateY(1%);
  }

  100% {
    transform: rotate(-5deg) translateY(0.3%);
  }
}

@keyframes rotates {
  0% {
    transform: rotate(1%) translateY(1%);
  }

  100% {
    transform: rotate(-5deg) translateY(0.3%);
  }
}

@-webkit-keyframes horizontal {
  0% {
    transform: translateX(-3.9%);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes horizontal {
  0% {
    transform: translateX(-3.9%);
  }

  100% {
    transform: translateX(0px);
  }
}

.home-nda .trailer-section {
  padding: 60px 15px;
  background: url(../images/bg_hp_nda.jpg?4bcf98caf8cab5c992030947b8ea2aaf) center/cover no-repeat;
}

.home-nda .trailer-poster {
  display: block;
  position: relative;
}

.home-nda .trailer-poster:before {
  content: "";
  width: 150px;
  height: 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  pointer-events: none;
  z-index: 1;
  background: url(../images/play.png?c9dd9de85a3f3665b534c00be4ddc846) center/cover no-repeat;
  transition: 0.5s ease;
  transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 768px) {
  .home-nda .trailer-poster:before {
    width: 80px;
    height: 80px;
  }
}

.home-nda .trailer-poster:hover:before {
  transform: translate(-50%, -50%) scale(1.2);
}

.home-nda .trailer-descr {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.375rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .trailer-descr span {
  text-transform: uppercase;
  font-size: 1rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .info-titles {
  padding: 35px 60px;
  background: url(../images/bg_info.jpg?206ee242735375c0d7f42fb558e22a23) center bottom/cover no-repeat;
}

@media (max-width: 768px) {
  .home-nda .info-titles {
    padding: 30px 15px;
  }
}

.home-nda .info-titles .in {
  max-width: 560px;
}

.home-nda .info-titles hr {
  height: 5px;
  padding: 0;
  margin: 0;
  background: white;
}

.home-nda .info-titles-pre {
  margin: 0;
  text-transform: uppercase;
  font-size: 3rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .info-titles-main {
  margin: 0;
  text-transform: uppercase;
  font-size: 4rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .info-titles-main b {
  display: block;
  font-size: 7.5rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  line-height: 1;
}

.home-nda .info-titles-post {
  margin: 15px 0;
  text-transform: none !important;
  font-size: 1.8125rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .info-titles .btn {
  min-width: auto;
  padding: 5px 15px;
  font-size: 2rem;
  color: #284967;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .info-titles .btn:hover {
  color: #e9c456;
  background-color: #284967;
}

.home-nda .info-descr {
  padding: 90px 60px 60px;
  background: radial-gradient(circle, rgba(231, 93, 116, 0) 0%, rgba(231, 93, 116, 0.15) 100%), white;
  position: relative;
}

@media (max-width: 768px) {
  .home-nda .info-descr {
    padding: 30px 15px;
  }
}

.home-nda .info-descr:before,
.home-nda .info-descr:after {
  content: "";
  display: block;
  opacity: 0.5;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100px;
  background-image: url(../images/subpage-top.png?7dc79ef56583048a667c80e08f4d84ef);
  background-size: cover;
  pointer-events: none;
}

.home-nda .info-descr:before {
  top: 0;
}

.home-nda .info-descr:after {
  bottom: 0;
  background-image: url(../images/subpage-bottom.png?a2ec00a49e470bfdf954c6486a31d0a4);
  background-position-y: bottom;
}

.home-nda .info-descr .in {
  max-width: 560px;
}

.home-nda .info-descr p {
  font-size: 1rem;
}

.home-nda .info-descr p i {
  font-style: italic;
}

.home-nda .info-descr .btn.blue {
  min-width: auto;
  padding: 8px 15px;
  font-size: 1.625rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  background: #284967;
  border-color: #284967;
}

.home-nda .info-descr .btn.blue:hover {
  color: #284967;
  background-color: #e9c456;
}

.home-nda .info-dir {
  float: right;
  margin: -45px 0 15px 15px;
}

@media (max-width: 768px) {
  .home-nda .info-dir {
    float: initial;
    margin: 0 auto 30px;
    text-align: center;
  }
}

.home-nda .info-dir img {
  width: 150px;
}

.home-nda .info-dir p {
  text-align: center;
  font-size: 1rem;
  color: #284967;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
}

.home-nda .info-dir p span {
  font-size: 0.875rem;
  color: #284967;
}

.home-nda .main-banner {
  padding: 0 15px calc(12.5vw + 100px);
  background: url(../images/bg_hp_nda2.jpg?13434e5422b47342c1d0bd74c4c8d083) center/cover no-repeat;
}

.home-nda .main-banner .laurels {
  margin: 0 0 20px;
}

.home-nda .main-banner .mp-quotes {
  margin: 0 auto;
}

.home-nda .banner-slider-item {
  position: initial;
}

.subpage {
  background: radial-gradient(circle, rgba(231, 93, 116, 0) 0%, rgba(231, 93, 116, 0.15) 100%), white;
  position: relative;
}

.subpage:before,
.subpage:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  background-image: url(../images/subpage-top.png?7dc79ef56583048a667c80e08f4d84ef);
  background-size: cover;
}

.subpage:after {
  background-image: url(../images/subpage-bottom.png?a2ec00a49e470bfdf954c6486a31d0a4);
  background-position-y: bottom;
}

.page-go h1 {
  font-size: 3.25rem;
  color: white;
}

.page-go h3,
.page-go h4 {
  font-size: 1.75rem;
  color: #284967;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  text-transform: uppercase;
}

.page-go time {
  display: block;
  font-size: 2.625rem;
  color: white;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  text-transform: uppercase;
}

.page-go .banner {
  padding: 60px 15px 90px;
  background: url(../images/bg_go.jpg?95a9c9f4547cc0d31571b23700a7e06a) center/cover no-repeat;
}

.page-go .go-block {
  position: relative;
  text-align: center;
}

.page-go .go-block .inner {
  padding: 30px 15px;
  border: 7px solid #e2586d;
}

.page-go .go-block h2 {
  font-size: 2.25rem;
  color: white;
}

.page-go .go-block p {
  font-size: 1rem;
  color: white;
}

.page-go .go-block a {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: white;
  border-radius: 50%;
  position: relative;
  background: #e2586d;
  transition: 0.3s ease;
}

.page-go .go-block a:hover {
  background: #e9c456;
  text-decoration: none;
}

.go-itunes {
  display: inline-block;
  margin: 0 auto;
  font-size: 2.625rem;
  color: #e3b51f;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  transition: 0.3s ease;
  position: relative;
}

.go-itunes:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 3px solid white;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transition: 0.3s ease;
}

.go-itunes img {
  height: 38px;
  margin: -11px 5px 0;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s ease;
}

.go-itunes:hover {
  color: white;
  text-decoration: none;
}

.go-itunes:hover:before {
  width: 100%;
  left: 0;
}

.go-itunes:hover img {
  filter: brightness(100);
}

.btn.blue {
  min-width: 160px;
  color: white;
  border-color: #284967;
  background: #284967;
}

.btn.blue:hover {
  background: #e2586d;
}

.page-letter {
  padding: 60px 30px 140px !important;
  border-bottom: 120px solid white;
  background: #ff2225;
}

.page-letter:before,
.page-letter:after {
  display: none;
}

.page-letter .inner {
  background: white;
  padding: 30px 45px 0;
  position: relative;
  box-shadow: 10px 10px 0 10px #ff2225, 15px 15px 0 15px #e3b51f;
}

.page-letter .inner:after {
  content: "";
  width: 300px;
  height: 200px;
  position: absolute;
  bottom: -260px;
  right: -150px;
  background: url(../images/map-min.png?49c7e692bfffd7ca4215d0212034efe7) center/contain no-repeat;
}

@media (max-width: 1200px) {
  .page-letter .inner:after {
    right: 0;
  }
}

.page-letter h1 {
  font-size: 2.25rem;
  color: #ff2225;
  font-family: "Alternate-Gothic-No3-D-Regular", Helvetica, sans-serif;
  padding: 0 10px;
  margin-bottom: 15px;
  text-align: left;
  text-transform: initial;
  border-left: 10px solid #ff2225;
}

.page-letter b {
  color: #ff2225;
}

.page-letter a {
  color: #e3b51f;
}

.page-letter a:hover {
  color: #ff2225;
}

.blog .latest-posts .wrapp-post1 {
  width: 43%;
}

.blog .latest-posts .wrapp-grid {
  width: 57%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog .latest-posts .wrapp-grid .grid-item-tile:hover .description-post {
  opacity: 0;
}

.blog .latest-posts .wrapp-post4 {
  width: 50%;
}

.blog .latest-posts .grid-item-tile {
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  padding-top: 80%;
  align-items: center;
  justify-content: center;
  background-color: #040404;
}

.blog .latest-posts .grid-item-tile:hover .post-image {
  opacity: 0.3;
}

.blog .latest-posts .grid-item-tile:hover .description-post {
  opacity: 1;
}

.blog .latest-posts .wrapp-post4 .grid-item-tile {
  padding-top: calc(59.2% - 18px);
}

.blog .latest-posts .wrapp-posts4 {
  display: flex;
  flex-wrap: wrap;
}

.blog .latest-posts .post-text {
  height: 500px;
}

.blog .latest-posts .post-text {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(100% - 13px);
  top: 0;
  left: 0;
  padding: 13px 20px;
  overflow: hidden;
}

.blog .latest-posts .post-image {
  opacity: 0.5;
  transition: 0.5s ease-in-out;
}

.blog .latest-posts .title-post {
  color: #fff;
}

.blog .latest-posts .description-post {
  color: #aaaaaf;
  opacity: 0;
  transition: 0.5s ease-in-out;
  font-size: 0.9375rem;
  line-height: 1.125rem;
}

.blog .featured-block {
  border-bottom: 2px solid #314865;
}

.blog .filter {
  background-color: #85aab9;
}

.blog .filter .wrapp-filters {
  flex-grow: 1;
  padding: 10px;
}

.blog .filter .styled-select,
.blog .filter .search {
  flex: 1;
  padding: 7px;
  position: relative;
}

.blog .filter .styled-select:before {
  font-family: FontAwesome;
  content: "\F078";
  color: #fcbe2b;
  z-index: 2;
  font-size: 1rem;
  position: absolute;
  right: 20px;
  line-height: 32px;
}

.blog .filter select,
.blog .filter input {
  width: 100%;
  background: #fff;
  border: none;
  padding: 8px 50px 8px 20px;
  border-radius: 0;
  line-height: 1;
  -webkit-appearance: none;
  vertical-align: top;
  font-size: 1rem;
  height: 32px;
}

.blog .filter select {
  width: 100%;
  cursor: pointer;
}

.blog .filter input {
  float: left;
  width: calc(100% - 48px);
}

.blog .filter ::-moz-placeholder {
  color: #000;
}

.blog .filter :-ms-input-placeholder {
  color: #000;
}

.blog .filter ::placeholder {
  color: #000;
}

.blog .filter button {
  float: left;
  width: 48px;
  padding: 3px;
  background: #fff;
  color: #e9c456;
  font-size: 1.0625rem;
  cursor: pointer;
  height: 32px;
  border: none;
}

.blog .filter button:hover {
  background: #e9c456;
  color: #fff;
}

.blog .filter .search:after {
  content: "";
  clear: both;
  display: table;
}

.blog .wrapp-content,
.single-post .wrapp-content {
  padding-right: 40px;
}

@media (max-width: 1200px) {
  .blog .latest-posts .title-post {
    font-size: 1.375rem;
  }
}

@media (max-width: 1050px) {
  .blog .wrapp-grid .title-post {
    font-size: 1.125rem;
  }
}

@media (max-width: 900px) {
  .single-post .main-wrapp,
  .blog .main-wrapp {
    flex-direction: column;
  }

  .single-post .wrapp-content,
  .blog .wrapp-content {
    order: 2;
    padding-right: 0;
  }

  .blog .latest-posts .wrapp-post1,
  .blog .latest-posts .wrapp-grid {
    width: 100%;
  }

  .blog .latest-posts .grid-item-tile {
    padding-top: calc(59.2% - 18px);
  }
}

@media (max-width: 600px) {
  .blog .latest-posts .wrapp-post4 {
    width: 100%;
  }

  .blog .latest-posts .wrapp-grid .grid-item-tile:hover .description-post {
    opacity: 1;
  }

  .blog .filter .wrapp-filters {
    flex-wrap: wrap;
  }

  .blog .filter .styled-select,
  .blog .filter .search {
    width: 100%;
    flex-basis: 100%;
  }

  .blog .filter .styled-select {
    order: 1;
  }
}

@media (max-width: 400px) {
  .blog .latest-posts .wrapp-post4 {
    width: 100%;
  }

  .blog .latest-posts .grid-item-tile:hover .post-text .description-post {
    opacity: 0;
  }
}

.post .section-banner {
  min-height: 280px;
}

.post .section-banner .background-slider .slide-item {
  background-position: center;
}

.single-post .blog-title {
  border: 2px solid #e9c456;
}

.single-post .blog-title h2 {
  color: #314865;
  text-transform: uppercase;
  font-size: 1.6875rem;
  margin-bottom: 0;
  font-weight: 400;
  padding: 15px 10px;
}

.single-post .secondary-info {
  border-top: 2px solid #e9c456;
  background-color: #d66a7a;
  padding: 5px 10px;
  color: #fff;
  font-size: 0.5625rem;
  font-style: italic;
}

.single-post .secondary-info .line {
  margin: 0 10px;
}

.single-post .secondary-info .date-author,
.single-post .secondary-info .category-info {
  margin-bottom: 0;
  letter-spacing: 1px;
  word-spacing: 1px;
}

.single-post .blog-text {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  letter-spacing: 1px;
  color: #222;
}

.single-post .sidebar h3 {
  color: #314865;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
  margin-bottom: 0;
  font-weight: 400;
  padding: 15px 0;
}

.single-post .sidebar ul {
  list-style: none;
  margin-left: 0;
}

.single-post .sidebar ul li {
  margin-bottom: 5px;
}

.single-post .sidebar ul a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Raleway", Helvetica, sans-serif;
}

.single-post .sidebar #searchsubmit {
  width: 100%;
  font-family: "Acumin-Pro-Condensed";
  border: 2px solid #f3ca4f;
}

.single-post .sidebar #searchsubmit:hover {
  background-color: #d66a7a;
}

.single-post .sidebar #s {
  width: 100%;
  font-size: 14px;
  border: 2px solid #f3ca4f;
  padding: 5px;
  font-family: "Raleway";
}

.single-post .sidebar #mc-embedded-subscribe {
  min-width: 65px;
  padding: 5px 10px;
  height: 48px;
  margin-bottom: 0;
}

.single-post .sidebar #mc-embedded-subscribe-form input {
  padding: 22px 10px;
  border: 2px solid #f3ca4f;
  border-radius: 0;
}

.single-post .sidebar #mc-embedded-subscribe-form .response {
  color: #212529;
}

.single-post .prev-next-post-wrapper a {
  display: inline-block;
  background-color: #e9c456;
  font-weight: 600;
  padding: 10px 15px;
  transition: 0.3s;
  text-transform: uppercase;
  font-family: "Acumin-Pro-Condensed", Helvetica, sans-serif;
  border: 2px solid transparent;
  white-space: nowrap;
}

.single-post .prev-next-post-wrapper a:hover {
  text-decoration: none;
  border: 2px solid #e86278;
}

.single-post .prev-next-post-wrapper .next-news {
  position: relative;
  right: -30px;
}

@media (max-width: 620px) {
  .single-post .blog-title h2 {
    font-size: 1.375rem;
  }
}

