@charset "UTF-8";
/* :: 1.0 Import Fonts */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateY(2000px);
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateY(2000px);
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateX(-2000px);
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateX(-2000px);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateX(2000px);
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateX(2000px);
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateY(-2000px);
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translateY(-2000px);
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

.classy-nav-container a,
.classy-nav-container a:focus,
.classy-nav-container a:hover {
  -webkit-transition-duration: 0.5s;
  text-decoration: none;
  outline: 0;
  font-weight: 400;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-transparent {
  background-color: transparent !important;
}

.classy-nav-container {
  position: relative;
  z-index: 100;
  background-color: #fff;
}

.classynav > ul {
  margin-bottom: 0;
}

.classy-btn,
.classy-nav-container.box-skins .classynav > ul > li {
  background-color: #a4ce83;
}

.classy-nav-container * {
  box-sizing: border-box;
}

.classy-nav-container a {
  transition-duration: 0s;
  color: #232323;
  display: inline-block;
  overflow: hidden;
}

.classy-nav-container a:focus,
.classy-nav-container a:hover {
  transition-duration: 0.5s;
  color: #a4ce83;
}

.classy-navbar .nav-brand,
.classy-navbar .nav-brand:focus,
.classy-navbar .nav-brand:hover {
  font-weight: 500;
}

.classy-nav-container.classy-sticky {
  position: fixed;
  z-index: 1010;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
}

.classy-nav-container.box-skins .classynav > ul > li > a {
  color: #fff;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.breakpoint-off .classynav,
.classy-navbar {
  -webkit-box-align: center;
  -ms-grid-row-align: center;
}

.classy-navbar {
  width: 100%;
  height: 70px;
  padding: 0.5em 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  .classy-navbar {
    height: 60px;
  }
}
.classy-navbar .nav-brand {
  color: #565656;
  display: inline-block;
  margin-right: 30px;
}

.classy-navbar .nav-brand img {
  height: 60px;
  /* width: 100%;
  max-width: 120px; */
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  .classy-navbar .nav-brand img {
    height: 50px;
  }
}
.classynav ul li {
  display: inline-block;
  clear: both;
  position: inherit;
  z-index: 10;
}

.classynav ul li.cn-dropdown-item,
.classynav ul li.cn-dropdown-item ul li {
  position: relative;
  z-index: 10;
}

.classynav ul li ul li {
  display: block;
}

.classynav ul li ul li a {
  padding: 0 24px 0 12px;
}

.classynav ul li a {
  padding: 0 12px;
  display: block;
  height: 35px;
  line-height: 24px;
}

/*@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .classynav ul li a {
	font-size: 12px;
  }
}*/
.classynav ul li .megamenu li a {
  font-size: 0.8em;
  padding: 0 0px;
  height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.classynav ul li div.single-mega a {
  height: auto;
  line-height: 1;
}

.icon-classy-nav-down-arrow {
  font-family: classyfonts;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-classy-nav-down-arrow:before {
  content: "\E900";
}

.classynav ul li.has-down > a:after,
.classynav ul li.megamenu-item > a:after {
  content: "\276F";
  align-items: inline;
  display: inline-block;
  position: relative;
  left: 5px;
  top: -2px;
  transform: rotate(90deg);
  color: white;
  padding-left: 5px;
  /* top: 5px; */
  /* -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; */
}

.classynav ul li ul li.has-down > a::after {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 3;
}

.classy-btn {
  position: relative;
  z-index: 1;
  min-width: 120px;
  padding: 0 25px;
  line-height: 42px;
  height: 42px;
  border-radius: 50px;
  color: #fff !important;
  margin-left: 30px;
  text-align: center;
}

.classycloseIcon,
.dd-trigger {
  position: absolute;
  display: none;
}

.classy-btn:focus,
.classy-btn:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.dd-trigger {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  z-index: 500;
  border-radius: 0;
}

.classycloseIcon {
  top: 20px;
  right: 20px;
  z-index: 12;
}

.classycloseIcon .cross-wrap {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}

.classycloseIcon .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #232323;
}

.classycloseIcon .cross-wrap span.top {
  top: 12px;
  left: 0;
  transform: rotate(45deg);
}

.classycloseIcon .cross-wrap span.bottom {
  bottom: 12px;
  left: 0;
  transform: rotate(-45deg);
}

.classy-navbar-toggler {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}

.classy-navbar-toggler .navbarToggler {
  padding: 0.2em 0.4em 0.8em;
  border-radius: 0.3em;
  display: inline-block;
  background: #333;
  cursor: pointer;
}

.classy-navbar-toggler .navbarToggler span {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  display: block;
  height: 3px;
  margin-top: 5px;
  padding: 0;
  transition-duration: 0.3s;
  width: 30px;
  cursor: pointer;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
  transform: rotate3d(0, 0, 1, -45deg);
  top: -8px;
}

.breakpoint-on .classynav ul li .megamenu {
  background-color: transparent;
}

.classynav ul li .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: #fff;
  z-index: 200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.classynav ul li .megamenu .single-mega.cn-col-5 {
  width: 20%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-5:last-of-type {
  border-right: none;
}

.classynav ul li .megamenu .single-mega.cn-col-4 {
  width: 25%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4 {
  padding: 10px 0;
}

.classynav ul li .megamenu .single-mega.cn-col-4:last-of-type {
  border-right: none;
}

.classynav ul li .megamenu .single-mega.cn-col-3 {
  width: 33.3333334%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-3:last-of-type {
  border-right: none;
}

.classynav ul li .megamenu .single-mega .title {
  border-bottom: 1px solid #f2f4f8;
  padding: 8px 0px;
  font-weight: 600;
}

.breakpoint-on .classynav ul li .megamenu .single-mega .title {
  border-bottom: 1px solid #f2f4f8;
  padding: 8px 0px;
  font-weight: 600;
  margin-bottom: 5px;
}

.classynav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
  height: 28px;
  line-height: 28px;
}

.classynav ul li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.breakpoint-off .classynav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.breakpoint-off .classynav ul li .dropdown {
  /* width: max-content; */
  min-width: 270px;
  position: absolute;
  background-color: #fff;
  top: 120%;
  left: 0;
  z-index: 100;
  height: auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  .breakpoint-off .classynav ul li .dropdown {
    /* width: max-content; */
    min-width: 230px;
  }
}
@media only screen and (max-width: 768px) {
  .breakpoint-off .classynav ul li .dropdown {
    /* width: max-content; */
    min-width: 0px;
    width: 50px;
  }

  .breakpoint-off .classynav ul li {
    width: 0px;
  }
}
.breakpoint-off .classynav ul li .dropdown li .dropdown {
  top: 10px;
  left: 100%;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
  opacity: 0;
  visibility: hidden;
  top: 120%;
}

.breakpoint-off .classynav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: -10px;
}

.breakpoint-off .classynav ul li .megamenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 120%;
  background-color: #fff;
  z-index: 200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  transition-duration: 0.3s;
}

.breakpoint-off .classynav ul li.megamenu-item:focus .megamenu,
.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.breakpoint-on .classy-navbar-toggler,
.breakpoint-on .classycloseIcon {
  display: block;
}

.breakpoint-on .classy-navbar .classy-menu {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: -310px;
  z-index: 1000;
  width: 300px;
  height: 100vh;
  transition-duration: 0.5s;
  padding: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  /*overflow-y: scroll*/
}

.breakpoint-on .classynav ul li .dropdown,
.breakpoint-on .classynav ul li .megamenu {
  position: relative;
  left: 0;
  padding: 0px 0px 0px 15px;
  box-shadow: none;
  width: 100%;
  top: 0;
}

.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: 0;
}

.breakpoint-on .classynav ul li {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;
  /* width: 260px; */
  color: #fff;
}

.breakpoint-on .classynav ul {
  padding: 0 20px;
}

.breakpoint-on .classynav ul li a {
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
}

.breakpoint-on .classynav ul li .dropdown li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.breakpoint-on .classynav ul.dropdown li a {
  color: #fff;
  padding: 0 10px 0 10px;
  height: 36px;
  line-height: 36px;
}

.breakpoint-on .classynav ul li.megamenu-item {
  position: relative;
  z-index: 10;
}

.breakpoint-on .classynav ul .megamenu li a {
  color: #fff;
}

.breakpoint-on .dd-trigger {
  height: 38px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.breakpoint-on .classynav ul li .dropdown,
.breakpoint-on .classynav ul li .megamenu {
  display: none;
}

.breakpoint-on .classynav {
  padding-top: 70px;
}

.breakpoint-on .classynav ul li .megamenu {
  z-index: 200;
}

.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #f2f4f8;
}

.breakpoint-on .classynav > ul > li > a {
  background-color: #f2f4f8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.dark .classynav ul li .dropdown,
.dark .classynav ul li .megamenu,
.dark.classy-nav-container {
  background-color: #192a56;
}

.breakpoint-on .classynav ul li ul.dropdown li ul li {
  /* margin-left: 15px */
}

.breakpoint-on .classy-btn {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  margin: 30px 15px;
}

.breakpoint-on .classynav ul li.has-down > a::after,
.breakpoint-on .classynav ul li.megamenu-item > a::after {
  position: absolute;
  top: 6px;
  right: 0px;
  z-index: 5;
  left: auto;
}

.breakpoint-on .classynav ul li.has-down.active > a:after,
.breakpoint-on .classynav ul li.megamenu-item.active > a:after {
  color: #a4ce83;
}

.dark.classy-nav-container a {
  color: rgba(255, 255, 255, 0.7);
}

.dark .classynav ul li.megamenu-item > a:after,
.dark.classy-nav-container a:focus,
.dark.classy-nav-container a:hover {
  color: #fff;
}

.dark .classynav ul li .megamenu .single-mega.cn-col-3,
.dark .classynav ul li .megamenu .single-mega.cn-col-4,
.dark .classynav ul li .megamenu .single-mega.cn-col-5 {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .classynav ul li.megamenu-item ul li a {
  border-bottom: none;
}

.dark .classynav ul li .megamenu .single-mega .title {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .classy-navbar-toggler .navbarToggler span {
  background-color: #fff;
}

.dark.breakpoint-on .classy-navbar .classy-menu {
  background-color: #192a56;
}

.dark .classycloseIcon .cross-wrap span {
  background-color: #fff;
}

.dark.breakpoint-on .classynav > ul > li > a {
  background-color: #192a56;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-right: none;
}

.dark .classynav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.right.breakpoint-on .classy-navbar .classy-menu {
  left: auto;
  right: -310px;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown,
.right.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: auto;
  right: 0;
}

.dropdown-rtl .classynav ul li .megamenu .single-mega .title,
.dropdown-rtl .classynav ul li a {
  text-align: right;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
  right: 180px;
  left: auto;
  opacity: 0;
  visibility: hidden;
  top: 10px;
}

.dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 90%;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li {
  margin-left: 0;
  margin-right: 15px;
}

* {
  margin: 0;
}

::-moz-selection {
  background: #00467f;
  color: #fff;
}

::selection {
  background: #00467f;
  color: #fff;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE *

/* total width */
::-webkit-scrollbar {
  background-color: transparent !important;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
  border-radius: 0px;
  /*  border: 2px solid #f4f4f4; */
  width: 12px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bfbfbf;
  /*  border: 1px solid #f4f4f4; */
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}

/* div box */
body {
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  width: 100%;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  body {
    font-size: 12px;
  }
}
@media only screen and (max-width:767px) {
  body {
    font-size: 12px;
  }
}

input,
select {
  font-size: 100% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
  line-height: 1.3;
}

h1,
h2,
h4,
h5,
h6 {
  font-weight: 700;
}

h3 {
  font-weight: 600;
}

p {
  color: #333;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 0.7em;
}

b {
  color: #333;
}

a {
  /*  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;*/
  outline: 0 solid transparent;
  /*font-weight: 600;*/
  /* font-size: 14px; */
  color: #6eaadd;
}

a:hover,
a:focus {
  /*  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;*/
  text-decoration: none;
  color: #00467F;
}

hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width:767px) {
  ul,
ol {
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
  }
}

table {
  font-size: inherit;
}

.table th,
.table td {
  padding: 0.3rem;
  vertical-align: top;
}

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

.w-600 {
  font-weight: 600;
}

@media only screen and (min-width:992px) and (max-width:1280px) {
  .container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
    max-width: 980px;
  }
}
@media only screen and (min-width:1281px) and (max-width:1824px) {
  .container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
    max-width: 1140px;
  }
}
@media only screen and (min-width:1825px) {
  .container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
    max-width: 1200px;
  }
}
@media only screen and (max-width:767px) {
  .list-sm-nopadding-style {
    padding: 0px;
  }
}

.list-no-style {
  list-style: none;
}

.d-lg-flex {
  flex: 1 0 auto !important;
}

/* :: Social icons */
.icon-link {
  width: 1.7em;
  height: 1.7em;
  background-color: #666;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  outline: none;
  /*margin: 5px;*/
  margin-left: 0.3em;
  box-sizing: content-box;
  border-radius: 3px;
  border: 1px solid #444;
}

.icon-link:hover {
  transition: background-color 150ms ease-in-out;
}

.icon-link:hover.linkedin {
  border: 1px solid #444;
}

.icon-link.fill.linkedin:hover .fa-linkedin {
  color: #444;
  transition: color 150ms ease-in-out;
}

.icon-link.fill.linkedin:hover {
  background-color: #fff;
}

.icon-link.fill.facebook:hover {
  background-color: #fff;
}

.icon-link.fill.youtube:hover .fa-youtube {
  color: #444;
  transition: color 150ms ease-in-out;
}

.icon-link.fill.youtube {
  background-color: #444;
}

.icon-link.fill.youtube:hover {
  background-color: #fff;
}

.icon-link:hover.youtube {
  border: 1px solid #444;
}

.icon-link:hover.facebook {
  border: 1px solid #444;
}

.icon-link.fill.facebook:hover .fa-facebook {
  color: #444;
  transition: color 150ms ease-in-out;
}

.icon-link.fill.envelope {
  background-color: #444;
}

.icon-link.fill.envelope:hover {
  background-color: #fff;
}

.icon-link:hover.envelope {
  border: 1px solid #444;
}

.icon-link.fill.envelope:hover .fa-envelope {
  color: #444;
  transition: color 150ms ease-in-out;
}

.icon-link .fa {
  color: #fff;
  line-height: 1.8em;
  font-size: 1em;
}

.icon-link.fill.linkedin {
  background-color: #444;
}

.icon-link.fill.facebook {
  background-color: #444;
}

/* Button */
.pharma-plain-text-btn {
  color: #5e9fd6;
  text-decoration: underline;
  font-weight: normal;
}

.pharma-btn {
  display: inline-block;
  position: relative;
  margin-top: 1em;
  padding: 0.5em 1.5em;
  cursor: pointer;
  border-radius: 8px;
  background: #5e9fd6;
  font-size: 1em;
  color: #fff;
  font-weight: 600;
}

.pharma-btn-2 {
  color: #fff;
  padding: 0.1em 1em;
  font-size: 1em;
  border: 1px solid #fff;
}

.pharma-btn-2:hover {
  color: #fff;
  font-weight: normal;
  background: rgba(255, 255, 255, 0.15);
}

.pharma-btn.active,
.pharma-btn:hover,
.pharma-btn:focus {
  color: #fff;
  box-shadow: none !important;
}

.pharma-btn i {
  padding-left: 5px;
  transform: translateX(0px);
  transition: all 0.3s;
}

.pharma-btn:hover > i {
  transform: translateX(8px);
}

.pharma-btn.btn-2 {
  background-color: #5e9fd6;
  border-color: #5e9fd6;
}

.pharma-btn.btn-2.active,
.pharma-btn.btn-2:hover,
.pharma-btn.btn-2:focus {
  background-color: #5e9fd6;
  border-color: #5e9fd6;
}

.pharma-btn.btn-3 {
  background-color: #474747;
  border-color: #5e9fd6;
}

.pharma-btn.btn-3.active,
.pharma-btn.btn-3:hover,
.pharma-btn.btn-3:focus {
  background-color: #5e9fd6;
  border-color: #5e9fd6;
}

.pharma-btn.btn-4 {
  background-color: transparent;
  border: 3px solid #5e9fd6;
  line-height: 53px;
  color: #5e9fd6;
}

@media only screen and (max-width: 767px) {
  .pharma-btn.btn-4 {
    /*    height: 40px;*/
    line-height: 33px;
  }
}
.pharma-btn.btn-4.active,
.pharma-btn.btn-4:hover,
.pharma-btn.btn-4:focus {
  line-height: 53px;
  color: #fff;
  background-color: #5e9fd6;
}

@media only screen and (max-width: 767px) {
  .pharma-btn.btn-4.active,
.pharma-btn.btn-4:hover,
.pharma-btn.btn-4:focus {
    /*height: 40px;*/
    line-height: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .pharma-btn {
    /*height: 40px;*/
    padding: 0.3em 1em;
  }
}
/* :: 4.0 Search Wrapper */
.search-mobile {
  color: #fff;
  /* border: 1px solid #a4ce83; */
  background: #6eaadd;
  margin-right: 0.4em;
  height: 37px;
  font-size: 1.5em;
  padding: 0 0.6em;
  border-radius: 0.3em;
}

.search-mobile i {
  line-height: 1.3em;
  padding-top: 0.3em;
}

.search-wrapper {
  width: 100%;
  display: none;
  height: 70px;
  position: fixed;
  z-index: 1600;
  top: -80px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  transition-duration: 700ms;
}

.twitter-typeahead {
  width: 40%;
  margin-right: 20px;
}

.searchbar-input {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 600;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  height: 25px;
  margin-left: 20px;
}

.search-wrapper .twitter-typeahead {
  width: 85%;
}

@media only screen and (max-width: 767px) {
  .search-wrapper .twitter-typeahead {
    width: 74%;
  }
}
.search-wrapper .tt-menu {
  width: 85%;
}

@media only screen and (max-width: 767px) {
  .search-wrapper .tt-menu {
    width: 120%;
    left: -20% !important;
    top: 85% !important;
  }
}
.search-wrapper form {
  position: relative;
  z-index: 1;
}

.search-wrapper form input {
  width: 92%;
  height: 40px;
  border: 2px solid #fff;
  padding: 0 20px;
  margin: 15px 0;
  border-radius: 0 !important;
}
.search-wrapper form input:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .search-wrapper form input {
    width: 90%;
  }
}
.search-wrapper form a.search-link {
  position: absolute;
  width: 60px;
  height: 40px;
  z-index: 1;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 0 0.25rem 0.25rem 0;
  background-color: #00467f;
  top: 15px;
  border: none;
  right: 5%;
  cursor: pointer;
  outline: none;
}

.search-wrapper form a.search-link i {
  line-height: 40px;
}

.search-wrapper .input-group-prepend {
  margin: 15px 0;
  width: 15%;
}

@media only screen and (max-width: 767px) {
  .search-wrapper .input-group-prepend {
    width: 21%;
    font-size: 0.9em;
  }
}
.search-wrapper .input-group-prepend select {
  height: 40px;
  border-radius: 0.25rem 0 0 0.25rem;
}

@media only screen and (max-width: 767px) {
  .search-wrapper .input-group-prepend select {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  .search-wrapper form a.search-link {
    right: 11%;
    border-radius: 0;
    width: 40px;
  }
}
.search-wrapper .close-btn {
  position: absolute;
  margin: 15px 0;
  width: 42px;
  border-radius: 0.25rem;
  background-color: #282828;
  color: #fff;
  text-align: center;
  cursor: pointer;
  line-height: 40px;
  font-size: 12px;
  right: 11px;
  height: 42px;
  top: -1px;
  z-index: 100;
}

.search-wrapper .close-btn i {
  line-height: 40px;
}

@media only screen and (max-width: 768px) {
  .search-wrapper .close-btn {
    border-radius: 0;
  }
}
.search-wrapper.on {
  top: 0;
}

/* Preloader */
#preloader {
  background-color: #fff;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;
}

#preloader img {
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

#preloader .circle-preloader {
  display: block;
  width: 90px;
  height: 90px;
  border: 2px solid #ccc;
  border-bottom-color: #00467f;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/* :: 5.0 Header Area CSS */
.header-area {
  position: relative;
  z-index: 1020;
  width: 100%;
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.45);
}
.header-area .top-header-area {
  width: 100%;
  padding: 3px 0px 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  height: 32px;
}
@media only screen and (max-width:767px) {
  .header-area .top-header-area {
    height: 27px;
  }
}
.header-area .top-header-area .breaking-news {
  position: relative;
  z-index: 1;
}
.header-area .top-header-area .breaking-news .ticker p {
  margin: 0px;
  color: #444;
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 0px !important;
}
@media only screen and (max-width:767px) {
  .header-area .top-header-area .breaking-news .ticker p {
    font-size: 0.7em;
  }
}
.header-area .pharma-main-menu {
  position: relative;
  width: 100%;
  z-index: 100;
  background-color: #00467e;
}
@media only screen and (max-width:767px) {
  .header-area .pharma-main-menu {
    height: 70px;
  }
}
.header-area .pharma-main-menu .classy-nav-container {
  background-color: transparent;
}
.header-area .pharma-main-menu .classy-nav-container a:hover, .header-area .pharma-main-menu .classy-nav-container a:focus {
  color: #00467f;
}
.header-area .pharma-main-menu .classy-navbar {
  padding: 6px 0px 6px;
  position: relative;
}
@media only screen and (max-width:767px) {
  .header-area .pharma-main-menu .classy-navbar {
    height: 70px;
  }
}
.header-area .pharma-main-menu .classy-navbar .classynav ul li a {
  font-weight: 600;
  border: none;
}
.header-area .pharma-main-menu .classy-navbar .classynav ul li a:hover, .header-area .pharma-main-menu .classy-navbar .classynav ul li a:focus {
  font-weight: 600;
}
.header-area .pharma-main-menu .classy-navbar .classynav > ul > li > a {
  text-transform: uppercase;
  padding: 12px 2px 11px;
  margin-left: 0.5em;
  background-color: transparent;
  border-bottom: 3px solid transparent;
  line-height: 1;
  color: white;
  font-weight: 600;
  overflow: visible;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .header-area .pharma-main-menu .classy-navbar .classynav > ul > li > a {
    margin-left: 0.6em;
  }
}
.header-area .pharma-main-menu .classy-navbar .classynav > ul > li > a:hover, .header-area .pharma-main-menu .classy-navbar .classynav > ul > li > a:focus {
  color: #ddd;
}
.header-area .pharma-main-menu .classy-navbar .classynav > ul > li > a:hover::after, .header-area .pharma-main-menu .classy-navbar .classynav > ul > li > a:focus::after {
  color: #ddd;
}
.header-area .pharma-main-menu .classy-navbar .classynav > ul > li.active > a {
  border-bottom: 3px solid white;
}
.header-area .pharma-main-menu .classy-navbar .classynav > ul > li.active > a::after {
  color: white;
}
.header-area .pharma-main-menu .classynav .search-btn {
  color: #fff;
  background: #00467f;
  padding: 0.3em 0.6em;
  border-radius: 0.3em;
  margin-left: 10px;
  height: 30px;
  cursor: pointer;
  transition-duration: 500ms;
}
.header-area .pharma-main-menu .classynav .search-btn i {
  transition-duration: 500ms;
  line-height: 1.5em;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .header-area .pharma-main-menu .classynav .search-btn {
    margin-left: 15px;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .header-area .pharma-main-menu .classynav .search-btn {
    margin-left: 30px;
    margin-top: 30px;
  }
}
@media only screen and (max-width:767px) {
  .header-area .pharma-main-menu .classynav .search-btn {
    margin-left: 30px;
    margin-top: 30px;
  }
}
@media only screen and (max-width:767px) {
  .header-area .nav-brand img {
    max-width: 120px;
  }
}

@media only screen and (min-width:992px) and (max-width:1280px) {
  .classynav ul li .megamenu li a {
    height: 20px;
    line-height: 20px;
  }
}

@media only screen and (min-width:992px) and (max-width:1280px) {
  .classynav ul li .dropdown li a {
    height: 21px;
    line-height: 21px;
  }
}

.header-area .pharma-main-menu.sticky {
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: -71px;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.85);
}

/* scrollUp */
#scrollUp {
  background-color: #00467f;
  border-radius: 0;
  bottom: 60px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 24px;
  height: 40px;
  line-height: 38px;
  right: 40px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  transition-duration: 500ms;
}
@media only screen and (max-width:767px) {
  #scrollUp {
    bottom: 22px;
    right: 22px;
  }
}

/* Cookie consent */
#cookieConsent {
  background-color: rgba(20, 20, 20, 0.8);
  min-height: 26px;
  color: #fff;
  line-height: 26px;
  padding: 8px 0 2px 30px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
  z-index: 9999;
}

#floating-social-icons {
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  #floating-social-icons {
    display: none;
  }
}
#floating-social-icons.vis {
  opacity: 1;
}

.fl-fl {
  background: #444;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 170px;
  position: fixed;
  left: -136px;
  z-index: 1000;
  top: 158px;
  transition: all 0.25s ease;
  text-align: right;
}

.fl-fl .fa {
  font-size: 1em;
  color: #fff;
  padding: 5px 0;
  /*width: 40px;*/
  margin-left: 8px;
  padding-right: 3px;
}

.fl-fl:hover {
  left: 0;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  line-height: 2em !important;
  vertical-align: top !important;
}

.float-facebook {
  top: 160px;
}

.float-youtube {
  top: 203px;
}

.float-linkedin {
  top: 246px;
}

.float-envelope {
  top: 290px;
}

#sidebar {
  min-width: 305px;
  max-width: 305px;
  color: #fff;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width:768px) and (max-width:991px) {
  #sidebar {
    max-width: 100% !important;
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  #sidebar {
    max-width: 100% !important;
    width: 100%;
  }
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  #sidebar {
    min-width: 240px;
    max-width: 240px;
  }
}
#sidebar.product-sidebar, #sidebar.solution-sidebar, #sidebar.about-sidebar, #sidebar.contactus-sidebar, #sidebar.news-sidebar {
  border-right: none;
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
  -ms-grid-row-align: start;
align-self: start;
}
#sidebar.solution-sidebar {
  min-width: 260px;
  max-width: 260px;
}
#sidebar.solution-sidebar ul li > ul {
  overflow-y: auto;
}
@media only screen and (max-width:767px) {
  #sidebar.solution-sidebar {
    min-width: 100%;
    max-width: 100%;
  }
}
#sidebar.news-sidebar {
  min-width: 310px;
  max-width: 310px;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  #sidebar.news-sidebar {
    min-width: 280px;
    max-width: 280px;
  }
}
#sidebar.news-sidebar .sidebars-area {
  /* background: $secondary-color; */
  clear: both;
  background: transparent !important;
}
#sidebar.product-sidebar {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  min-width: 280px;
  max-width: 280px;
}
#sidebar.product-sidebar ul li a.active {
  background: none !important;
  color: #333 !important;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  #sidebar.product-sidebar {
    min-width: 200px;
    max-width: 200px;
  }
}
#sidebar.contactus-sidebar ul li [aria-expanded=true] {
  background-color: #6eaadd !important;
  color: white;
}
#sidebar.contactus-sidebar ul li:after {
  display: block;
  position: absolute;
  top: 20px;
  z-index: 100;
  right: 6px;
  margin-left: 0.255em;
  content: "";
  border-top: 0.3em solid #333;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
#sidebar.contactus-sidebar ul li > ul {
  margin-left: 0;
  background-color: #f0f6fb;
  padding: 8px;
}
#sidebar.contactus-sidebar ul li > ul::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 8px;
  border: 2px solid #f4f4f4;
  width: 0px;
}
#sidebar .h6 {
  color: #fff;
}
#sidebar h5 {
  position: relative;
}
#sidebar h5:after {
  width: 150px;
  content: "";
  position: absolute;
  bottom: -7px;
  height: 1px;
  background: #6eaadd;
  left: 0;
  margin-left: 0;
  transition: all 0.5s;
}
#sidebar.active {
  margin-left: -270px;
}
#sidebar ul.components {
  padding: 0;
  margin-top: 15px;
}
#sidebar ul li {
  position: relative;
}
#sidebar ul li.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 20px;
  right: 3px;
  /* -webkit-transform: translateY(-50%); */
  -ms-transform: translateY(-50%);
  /* transform: translateY(-50%); */
}
#sidebar ul li.dropdown-toggle::after {
  /* display: inline-block; */
  /* margin-left: 0.255em; */
  vertical-align: 0.255em;
  content: "";
  z-index: 10;
  border-top: 0.3em solid #000;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
#sidebar ul li > ul {
  margin-left: 10px;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  #sidebar ul li > ul {
    max-height: 2355px;
  }
}
#sidebar ul li > ul li a span {
  color: #333;
}
#sidebar ul li a.with-trans {
  padding: 10px 5px;
  display: block;
  color: #333;
  cursor: hand;
  /* text-align: center; */
  text-transform: capitalize;
  white-space: pre-wrap;
  /* border: 1px solid $secondary-color; */
  /* border-radius: 50px; */
  position: relative;
  overflow: hidden !important;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-weight: 600;
}
#sidebar ul li a.with-trans:hover {
  color: #fff !important;
}
#sidebar ul li a.with-trans::before {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  background: #6eaadd;
  position: absolute;
  transform: skewX(-20deg);
  left: -10%;
  opacity: 1;
  top: 0;
  z-index: -12;
  transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  box-shadow: 2px 0px 14px rgba(0, 0, 0, 0.6);
}
#sidebar ul li a.with-trans::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  background: #00467f;
  position: absolute;
  transform: skewX(-20deg);
  left: -10%;
  opacity: 0;
  top: 0;
  border-top: none;
  z-index: -15;
  transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
  box-shadow: 2px 0px 14px rgba(0, 0, 0, 0.6);
}
#sidebar ul li a.with-trans:hover::before, #sidebar ul li a.with-trans:hover::before {
  opacity: 1;
  width: 116%;
}
#sidebar ul li a.with-trans:hover::after, #sidebar ul li a.with-trans:hover::after {
  opacity: 1;
  width: 120%;
}
#sidebar ul li a.with-trans.active {
  background: #6eaadd;
  color: white;
}
#sidebar ul li a.with-trans span {
  color: #333;
}
#sidebar ul li.active > a {
  background: transparent;
  color: #00467f;
}
@media only screen and (max-width:767px) {
  #sidebar {
    min-width: 100%;
    max-width: 180px;
    border-right: none;
  }
}
#sidebar .custom-menu {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 0;
  margin-right: -20px;
  transition: 0.3s;
}
#sidebar .custom-menu .btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
}
#sidebar .custom-menu .btn i {
  margin-right: -40px;
}
#sidebar .custom-menu .btn.btn-primary {
  background: transparent;
  border-color: transparent;
}
#sidebar .custom-menu .btn.btn-primary:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  transform: rotate(45deg);
  background: #00467f;
  border-radius: 10px;
}
#sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
  background: transparent !important;
  border-color: transparent !important;
}

.sidebar-sub-prod {
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  width: 350px;
  opacity: 0;
  visibility: hidden;
  transition: all 50ms;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-toggle:hover .sidebar-sub-prod {
  opacity: 1;
  visibility: visible;
}

/* :: 17.0 Breadcumb Area CSS */
.breadcumb-area {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 3em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.breadcumb-area .breadcumb-text h1,
.breadcumb-area .breadcumb-text .title {
  font-size: 2.9em;
  margin-bottom: 0;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .breadcumb-area .breadcumb-text h1,
.breadcumb-area .breadcumb-text .title {
    font-size: 2.6em;
  }
}

@media only screen and (max-width: 768px) {
  .breadcumb-area .breadcumb-text h2 {
    font-size: 2.2em;
  }
}
/* Shine */
.hover14 figure {
  position: relative;
}

.hover14 figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

.hover14 figure:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@media only screen and (min-width:1825px) {
  #content {
    max-width: 910px;
  }
}
@media only screen and (min-width:1281px) and (max-width:1824px) {
  #content {
    max-width: 850px;
  }
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  #content {
    max-width: 750px;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  #content {
    max-width: 690px;
  }
}

@media only screen and (min-width:1825px) {
  #solution-content {
    max-width: 910px;
  }
}
@media only screen and (min-width:1281px) and (max-width:1824px) {
  #solution-content {
    max-width: 850px;
  }
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  #solution-content {
    max-width: 690px;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  #solution-content {
    max-width: 690px;
  }
}

.grecaptcha-badge {
  z-index: 10;
}

.page-background {
  background-image: url("/images/bg-img/branding-identity.webp");
  background-size: 20%;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
  background-position: bottom right;
}
@media only screen and (max-width:767px) {
  .page-background {
    background-size: 50%;
  }
}

.solutions-bg {
  -o-object-fit: cover;
     object-fit: cover;
  background-size: 100%;
  background-attachment: local;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width:767px) {
  .solutions-bg {
    -o-object-fit: cover;
       object-fit: cover;
    background-repeat: no-repeat;
  }
}

.solutions-overlay {
  position: relative;
}
.solutions-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(76, 138, 188, 0.2);
  z-index: 1;
}
.solutions-overlay > * {
  position: relative;
  z-index: 2;
}

.bg-overlay {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover;
}

.custom-light-box-shadow {
  box-shadow: 0px 4px 11px #e2e2e2;
}

.custom-brochure-light-border-shadow {
  border: 1px solid #e8e8e8;
  box-shadow: 0px 4px 11px #e0e0e0;
}

.bg-overlay::after {
  background-color: rgba(10, 12, 18, 0.21);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.clear-both {
  clear: both;
}

.center-block {
  display: block;
  margin: auto;
}

ul.image-list-style-ul-lg {
  list-style: none;
}

ul.image-list-style-ul-lg > li {
  position: relative;
}

ul.image-list-style-ul-lg > li::before {
  content: url("/images/misc-img/icons/Check Icon-01.svg");
  position: absolute;
  left: -28px;
  top: 1px;
  height: 16px !important;
  width: 16px !important;
}
@media only screen and (max-width:767px) {
  ul.image-list-style-ul-lg > li::before {
    left: -20px;
    top: 1px;
    height: 15px !important;
    width: 15px !important;
  }
}

ul.image-list-style-ul-sm > li::before {
  content: url("/images/misc-img/icons/check-icon20x20.svg");
  position: absolute;
  left: -40px;
  top: 2px;
  height: 12px !important;
  width: 12px !important;
}

.w-90 {
  width: 90%;
  margin: auto;
}

.typeahead.dropdown-menu {
  top: 52px !important;
}

.secondary-text-color {
  color: #797979;
}

.parallax-area {
  position: relative;
  z-index: 2;
  width: 100%;
  background-attachment: fixed;
}

.page-title {
  position: relative;
  font-size: 2.4em;
  line-height: 1.2em;
}

.page-title:after {
  width: 68px;
  content: "";
  position: absolute;
  bottom: -10px;
  height: 2px;
  background: #00467f;
  left: 0;
  margin-left: 0;
  transition: all 0.5s;
}

.small-gutters {
  margin-right: -5px;
  margin-left: -5px;
}

.small-gutters > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.relative {
  position: relative;
}

.primary-bg {
  background-color: #00467f;
}

.primary-color {
  color: #00467f;
}

.break-word {
  overflow-wrap: break-word;
}

.font-80 {
  font-size: 80%;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #00467f;
  border-color: #a4ce83;
}

.page-link:focus {
  box-shadow: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #a4ce83;
}

.tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.tags li {
  margin-right: 0.7em;
  margin-bottom: 0.5em;
}
.tags li a {
  white-space: nowrap;
  border: 1px solid #00467f;
  border-radius: 0.5em;
  padding: 0.2em 0.5em;
  font-size: 0.8em;
}

.form-control:focus,
.filter-dropdown:focus {
  color: #495057;
  background-color: #fff;
  border-color: #a4ce83;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(164, 206, 131, 0.0901960784);
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.filter-dropdown {
  height: -webkit-calc(1.5em + 0.75rem + 2px);
  height: calc(1.5em + 0.75rem + 2px);
  border: 1px solid #ced4da;
}

.sort-product-select {
  /* height: calc(1.5em + 0.75rem + 2px); */
  border: 1px solid #ced4da;
  height: 2.2rem;
}

.page-link {
  color: #6eaadd;
}

.page-link:hover {
  color: #6eaadd;
}

.swal2-styled.swal2-confirm {
  background-color: #00467f !important;
}

.tab-head {
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
  background-color: #00467f;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tab-head .tab-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 50px;
  width: auto;
  color: white;
  font-weight: 600;
  background-color: #00467f;
  font-size: 1.6em;
  float: left;
  /*   border-right: 3px solid white; */
  padding: 0 15px 0 10px;
  margin: 0;
  position: relative;
  border-top-left-radius: 8px;
}
.tab-head .tab-title:after {
  content: "";
  /*  border-right: 7px solid $secondary-color; */
  position: absolute;
  top: 0;
  right: -16px;
  width: 30px;
  height: 30px;
  transform: skew(41deg);
  /*   background: #a4ce83; */
}

/* Tabs CSS*/
.delicious-tabs-content {
  position: relative;
  z-index: 1;
}

.delicious-tabs-content .nav-tabs {
  border-bottom: none;
  /*margin-bottom: 50px;*/
}

.delicious-tabs-content .nav-tabs .nav-link {
  background-color: #6eaadd;
  color: #fff;
  border: none;
  /*border-left: 3px solid $primary-color;*/
  padding: 16px 10px;
  height: 50px;
  border-right: 1px solid #d8d8d9 !important;
  /*margin: 0 2px;*/
  border-radius: 0;
  font-size: 0.9em;
  font-weight: 600;
  /*margin-bottom: 5px;*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .delicious-tabs-content .nav-tabs .nav-link {
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .delicious-tabs-content .nav-tabs .nav-link {
    padding: 10px 3px;
    font-size: 0.7em;
    height: 33px;
  }
}
.delicious-tabs-content.stock-units-tab .nav-tabs .nav-item {
  width: 33.33% !important;
}

.delicious-tabs-content .nav-tabs .nav-item {
  width: 16.66%;
  text-align: center;
}

.delicious-tabs-content .nav-tabs .nav-link.active {
  background-color: #00467f;
  color: #fff;
  /*border-left: 3px solid $primary-color;*/
}

.delicious-tabs-content .tab-content h6 {
  font-size: 18px;
}

.overlay-img {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  opacity: 0.8;
}

.black-bg-popup {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1400;
}

.landing-page-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 5%;
  z-index: 99999;
  padding: 20px;
  overflow: auto;
  display: none;
}
@media only screen and (max-width:767px) {
  .landing-page-popup {
    top: 0;
  }
}

@media (max-width: 991px) {
  .content-popup {
    display: block !important;
  }
}
.close-btn {
  position: absolute;
  top: -7px;
  right: 0;
}
@media only screen and (max-width:767px) {
  .close-btn {
    position: absolute;
    top: -11px;
    right: -11px;
  }
}

.first-popup {
  position: relative;
}

.landing-page-popup .content-popup {
  background: #fff;
  background-size: 20%;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
  background-position: 83% 69%;
  /* background-size: 100% 100%; */
  background-repeat: no-repeat;
  padding: 15px 20px;
}

.content-popup .first-popup .home-btn {
  margin-top: 2em;
}

.content-popup .first-popup .home-btn a {
  font-size: 1.2em;
  background-color: #99c178;
  border-color: #99c178;
}

h2.pop-up-main-title {
  text-align: center;
  margin: 0;
  font-weight: 800;
  color: #404248;
  text-shadow: 1px 1px 5px #fff;
}

h3.pop-up-main-title {
  color: #8aac6f;
  margin-bottom: 0;
}
@media only screen and (max-width:767px) {
  h3.pop-up-main-title {
    font-size: 1.5em;
  }
}

h3.pop-up-main-title span {
  font-weight: 500;
}

h5.pop-sub-title {
  font-weight: 500;
}
@media only screen and (max-width:767px) {
  h5.pop-sub-title {
    font-size: 1.2em;
  }
}

.pop-up-title {
  font-weight: 600;
  padding: 0;
  font-size: 1.1em;
  margin: 0 0 5px 0;
}
@media only screen and (max-width:767px) {
  .pop-up-title {
    font-size: 0.9em;
  }
}

.productline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}

.productline-img {
  /* width: 100%; */
  width: 30%;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .productline-img {
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .productline-img {
    width: 40%;
  }
}

.productline-detail {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 70%;
  flex-direction: column;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .productline-detail {
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .productline-detail {
    width: 60%;
  }
}

.productline-detail-img {
  background: rgba(255, 255, 255, 0.28);
  border-radius: 1em;
  overflow: hidden;
  box-shadow: 0px 1px 10px #626262;
  border: 1px solid #828282;
  width: 43%;
  /* position: relative; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1%;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .productline-detail-img {
    flex-direction: column;
    width: 48%;
  }
}
@media only screen and (max-width:767px) {
  .productline-detail-img {
    width: 100%;
  }
}

.productline-detail-img.middle-prod {
  margin: 0 6%;
}

.productline-detail p {
  color: #333;
  font-size: 1em;
  line-height: 1.2em;
}
@media only screen and (max-width:767px) {
  .productline-detail p {
    font-size: 0.9em;
    line-height: 1em;
  }
}

.label-container {
  position: fixed;
  bottom: 27px;
  left: 87px;
  z-index: 999;
  display: none;
}
@media only screen and (max-width:767px) {
  .label-container {
    bottom: 17px;
    left: 73px;
  }
}

.label-text {
  color: #fff;
  background: rgba(51, 51, 51, 0.75);
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-radius: 3px;
}

.label-arrow {
  display: table-cell;
  vertical-align: middle;
  color: rgba(51, 51, 51, 0.75);
  transform: rotate(180deg);
}

.covid-pop-float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 19px;
  left: 22px;
  z-index: 999;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
}
@media only screen and (max-width:767px) {
  .covid-pop-float {
    width: 40px;
    height: 40px;
    bottom: 12px;
    left: 14px;
  }
}

.my-float {
  font-size: 24px;
  margin-top: 18px;
}

a.covid-pop-float + div.label-container {
  display: none;
}

a.covid-pop-float:hover + div.label-container {
  display: table !important;
}

a.close-popup {
  color: #99c178;
}

a.close-popup:hover {
  color: #99c178;
}

/* newsletterpop up */
/*@import url('https://fonts.googleapis.com/css?family=Poppins');*/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

#newsletterpopup .popup {
  margin: 0px auto;
  /*padding: 50px 20px;*/
  background: #fff;
  border-radius: 0px;
  /* height: 260px;*/
  max-width: 900px;
  width: 90%;
  position: relative;
  text-align: left;
  top: 50% !important;
  position: fixed !important;
  transform: translateY(-50%);
  right: 0px;
  left: 0;
}

#newsletterpopup .popup h2 {
  margin-top: 0;
  color: #333;
}

#newsletterpopup .popup .close {
  position: absolute;
  right: 0px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  float: right;
  padding: 0;
  color: #fff;
  margin-top: 0;
  margin-right: 0;
  height: 40px;
  width: 40px;
  line-height: 38px;
  opacity: 1;
  z-index: 1;
}

#newsletterpopup .popup .close:hover {
  color: #00467f;
  opacity: 1;
}

#newsletterpopup .popup .content {
  max-height: 30%;
  overflow: auto;
}

#newsletterpopup .newletter-title h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 15px;
}

#newsletterpopup .box-content label {
  font-weight: 400;
  max-width: 560px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 26px;
}

.newletter-popup {
  background: #fff;
  top: 50% !important;
  position: fixed !important;
  padding: 0;
  text-align: center;
  transform: translateY(-50%);
}

#newsletterpopup #frm_subscribe #subscribe_pemail,
#newsletterpopup #frm_subscribe #subscribe_pname {
  display: block;
  border: 1px solid #ebebeb;
  background: #ebebeb none repeat scroll 0% 0%;
  height: 40px;
  width: 50%;
  min-width: 200px;
  min-width: 241px;
  margin: 10px 0px 0px 0;
  padding-left: 15px;
}

#newsletterpopup #frm_subscribe a.popup-subscribe {
  cursor: pointer;
  text-align: center;
  width: 30%;
  min-width: 100px;
  border: none;
  background: #00467f;
  padding: 3px 3px;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  line-height: 25px;
  display: inline-block;
  border-radius: 0;
  letter-spacing: 2px;
}

#newsletterpopup .box-content .subscribe-bottom {
  margin-top: 20px;
}

#newsletterpopup .box-content .subscribe-bottom #newsletter_popup_agree {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  margin-top: -1px;
}

#newsletterpopup .box-content .subscribe-bottom label {
  margin: 0;
  font-weight: 400;
  max-width: 650px;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 12px;
}

/*
 #popup1 #frm_subscribe a.popup-subscribe:hover{
     background: #7ed0cc;
 }*/
.popup-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.popup-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.popup-content-details {
  width: 60%;
  padding: 30px;
}
.popup-content-details .newletter-title p {
  font-size: 24px;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 15px;
}

.popup-content-image {
  width: 40%;
  background: url("/images/core-img/pop-up-min.jpg");
  background-position: 57% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.popup-btn-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.popup-social-list {
  list-style: none;
  float: right;
  margin: 0 10px 0 0;
}

.popup-social-list li a i {
  transition: all 500ms;
}

.popup-social-list li {
  display: inline-block;
}

.popup-social-list li a.facebook {
  background-color: #3c5a99;
  border: 1px solid #3c5a99;
}

.popup-social-list li a:hover i {
  transform: rotateY(360deg);
  color: #fff;
}

.popup-social-list li a.linkdin {
  background-color: #009bd5;
  border: 1px solid #009bd5;
}

.popup-social-list li a.twitter {
  background-color: #3cf;
  border: 1px solid #3cf;
}

.popup-social-list li a.youtube-top-bar {
  background-color: #ff0000;
  border: 1px solid #ff0000;
}

.popup-social-list li a {
  display: inline-block;
  color: #fff;
  border-radius: 0;
}

.popup-social-icons {
  width: 100%;
}

.swal-footer {
  text-align: center !important;
}

.swal-icon--success__ring {
  border: 4px solid rgba(164, 206, 131, 0.8) !important !important;
}

.swal-icon--success__line {
  background-color: #00467f !important;
}

.swal-button {
  background-color: #00467f !important;
}

.swal-button:not([disabled]):hover {
  background-color: rgba(164, 206, 131, 0.8) !important;
}

@media only screen and (max-width: 600px) {
  .popup-content {
    flex-direction: column-reverse;
  }

  .popup-content-details {
    width: 100%;
    padding: 20px;
  }

  .popup-content-image {
    width: 100%;
    height: 30vh;
  }

  #newsletterpopup .newletter-title h2 {
    font-size: 16px;
  }

  #newsletterpopup .box-content label {
    line-height: 18px;
  }

  #newsletterpopup #frm_subscribe #subscribe_pemail,
#newsletterpopup #frm_subscribe #subscribe_pname {
    width: 100%;
    height: 34px;
  }

  .popup-inputs {
    display: block;
  }

  .popup-social-list {
    margin: 0;
    padding: 0;
  }

  .popup-social-list li a {
    padding: 3px 6px;
  }

  #newsletterpopup .box-content .subscribe-bottom label {
    font-size: 10px;
  }

  #newsletterpopup #frm_subscribe a.popup-subscribe {
    font-size: 12px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .popup-inputs {
    display: block;
  }

  #newsletterpopup #frm_subscribe #subscribe_pemail,
#newsletterpopup #frm_subscribe #subscribe_pname {
    width: 100%;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
/* Homepage slider modal */
.homeslider-modal {
  z-index: 2000;
}

.homeslider-modal .modal-content {
  background: rgba(0, 0, 0, 0.6) !important;
}

.homeslider-modal .modal-content h3 {
  color: #fff;
}

.homeslider-modal .modal-content p {
  color: #fff;
  line-height: 1.8em;
}

@media only screen and (max-width: 767px) {
  .homeslider-modal .modal-content p {
    line-height: 1.5em;
  }
}
.slider-container {
  position: relative;
  height: -webkit-calc(100vh - 100px);
  height: calc(100vh - 100px);
  min-height: 500px;
  max-height: 1080px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: all-scroll;
  overflow-x: hidden;
}
@media only screen and (max-width:767px) {
  .slider-container {
    height: -webkit-calc(100vh - 95px);
    height: calc(100vh - 95px);
  }
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}

.slider-control.inactive:hover {
  cursor: auto;
}

.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}

.slider-control.left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}

.slider-control.right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.18)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2em;
  transform: translateX(-50%);
  list-style-type: none;
}

@media (max-width: 767px) {
  .slider-pagi {
    /*line-height: 20em;*/
    bottom: 1em;
  }
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 1em;
  height: 1em;
  margin: 0 0.5em;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
}

.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.7em;
  height: 0.7em;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.3s;
  transform: translate(-50%, -50%) scale(0);
}

.slider-pagi__elem.active:before,
.slider-pagi__elem:hover:before {
  transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}

.slider.animating {
  transition: transform 1s;
  will-change: transform;
}

.slider.animating .slide__bg {
  transition: transform 1s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide.active .slide__overlay,
.slide.active .slide__overlay2,
.slide.active .slide__overlay3,
.slide.active .slide__text-heading,
.slide.active .slide__text-desc,
.slide.active .slide__text-link {
  opacity: 1;
  transform: translateX(0);
}

.slide.active .slide__text {
  opacity: 1;
}

.glasspane1 {
  position: absolute;
  top: 0;
  right: -7%;
  /* transform: skewX(-47deg); */
  width: 180px;
  height: 100%;
  /* background-image: url(/images/aad.png); */
  background-attachment: fixed;
  z-index: 1;
  transition: transform 7s 0.6s, opacity 0.5s 0.6s;
  will-change: transform, opacity;
  box-shadow: 20px 0 100px rgba(0, 0, 0, 0.2), -20px 0 100px rgba(0, 0, 0, 0.2);
  transform: translate3d(350px, 0, 0) skewX(-47deg);
  opacity: 0;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .glasspane1 {
    right: -10%;
  }
}

.slide.active .glasspane1 {
  opacity: 1;
  transform: translateX(0) skewX(-47deg);
}

.slide:not(.active) .glasspane1 {
  opacity: 0;
  transition: transform 1s, opacity 1s;
  transform: translateX(350px) skewX(-47deg);
}

.slide.active .glasspane2 {
  opacity: 1;
  transform: translateX(0) skewX(-47deg);
}

.slide.active .glasspane3 {
  opacity: 1;
  transform: translateX(0) skewX(-47deg);
}

.slide:not(.active) .glasspane2 {
  opacity: 0;
  transition: transform 1s 2s, opacity 1s 2s;
  transform: translateX(4000px) skewX(-47deg);
}

.slide:not(.active) .glasspane3 {
  opacity: 0;
  transition: transform 1s 2s, opacity 1s 2s;
  transform: translateX(-576px) skewX(-47deg);
}

.slide:not(.active) .slide__overlay {
  opacity: 0;
  transition: transform 1s, opacity 1s;
  transform: translate3d(20%, 0, 0);
}

.slide:not(.active) .slide__overlay2 {
  opacity: 0;
  transition: transform 1s, opacity 1s;
  transform: translate3d(-20%, 0, 0);
}

.slide:not(.active) .slide__overlay3 {
  opacity: 0;
  transition: transform 1s, opacity 1s;
  transform: translate3d(-20%, 0, 0);
}

.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  will-change: transform;
}

.slide:nth-child(1) {
  left: 0;
}

.slide .slide__overlay-path {
  fill: #00467f;
}

.slide .slide__overlay-path.pathOne {
  d: path("M720,190 720,195 495,405 490,405");
}

.slide .slide__overlay-path.pathTwo {
  d: path("M720,200 720,292 600,405 500,405");
}

.slide .slide__overlay-path.pathFour {
  d: path("M220,0 230,0 0,230 0,220");
}

@media only screen and (max-width: 768px) {
  .slide .slide__overlay-path.pathOne {
    d: path("M720,331 720,336 644,405 639,405");
  }

  .slide .slide__overlay-path.pathTwo {
    d: path("M720,338 720,383 696,405 648,405");
  }

  .slide .slide__overlay-path.pathFour {
    d: path("M171,0 176,0 0,182 0,172");
  }
}
.slide:nth-child(1) .slide__bg {
  left: 0;
}

.slide:nth-child(2) {
  left: 100%;
}

.slide:nth-child(2) .slide__bg {
  left: -50%;
}

.slide:nth-child(3) {
  left: 200%;
}

.slide:nth-child(3) .slide__bg {
  left: -100%;
}

.slide:nth-child(4) {
  left: 300%;
}

.slide:nth-child(4) .slide__bg {
  left: -150%;
}

.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide__overlay {
  position: absolute;
  bottom: 0;
  right: -7%;
  height: 100%;
  /* width: 100%; */
  min-height: 810px;
  transition: transform 5s 1s, opacity 0.5s 1s;
  will-change: transform, opacity;
  transform: translate3d(20%, 0, 0);
  opacity: 0;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .slide__overlay {
    right: -5%;
  }
}
@media only screen and (min-width:1825px) {
  .slide__overlay {
    right: -2%;
  }
}
@media only screen and (max-width:767px) {
  .slide__overlay {
    display: none;
  }
}

.slide__overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  /* width: 100%; */
  min-height: 810px;
  transition: transform 6s 1s, opacity 0.5s 1s;
  will-change: transform, opacity;
  transform: translate3d(-10%, 0, 0);
  opacity: 0;
}
@media only screen and (max-width:767px) {
  .slide__overlay2 {
    display: none;
  }
}

.slide__overlay3 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  /* width: 100%; */
  min-height: 810px;
  transition: transform 6s 1s, opacity 0.5s 1s;
  will-change: transform, opacity;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media only screen and (max-width:767px) {
  .slide__overlay3 {
    display: none;
  }
}

.glasspane2 {
  position: absolute;
  top: 0;
  left: -900px;
  /* transform: skewX(-47deg); */
  width: 350px;
  height: 100%;
  /* background-image: url(/images/aad.png); */
  background-attachment: fixed;
  z-index: 1;
  transition: transform 1.5s 0.3s, opacity 0.5s 0.3s;
  will-change: transform, opacity;
  box-shadow: 20px 0 100px rgba(0, 0, 0, 0.2), -20px 0 100px rgba(0, 0, 0, 0.2);
  transform: translate3d(-2000px, 0, 0) skewX(-47deg);
  opacity: 0;
}

.glasspane3 {
  position: absolute;
  top: 0;
  right: -650px;
  /* transform: skewX(-47deg); */
  width: 70px;
  height: 100%;
  /* background-image: url(/images/aad.png); */
  background-attachment: fixed;
  z-index: 1;
  transition: transform 9s 1s, opacity 1s 1s;
  will-change: transform, opacity;
  box-shadow: 20px 0 100px rgba(0, 0, 0, 0.2), -20px 0 100px rgba(0, 0, 0, 0.2);
  transform: translate3d(-700px, 0, 0) skewX(-47deg);
  opacity: 0;
}

@media only screen and (max-width: 768px) {
  .glasspane3 {
    transform: translate3d(-576px, 0, 0) skewX(-47deg);
  }

  .slide .slide__overlay-path.pathTwo {
    d: path("M720,338 720,383 696,405 648,405");
  }
}
@media only screen and (max-width: 768px) {
  .glasspane1,
.glasspane2,
.glasspane3 {
    display: none !important;
  }
}
.slide__overlay path {
  opacity: 0.5;
}

.slide__overlay2 path {
  opacity: 0.2;
}

.slide__overlay3 path {
  opacity: 0.2;
}

.slide__text {
  position: absolute;
  width: 100%;
  bottom: 11%;
  /* left: 12%; */
  color: #fff;
  z-index: 2;
  transition: transform 1s 1s, opacity 1s 1s;
  will-change: transform, opacity;
  /*  -webkit-transform: translateY(50%);
        transform: translateY(50%);*/
  opacity: 0;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .slide__text {
    bottom: 17%;
  }
}

@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 20%;
    width: 100%;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    padding: 0 1em;
  }
}
.slide__text-heading {
  /* font-family: "Polar", Helvetica, Arial, sans-serif; */
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.78);
  font-size: 2.7em;
  line-height: 1em;
  transition: transform 1s 1s, opacity 1s 1s;
  margin-bottom: 0.5em;
  transform: translateY(50px);
  opacity: 0;
}

@media (max-width: 767px) {
  .slide__text-heading {
    /*line-height: 20em;*/
    margin-bottom: 0.5em;
    font-size: 2.3em;
  }
}
.slide__text-desc {
  color: #fff;
  text-shadow: 0 0 6px #000000a6;
  font-size: 1.1em;
  line-height: 1.5em;
  transition: transform 1s 1.3s, opacity 1s 1.3s;
  transform: translateY(50px);
  /* font-family: "Open Sans", Helvetica, Arial, sans-serif; */
  /* font-size: 1.8em; */
  margin-bottom: 1.5em;
  opacity: 0;
}

@media (max-width: 767px) {
  .slide__text-desc {
    /*    display: none;*/
    font-size: 1em;
  }
}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  margin-top: 1em;
  padding: 0.5em 1.5em;
  cursor: pointer;
  background: #00467f;
  font-size: 1em;
  perspective: 1000px;
  transition: transform 1s 1.6s, opacity 1s 1.6s;
  transform: translateY(50px);
  opacity: 0;
}

.slide__text-link i {
  padding-left: 5px;
  transform: translateX(0px);
  transition: all 0.3s;
}

.slide__text-link:hover > i {
  transform: translateX(8px);
}

@media (max-width: 991px) {
  .slide__text-link {
    /*display: none;*/
    padding: 0.5em 1em;
  }
}
.featured-products .section-title-and-description {
  border-left: none !important;
}

.featured-products .section-title-and-description p.text-tag {
  color: #00467f;
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 3px;
}

.featured-products .section-title-and-description p.text-secondary {
  position: relative;
  /*  &:before {
      content: "";
      height: 5em;
      width: 2px;
      position: absolute;
      left: 2px;
      background-color: #a4ce83;
  } */
}

.standard-prod.section-title-and-description {
  padding-left: 2.5em;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .standard-prod.section-title-and-description {
    padding-left: 0;
  }
}

.feature-product-slider .container p {
  position: relative;
  bottom: 2.8em;
}

.feature-product-slider .slider-image {
  max-width: 510px;
  max-height: 510px;
}

.hero-slides .owl-prev,
.hero-slides .owl-next,
.feature-product-slider .owl-prev,
.feature-product-slider .owl-next {
  background-color: transparent;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 50%;
  margin-top: -40px;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-weight: 600;
  transition-duration: 500ms;
}

.hero-slides .owl-prev,
.hero-slides .owl-next {
  font-size: 16p x;
  opacity: 0;
  color: #fff;
  left: 4%;
  visibility: hidden;
}

.feature-product-slider .owl-prev,
.feature-product-slider .owl-next {
  color: #fff;
  opacity: 1;
  font-size: 100px;
  left: -12%;
  visibility: visible;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .feature-product-slider .owl-prev,
.feature-product-slider .owl-next {
    font-size: 80px;
    left: -8%;
  }
}

@media only screen and (max-width: 767px) {
  .feature-product-slider .owl-prev,
.feature-product-slider .owl-next {
    font-size: 68px;
    left: -15%;
  }
}
.feature-product-slider.standard-configurable-product-slider .owl-prev,
.feature-product-slider.standard-configurable-product-slider .owl-next {
  color: #d9d9d9;
}

@media only screen and (max-width: 767px) {
  .hero-slides .owl-prev,
.hero-slides .owl-next {
    font-size: 13px;
  }
}
.feature-product-slider .owl-next {
  left: auto;
  right: -12%;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .feature-product-slider .owl-next {
    right: -8%;
  }
}

@media only screen and (max-width: 767px) {
  .feature-product-slider .owl-next {
    right: -15%;
  }
}
.airflow-scheme-img1 {
  max-width: 350px;
  width: 100%;
}

.airflow-scheme-img2 {
  max-width: 480px;
  width: 100%;
}

/*SOLUTIONS SECTION STYLES*/
.solutions-section .hoverable-solutions p {
  font-weight: 600;
  cursor: pointer;
  font-size: 1.2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #00467f;
}
.solutions-section .hoverable-solutions p.selected {
  color: white;
  text-shadow: 0 0 3px #00000075;
}

@media only screen and (max-width: 768px) {
  .solutions-section .hoverable-solutions p {
    margin-bottom: 1em !important;
    text-align: center;
    font-size: 1em;
    text-align: center;
    font-weight: 600;
  }
}
#cf7_controls .hoverable-solutions {
  flex: 3 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#cf7_controls .hoverable-solutions.hover-sol-left {
  order: 1;
}

#cf7_controls .hoverable-solutions.hover-sol-right {
  order: 3;
  align-items: flex-end;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  #cf7_controls .hoverable-solutions {
    align-items: center !important;
  }
}
.solutions-section .hoverable-solutions p.selected {
  color: #fff;
  text-shadow: 0 0 3px #00000075;
}

#cf7_controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: stretch;
  margin-top: 3em;
  flex-wrap: wrap;
}

#cf7_controls .cf7_controls-img-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 4 0 0;
  width: 45%;
  order: 2;
}

@media only screen and (max-width: 768px) {
  #cf7_controls .cf7_controls-img-details {
    flex: none;
    order: 0;
    width: 100%;
    margin-bottom: 2em;
    padding: 0 6em;
  }
}
@media only screen and (max-width: 480px) {
  #cf7_controls .cf7_controls-img-details {
    padding: 0 !important;
  }
}
#cf7_controls .cf7_controls-img-details1 {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

#cf7_controls .cf7_controls-img-details2 {
  border: 1em solid #5e9fd6;
  height: 100%;
  border-radius: 50%;
  width: 100%;
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  color: white;
}

@media only screen and (max-width: 768px) {
  #cf7_controls .cf7_controls-img-details2 {
    border: 16px solid #5e9fd6;
    padding: 10px;
  }
}
p#cf7_controls {
  text-align: center;
}

#cf7_controls span {
  padding-right: 2em;
  cursor: pointer;
}

#cf7 {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}

#cf7 div.solutions-content {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#cf7 div.solutions-content img {
  height: 50%;
  padding-top: 1em;
}

@media only screen and (max-width: 320px) {
  #cf7 div.solutions-content img {
    height: 34%;
    padding-top: 0.5em;
  }
}
#cf7 div.solutions-content .solutions-content-bg-img {
  height: 50%;
  opacity: 1;
  background-size: cover;
  background-position: center center;
}

#cf7 div.opaque {
  opacity: 1;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

.solutions-section .hoverable-solutions p {
  font-weight: 600;
  cursor: pointer;
  font-size: 1.2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #00467f;
}
.solutions-section .hoverable-solutions p.selected {
  color: white;
  text-shadow: 0 0 3px #00000075;
}

@media only screen and (max-width: 768px) {
  .solutions-section .hoverable-solutions p {
    margin-bottom: 1em !important;
    text-align: center;
    font-size: 1em;
    text-align: center;
    font-weight: 600;
  }
}
#cf8_controls .hoverable-solutions {
  flex: 2 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

#cf8_controls .hoverable-solutions.hover-sol-left {
  order: 1;
}

#cf8_controls .hoverable-solutions.hover-sol-right {
  order: 3;
  align-items: flex-end;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  #cf8_controls .hoverable-solutions {
    align-items: left !important;
  }
}
.solutions-section .hoverable-solutions p.selected {
  color: #fff;
  text-shadow: 0 0 3px #00000075;
}

#cf8_controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: stretch;
  margin-top: 3em;
  flex-wrap: wrap;
}

#cf8_controls .cf8_controls-img-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 2 0 0;
  width: 45%;
  order: 2;
}

@media only screen and (max-width: 768px) {
  #cf8_controls .cf8_controls-img-details {
    flex: none;
    order: 0;
    width: 100%;
    margin-bottom: 2em;
    padding: 0 6em;
  }
}
@media only screen and (max-width: 480px) {
  #cf8_controls .cf8_controls-img-details {
    padding: 0 !important;
  }
}
#cf8_controls .cf8_controls-img-details1 {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

#cf8_controls .cf8_controls-img-details2 {
  border: 1em solid #5e9fd6;
  height: 100%;
  border-radius: 50%;
  width: 100%;
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  color: white;
}

@media only screen and (max-width: 768px) {
  #cf8_controls .cf8_controls-img-details2 {
    border: 16px solid #5e9fd6;
    padding: 10px;
  }
}
p#cf8_controls {
  text-align: center;
}

#cf8_controls span {
  padding-right: 2em;
  cursor: pointer;
}

#cf8 {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}

#cf8 div.solutions-content {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#cf8 div.solutions-content img {
  height: 50%;
  padding-top: 1em;
}

@media only screen and (max-width: 320px) {
  #cf8 div.solutions-content img {
    height: 34%;
    padding-top: 0.5em;
  }
}
#cf8 div.solutions-content .solutions-content-bg-img {
  height: 50%;
  opacity: 1;
  background-size: cover;
  background-position: center center;
}

#cf8 div.opaque {
  opacity: 1;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

.turnkey-solution-content {
  padding: 0 1em;
}

.turnkey-solution-box {
  border: 3px solid #fff;
  border-radius: 4em;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .turnkey-solution-box {
    border-radius: 3em;
  }

  .turnkey-solution-content {
    padding: 0;
  }
}
.turnkey-solution-box img {
  transform: scale(0.8);
  transition: all 0.5s;
}

.turnkey-solution-box .turnkey-solution-box-ovelay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: -100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 37, 37, 0.5);
  transform: scale(0);
  transition: 0.5s;
  color: #fff;
  border-radius: 50%;
  z-index: 0;
}

.turnkey-solution-box-details {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  .turnkey-solution-box-details p {
    font-size: 0.9em;
  }
}
.turnkey-solution-box:hover > img {
  transform: scale(1.5);
}

.turnkey-solution-box:hover > .turnkey-solution-box-ovelay {
  transform: scale(3);
}

.turnkey-solution-box:hover > .turnkey-solution-box-details {
  opacity: 1;
  transform: translateY(0px);
}

h1.news-title {
  line-height: 1.2em;
}
@media only screen and (max-width:767px) {
  h1.news-title {
    font-size: 2.5em;
  }
}

p.news-date {
  line-height: 1.2em;
}

.events-list-home .event-date {
  background-color: #00467f;
  border: 1px solid #fff;
  padding: 15px 0;
}

.event-details h4 span.event-title {
  font-size: 1.3em;
}

.event-date h4 span.event-day {
  font-size: 1.5em;
}

.event-details p {
  font-size: 1.3em;
}

.news-list-home .main-news h6.news-category-title {
  font-weight: bold;
}

.news-list-home .main-news p {
  font-size: 1em;
}

.news-list-home .main-news {
  margin-top: 18px;
}

.global-reference {
  position: relative;
  color: #e21c24;
}

p.global-reference-list {
  line-height: 2.1em;
  color: #fff;
  font-size: 0.8em;
  white-space: nowrap;
}

.global-reference .pin {
  position: absolute;
  transform: scale(1);
  transition: all 0.3s;
  transform-origin: bottom;
}

@media only screen and (max-width: 767px) {
  .global-reference .pin {
    font-size: 0.8em !important;
  }
}
.global-reference .rus {
  bottom: 70%;
  left: 71%;
}

.global-reference .jap {
  bottom: 54%;
  left: 81%;
}

.global-reference .kor {
  bottom: 55%;
  left: 78.7%;
}

.global-reference .tai {
  bottom: 48.3%;
  left: 76.9%;
}

.global-reference .phi {
  bottom: 42%;
  left: 77.2%;
}

.global-reference .aus {
  bottom: 25%;
  left: 80.2%;
}

.global-reference .new {
  bottom: 15.2%;
  left: 89.2%;
}

.global-reference .chi {
  bottom: 54%;
  left: 72%;
}

.global-reference .sin {
  bottom: 38%;
  left: 72.2%;
}

.global-reference .hkg {
  bottom: 48%;
  left: 75.5%;
}

.global-reference .vie {
  bottom: 43%;
  left: 73.7%;
}

.global-reference .cam {
  bottom: 43%;
  left: 73%;
}

.global-reference .thai {
  bottom: 44%;
  left: 71.7%;
}

.global-reference .mmy {
  bottom: 47%;
  left: 70.5%;
}

.global-reference .bang {
  bottom: 48.5%;
  left: 69.6%;
}

.global-reference .sri {
  bottom: 40.5%;
  left: 66.8%;
}

.global-reference .ind {
  bottom: 47%;
  left: 66%;
}

.global-reference .pak {
  bottom: 51%;
  left: 64%;
}

.global-reference .kaz {
  bottom: 60%;
  left: 63.5%;
}

.global-reference .oman {
  bottom: 47%;
  left: 61%;
}

.global-reference .uae {
  bottom: 48.5%;
  left: 60.3%;
}

.global-reference .som {
  bottom: 40%;
  left: 58.5%;
}

.global-reference .eth {
  bottom: 41%;
  left: 56.5%;
}

.global-reference .ken {
  bottom: 37%;
  left: 56%;
}

.global-reference .saf {
  bottom: 22%;
  left: 52%;
}

.global-reference .car {
  bottom: 40%;
  left: 51%;
}

.global-reference .alg {
  bottom: 49%;
  left: 46.7%;
}

.global-reference .egy {
  bottom: 49%;
  left: 53.7%;
}

.global-reference .isra {
  bottom: 52.3%;
  left: 55.5%;
}

.global-reference .leb {
  bottom: 53.9%;
  left: 55.7%;
}

.global-reference .turk {
  bottom: 56%;
  left: 54.7%;
}

.global-reference .bulg {
  bottom: 58.5%;
  left: 52.8%;
}

.global-reference .serb {
  bottom: 59%;
  left: 52%;
}

.global-reference .ita {
  bottom: 58.5%;
  left: 49.6%;
}

.global-reference .czech {
  bottom: 62.6%;
  left: 50.3%;
}

.global-reference .uk {
  bottom: 64%;
  left: 45.7%;
}

.global-reference .ire {
  bottom: 64.5%;
  left: 44.2%;
}

.global-reference .can {
  bottom: 66%;
  left: 18%;
}

.global-reference .usa {
  bottom: 55%;
  left: 20%;
}

.global-reference .mex {
  bottom: 47%;
  left: 20%;
}

.global-reference .bra {
  bottom: 34%;
  left: 31.5%;
}

.global-reference .uru {
  bottom: 21%;
  left: 32%;
}

.global-reference .arg {
  bottom: 19%;
  left: 29.5%;
}

.global-reference .chil {
  bottom: 24%;
  left: 28.5%;
}

.expand {
  transform: scale(1.3) !important;
}

.global-reference .countrylabel {
  background-color: #fff;
  color: #444;
  text-align: center;
  font-size: 1.2em;
  padding: 5px 12px;
  font-weight: bold;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  left: 0;
}

.global-reference .countrylabel.visible {
  opacity: 1;
}

.global-reference .countrylabel::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  /*margin-left: -5px;*/
  border-width: 10px;
  transform-origin: top;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 14px solid #fff;
}

/* Custom css*/
.card {
  border-radius: 1em;
}

.card-header {
  padding: 0.75em 0.8em;
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: none !important;
  align-items: center;
  justify-content: center;
  background-color: #00467f !important;
  border-radius: 12px 12px 0px 0px !important;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
  background-color: #00467f;
  border-radius: 0px 0px 12px 12px !important;
}

.card-body-tech-and-tools {
  flex: 1 1 auto;
  padding: 1rem;
  background-color: #00467f;
  border-radius: 0px 0px 12px 12px !important;
}

.card-text:last-child {
  margin-bottom: 0;
  color: white;
}

.section-title-and-description {
  border-left: 7px solid #00467f;
  padding-left: 0.5em;
}

.section-title-and-description h3 {
  font-weight: 700;
  font-size: 2.5em !important;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .section-title-and-description h3 {
    font-size: 2em !important;
  }
}
@media only screen and (max-width:767px) {
  .section-title-and-description h3 {
    font-size: 2em !important;
  }
}

.section-title-and-description h3.smaller-title {
  font-size: 2em !important;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .section-title-and-description h3.smaller-title {
    font-size: 1.7em !important;
  }
}

.section-title-and-description p.text-secondary {
  font-size: 1.2em;
}

.tech-and-tools-card {
  background: #f1f1f1 !important;
  aspect-ratio: 4/6;
  transform: scale(1);
  transition: 0.3s;
}

.tech-and-tools-card .tech-and-tools-card-image img {
  width: 100%;
  transform: scale(1);
  transition: 0.5s;
}

.tech-and-tools-card .tech-and-tools-card-image {
  overflow: hidden;
}

.tech-and-tools-card:hover {
  transform: scale(1.03);
}

.containment-contorls-card .containment-contorls-left {
  padding: 30px 50px 30px 30px;
}

.containment-contorls-card .containment-contorls-img {
  width: 20%;
}

.containment-contorls-card .containment-contorls-details {
  width: 80%;
}

@media only screen and (max-width: 768px) {
  .containment-contorls-card .containment-contorls-left {
    padding: 0px 0px 1.3em 0px;
    border-right: none;
    border-bottom: 1px solid #9999;
  }
}
.about-section {
  position: relative;
  z-index: 1;
}
.about-section.right-img .featured-section {
  z-index: -1;
  width: 70%;
  position: relative;
  right: 0;
  top: 14%;
  padding-right: 12%;
}
.about-section.right-img .featured-section .about-section-title-and-description p {
  position: relative;
  padding-right: 1em !important;
  margin-right: 1em !important;
}
.about-section.right-img .featured-section .about-section-title-and-description p:before {
  content: "";
  height: 5em;
  width: 0px;
  position: absolute;
}
.about-section.right-img .featured-section .about-section-title-and-description p:after {
  content: "";
  height: 5em;
  width: 2px;
  position: absolute;
  right: 2px;
  top: 0;
  background-color: #6eaadd;
}
@media only screen and (max-width:767px) {
  .about-section.right-img .featured-section {
    z-index: -1;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    padding-right: 4%;
  }
}
.about-section.right-img .featured-section-image {
  width: 40%;
  z-index: 1;
  top: 0;
  position: absolute;
  right: 0;
}
@media only screen and (max-width:767px) {
  .about-section.right-img .featured-section-image {
    width: 100%;
    z-index: 1;
    top: 0;
    position: relative;
    right: 0;
  }
}
.about-section .featured-section-image {
  width: 40%;
  z-index: 1;
}
@media only screen and (max-width:767px) {
  .about-section .featured-section-image {
    width: 100%;
  }
}
.about-section .featured-section-image .img-1 {
  height: 247px;
  position: relative;
  border-radius: 1em;
  transform: translateY(-20px);
}
@media only screen and (max-width:767px) {
  .about-section .featured-section-image .img-1 {
    transform: translateY(0);
  }
}
.about-section .featured-section-image .img-2 {
  background-size: cover;
  position: relative;
  border-radius: 1em;
  height: 247px;
  transform: translateY(-20px);
  top: -14px;
}
@media only screen and (max-width:767px) {
  .about-section .featured-section-image .img-2 {
    top: 0;
    transform: translateY(0);
  }
}
.about-section .featured-section {
  z-index: -1;
  width: 70%;
  position: absolute;
  border-radius: 1em;
  top: 14%;
  right: 0;
  padding-left: 12%;
}
.about-section .featured-section .about-section-title-and-description p {
  position: relative;
  padding-left: 1em !important;
  margin-left: 1em !important;
}
.about-section .featured-section .about-section-title-and-description p:before {
  content: "";
  height: 5em;
  width: 2px;
  position: absolute;
  left: 2px;
  background-color: #6eaadd;
}
@media only screen and (max-width:767px) {
  .about-section .featured-section {
    z-index: -1;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    padding-left: 4%;
  }
}

#stock-units-tab-content {
  border: 1px solid #6eaadd;
}

.stock-units-tab-content .continent-img {
  border-radius: 1em;
}

.stock-units-tab-content .number-of-proj-card {
  border-radius: 1em;
}

.stock-units-tab-content .number-of-proj-card .num-icon {
  max-width: 130px;
}
@media only screen and (max-width:767px) {
  .stock-units-tab-content .number-of-proj-card .num-icon {
    max-width: 96px;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .stock-units-tab-content .number-of-proj-card .num-icon {
    max-width: 82px;
  }
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .stock-units-tab-content .number-of-proj-card .num-icon {
    max-width: 115px;
  }
}

.stock-units-tab-content .number-of-proj-card h2 {
  font-size: 5em;
  color: #00467f;
  line-height: 1em;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .stock-units-tab-content .number-of-proj-card h2 {
    font-size: 4em;
  }
}

.stock-units-tab-content .number-of-proj-card p {
  font-size: 0.9em;
}

.global-factories-wrapper {
  background: rgba(195, 195, 195, 0.3);
  border-radius: 2em;
  margin-top: 11em;
}
@media only screen and (max-width:767px) {
  .global-factories-wrapper {
    margin-top: 5em !important;
  }
}
.global-factories-wrapper.first {
  margin-top: 3em !important;
}

.global-factories-title {
  font-weight: 700;
  color: #00467f;
  font-size: 9em;
  line-height: 0.8em;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .global-factories-title {
    font-size: 8em;
  }
}
@media only screen and (max-width:767px) {
  .global-factories-title {
    font-size: 6em;
  }
}
.global-factories-title.indo {
  font-size: 6em;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .global-factories-title.indo {
    font-size: 5em;
  }
}
@media only screen and (max-width:767px) {
  .global-factories-title.indo {
    font-size: 3em;
  }
}

.global-factories-sub-title {
  font-size: 2.5em !important;
  font-weight: 500 !important;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .global-factories-sub-title {
    font-size: 2em !important;
  }
}
@media only screen and (max-width:767px) {
  .global-factories-sub-title {
    font-size: 1.3em !important;
  }
}

.global-factories-images-accordion {
  height: 309px;
  background-position: center;
  background-size: cover;
  position: absolute;
  margin-top: 1em;
  overflow: hidden;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
}
@media only screen and (max-width:767px) {
  .global-factories-images-accordion {
    height: 210px;
  }
}

.global-factories-images-accordion-container {
  position: relative;
  height: 259px;
}
@media only screen and (max-width:767px) {
  .global-factories-images-accordion-container {
    height: 190px;
  }
}

.about-section-title-and-description h3 {
  font-size: 2.3em;
  font-weight: 600;
}

.featured-section {
  background: rgba(195, 195, 195, 0.3);
}

.featured-section .about-section-title-and-description {
  border-left: none !important;
}

.featured-section .about-section-title-and-description p.text-tag {
  color: #00467f;
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 3px;
}

.jumbotron {
  width: 100%;
  height: 530px;
  background: #00467f;
  position: relative;
  margin: 0;
  z-index: 3;
  border-radius: 0px;
}
.jumbotron .img-layer-container {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.jumbotron .img-layer-container img {
  max-width: 95vw;
}
.jumbotron .img-layer-container .team-image {
  position: absolute;
}
.jumbotron .img-layer-container .team-image img {
  position: relative;
  z-index: 3;
}
.jumbotron .img-layer-container .circles-container {
  position: absolute;
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.jumbotron .img-layer-container .circles-container .img-1 {
  position: absolute;
  z-index: 2;
}
.jumbotron .img-layer-container .circles-container .img-2 {
  position: absolute;
  z-index: 5;
}
.jumbotron .jumbotron-inner {
  max-width: 1350px;
  margin: 0 auto;
}
.jumbotron .jumbotron-inner a {
  text-decoration: none;
}
.jumbotron .jumbotron-inner .top-box {
  max-width: 950px;
  margin: 0 auto;
}
.jumbotron .jumbotron-inner .top-box .content-box {
  margin: 0 50px 35px;
}
.jumbotron .jumbotron-inner .top-box .content-box h1 {
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}
.jumbotron .jumbotron-inner .top-box .content-box p {
  text-align: center;
  color: #6f7782;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 15px;
}
@media (max-width: 1401px) {
  .jumbotron {
    height: 595px !important;
  }
  .jumbotron .jumbotron-inner {
    max-width: 900px;
  }
  .jumbotron .jumbotron-inner .top-box {
    max-width: 900px;
  }
  .jumbotron .jumbotron-inner .top-box .content-box {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .jumbotron .jumbotron-inner .top-box .content-box h3 {
    font-size: 35px;
    margin: 5px 0px 20px 0px;
    color: #6f7782;
    font-weight: 300;
  }
}
@media (max-width: 1000px) {
  .jumbotron .img-layer-container {
    width: 100%;
  }
}
@media (max-width: 815px) {
  .jumbotron .jumbotron-inner {
    max-width: 600px;
  }
}
@media (max-width: 640px) {
  .jumbotron {
    height: 400px !important;
  }
  .jumbotron .jumbotron-inner {
    max-width: 550px;
    padding: 0 20px;
  }
  .jumbotron .img-1,
.jumbotron .img-2,
.jumbotron .team-image {
    display: none;
  }
}
@media (max-width: 420px) {
  .jumbotron .jumbotron-inner {
    max-width: 600px;
    padding: 0 20px;
  }
}
@media (max-width: 400px) {
  .jumbotron .jumbotron-inner .top-box .content-box {
    margin: 30px 0;
  }
  .jumbotron .jumbotron-inner .top-box .content-box h1 {
    font-size: 35px;
  }
  .jumbotron .jumbotron-inner .top-box .content-box p {
    font-size: 16px;
  }
}

.about-us-nav {
  position: relative;
  background: #fff;
  top: -40px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
  border-radius: 0.5em;
  overflow: hidden;
}

.about-us-nav .nav-item {
  width: 25%;
  text-align: center;
  border-right: 1px solid #adadad;
  border-bottom: 4px solid #537a5a;
}

.about-us-nav .nav-tabs {
  border: none;
}

.about-us-nav .nav-tabs .nav-item:hover .nav-link:before {
  transform: scaleY(29.5);
}

.about-us-nav .nav-tabs .nav-item .nav-link {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  font-size: 1.2em;
  font-weight: 600;
  border-radius: 0 !important;
  position: relative;
  z-index: 1;
  transition: all 0.1s;
  transition-delay: 0.1s;
  color: #333;
  padding: 20px 0;
  border-bottom: none;
}

.about-us-nav .nav-tabs .nav-item .nav-link:before {
  content: "";
  background: #00467f;
  height: 4px;
  transform: scaleY(0);
  z-index: -1;
  /* height: 2px; */
  /* width: 2px; */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s;
  transform-origin: bottom;
}

.about-us-nav .nav-tabs .nav-item:hover .nav-link {
  color: #fff;
}

.about-us-nav .nav-tabs .nav-link.active {
  color: #fff;
}

.about-us-nav .nav-tabs .nav-link.active:before {
  transform: scaleY(29.5);
  border: none;
}

.about-us-nav .nav-tabs .nav-link:hover,
.about-us-nav .nav-tabs .nav-link:focus {
  border: none;
}

.about-us-nav .nav-item .nav-tabs .nav-link.active,
.about-us-nav .nav-item .nav-tabs .nav-item.show .nav-link {
  border: none !important;
  background: transparent !important;
}

.about-us-nav .nav-tabs .nav-item:last-child {
  border-right: none !important;
}

#mission_vision_tab p {
  margin-bottom: 1.5em !important;
}

.reference-nav .nav-item {
  text-align: center;
  width: 16.66667%;
  border-right: 1px solid #adadad;
  padding: 10px 0;
}

.reference-nav .nav-tabs {
  border: none;
}

.reference-nav .nav-tabs .nav-item .nav-link {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  font-size: 1.2em;
  font-weight: 600;
  border-radius: 0 !important;
  color: #333;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.reference-nav .nav-tabs .nav-link.active {
  border: none;
}

.reference-nav .nav-tabs .nav-link:hover,
.about-us-nav .nav-tabs .nav-link:focus {
  border: none;
}

.reference-nav .nav-item .nav-tabs .nav-link.active,
.about-us-nav .nav-item .nav-tabs .nav-item.show .nav-link {
  border: none !important;
  background: transparent !important;
}

.reference-nav .nav-tabs .nav-item:last-child {
  border-right: none !important;
}

.accordion {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px auto;
}

.accordion ul {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease-in-out;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion ul li div a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  /*filter: invert(100%);*/
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 300ms ease-in-out;
}

.accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  transform: translateX(-20px);
  transition: all 400ms ease-in-out;
}

.accordion ul li div a h2 {
  font-family: Montserrat, sans-serif;
  text-overflow: clip;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.accordion ul li div a p {
  top: 160px;
  font-size: 18px;
  padding-left: 1em;
}

.accordion ul.uk_office li:first-child {
  width: 90%;
}

.accordion ul.singapore_office li:last-child,
.accordion ul.usa_office li:last-child {
  width: 90%;
}

.accordion ul li:last-child {
  border-right: 2px solid #fff;
}

.accordion ul li {
  background-size: cover;
}

.accordion ul:hover li {
  width: 10% !important;
}

.accordion ul:hover li:hover {
  width: 90% !important;
}

/*.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }*/
.accordion ul:hover li:hover a * {
  opacity: 1;
  transform: translateX(0);
}

.search-container {
  z-index: 1;
  position: relative;
}

.prod-listing {
  z-index: 1;
  position: relative;
}

.product-card {
  border-radius: 1em;
  overflow: hidden;
  border: 1px solid #d9d9d9;
}

.product-category-title h2 {
  position: relative;
  font-size: 2em;
}
.product-category-title h2::before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 100px;
  visibility: hidden;
  pointer-events: none;
}

.product-card-img {
  background: rgba(255, 255, 255, 0.4);
}

.product-img {
  transition: all 0.5s;
}

.product-card-img:hover .product-img {
  transform: scale(1.07);
}

.product-category-title h2:after {
  width: 90px;
  content: "";
  position: absolute;
  bottom: -12px;
  height: 3px;
  background: #00467f;
  left: 0;
  margin-left: 0;
  transition: all 0.5s;
}

.product-title-button {
  background-color: #dbdcdd;
  text-align: center;
}

.product-category-title h3 {
  font-size: 1.5em !important;
}

.product-category-title h3:hover:after {
  width: 120px;
}

.product-title-button {
  min-height: 100px;
}

.product-title-button {
  min-height: 100px;
}

/*  .product-card-containment-control{
    background-color:#F3F5F9;
  }*/
.product-card-containment-control img {
  width: 20px;
  height: auto;
}

.product-card-containment-control img.disable_containment {
  opacity: 0.5;
}

.product-details-containment-control img {
  width: 30px;
  height: auto;
}

.product-details-containment-control img.disable_containment {
  opacity: 0.5;
}

.product-details .product-name {
  position: relative;
  font-size: 2.2em;
  line-height: 1.2em;
}

.product-details li p {
  margin-bottom: 3px;
}

.prod-detail-list-title {
  font-size: 1.2em;
  font-weight: 600 !important;
}

.prod-detail-list-title-normal {
  font-size: 1em;
  font-weight: 600 !important;
}

.prod-detail-list-title-normal-and-weight {
  font-size: 1em;
  font-weight: normal;
}

.application-list {
  font-size: 1em;
  font-weight: 500 !important;
  line-height: 1.5;
}

.prod-detail-features-title {
  font-size: 1.2em;
  font-weight: 600 !important;
  color: #00467f;
}

.prod-detail-features-title-accordion {
  font-size: 1.2em;
  font-weight: 600 !important;
  color: #fff;
}

.prod-detail-features-title-normal {
  font-size: 1em;
  font-weight: 600 !important;
}

.product-details .product-name:after {
  width: 68px;
  content: "";
  position: absolute;
  bottom: -10px;
  height: 2px;
  background: #00467f;
  left: 0;
  margin-left: 0;
  transition: all 0.5s;
}

.product-spect-tab.nav-tabs {
  background: #00467f;
}

.product-spect-tab .nav-item {
  text-align: center;
  width: 20%;
}

.product-spect-tab .nav-item a {
  color: #333;
}

.product-spect-tab .nav-tabs {
  border: none;
}

.product-spect-tab.nav-tabs .nav-item .nav-link {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
}

.product-spect-tab.nav-tabs .nav-link {
  padding: 0.7rem 1rem;
}

.product-spect-tab.nav-tabs .nav-link.active {
  border: none;
  background: rgba(83, 122, 90, 0.57);
  color: #fff;
}

.product-spect-tab.nav-tabs .nav-link:hover,
.about-us-nav .nav-tabs .nav-link:focus {
  border: none;
}

.product-spect-tab .nav-item .nav-tabs .nav-link.active {
  border: none !important;
  background: transparent !important;
}

.product-spect-tab .nav-tabs .nav-item:last-child {
  border-right: none !important;
}

.prod-broch-card .prod-broch-card-head {
  padding: 0.7rem 1rem;
  background: #00467f;
}

.accordion-head i {
  color: #fff;
  font-size: 1.5em;
  float: right;
}

.accordion-head i {
  color: #fff;
  font-size: 1.5em;
}

.accordion-head > .collapsed > i:before {
  content: "\F105";
}

.product_spec_accordion .accordion-head {
  background: #00467f;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.product_spec_accordion .card-block {
  background: #fff;
  border: 1px solid #00467f;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.prod-broch-card {
  background: rgba(238, 238, 238, 0.7);
}

.prod-broch-card .prod-broch-card-image-details img {
  width: 80%;
  margin: auto;
}

.prod-broch-card-image-details a p {
  font-weight: 600;
}

.product_spec_accordion li p {
  margin-bottom: 3px;
}

.product_spec_accordion ul {
  margin-bottom: 1em;
}

.prod-brochure-container {
  overflow: hidden;
  position: relative;
}

.download-icon {
  position: absolute;
  top: 50%;
  color: #fff;
  z-index: 2;
  font-size: 3em;
  left: 50%;
  transition: 500ms;
  opacity: 0;
  transform: translate(-50%, 0%);
}

.prod-brochure-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  transition: all 500ms;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, rgba(0, 0, 0, 0.3)), color-stop(84%, rgba(97, 97, 97, 0.2)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 61%, rgba(97, 97, 97, 0.2) 84%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 61%, rgba(97, 97, 97, 0.2) 84%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
}

.prod-brochure-img {
  transition: all 500ms;
}

.prod-broch-card-image-details:hover .download-icon {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.prod-broch-card-image-details:hover .prod-brochure-img {
  transform: scale(1.1);
}

.prod-broch-card-image-details:hover .product-img {
  transform: scale(1.1);
}

.solution-menu-link {
  cursor: pointer;
  color: #6eaadd !important;
}

.solution-menu {
  border: 1px solid #ccc;
  padding: 1em;
  border-radius: 0.6em;
  width: 50%;
}
@media only screen and (max-width:767px) {
  .solution-menu {
    width: 100%;
  }
}

.solutionRelatedprodCarousel {
  clear: both;
  padding: 0.5em 0;
}
.solutionRelatedprodCarousel .item {
  background: rgba(160, 160, 160, 0.2);
  padding: 0.5em 1em;
  border-radius: 1em;
  aspect-ratio: 4/6;
}

.solutionRelatedprodCarousel .owl-prev,
.solutionRelatedprodCarousel .owl-next {
  background-color: transparent !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: xx-large;
  top: 35%;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-weight: 600;
  transition-duration: 500ms;
}
@media only screen and (max-width:767px) {
  .solutionRelatedprodCarousel .owl-prev,
.solutionRelatedprodCarousel .owl-next {
    top: 35%;
  }
}

.solutionRelatedprodCarousel .owl-prev,
.solutionRelatedprodCarousel .owl-next {
  color: #00467f !important;
  opacity: 1;
  font-size: xx-large;
  visibility: visible;
  transition: all 0.4s;
}

.solutionRelatedprodCarousel .owl-prev:hover,
.solutionRelatedprodCarousel .owl-next:hover {
  opacity: 1;
}

.solutionRelatedprodCarousel .owl-prev {
  left: -1%;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .solutionRelatedprodCarousel .owl-prev {
    left: -4%;
  }
}
@media only screen and (max-width:767px) {
  .solutionRelatedprodCarousel .owl-prev {
    left: -4%;
  }
}

.solutionRelatedprodCarousel .owl-next {
  right: -1%;
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .solutionRelatedprodCarousel .owl-next {
    right: -4%;
  }
}
@media only screen and (max-width:767px) {
  .solutionRelatedprodCarousel .owl-next {
    right: -4%;
  }
}

#solutionCarouselViewContainer {
  min-height: 400px;
}

.sol-carousel .item {
  margin: 0 5px;
  opacity: 1;
  position: relative;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .sol-carousel .item {
    margin: 0;
    transform: scale(0.9);
  }
}

.sol-carousel .item img {
  height: auto;
  width: 100%;
}

.sol-carousel .inner {
  text-align: center;
}

.sol-carousel .inner {
  color: #000;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  transition: transform 0.4s, opacity 0.4s;
  will-change: transform, opacity;
  /*  -webkit-transform: translateY(50%);
          transform: translateY(50%);*/
  opacity: 0;
}

.sol-carousel .center .item .inner .inner-details h4,
.sol-carousel .center .item .inner .inner-details p,
.sol-carousel .center .item .inner .inner-details a {
  transform: translateY(0px);
  opacity: 1;
}

.sol-carousel .inner .inner-details {
  position: relative;
  width: 600px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width:767px) {
  .sol-carousel .inner .inner-details {
    width: -webkit-calc(100vw - 76px);
    width: calc(100vw - 76px);
  }
}

.sol-carousel .center .item .inner {
  opacity: 1;
}

.sol-carousel .center .item .inner {
  opacity: 1;
}

.sol-carousel .owl-item {
  z-index: 0;
}

.sol-carousel .owl-item.center {
  z-index: 1;
}

.sol-carousel .owl-carouselafter {
  content: "";
  display: block;
  position: absolute;
  width: 8%;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -4%;
  pointer-events: none;
}

.sol-carousel .owl-controls {
  position: absolute;
  margin-top: 300px;
}

.sol-carousel .owl-prev,
.sol-carousel .owl-next {
  background-color: transparent;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 25%;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-weight: 600;
  transition-duration: 500ms;
}
@media only screen and (max-width:767px) {
  .sol-carousel .owl-prev,
.sol-carousel .owl-next {
    top: 14%;
  }
}

.sol-carousel .owl-prev,
.sol-carousel .owl-next {
  color: #333;
  opacity: 0.4;
  font-size: 3em;
  visibility: visible;
  transition: all 0.4s;
}

.sol-carousel .owl-prev:hover,
.sol-carousel .owl-next:hover {
  opacity: 1;
}

.sol-carousel .owl-prev {
  left: -3%;
}
@media only screen and (max-width:767px) {
  .sol-carousel .owl-prev {
    left: -6%;
  }
}

.sol-carousel .owl-next {
  right: -3%;
}
@media only screen and (max-width:767px) {
  .sol-carousel .owl-next {
    right: -6%;
  }
}

.solution_accordion .card-block {
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

.solution_accordion .accordion-head {
  background: #00467f;
}

.plyr-playlist-wrapper ul::-webkit-scrollbar {
  width: 6px;
}

.plyr-playlist-wrapper ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.plyr-playlist-wrapper ul::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  /*  background: $secondary-color; */
  background: #bfbfbf;
}

.plyr-playlist-wrapper {
  background: #f4f4f4;
  position: relative;
  padding: 0.5em 0.5em 0.5em 0.25em;
}

.plyr-playlist-wrapper .plyr-playlist {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* position: absolute;
  right: 65px;
  bottom: 100%; */
  position: relative;
  margin-top: 0;
  padding: 6px 4px;
  width: 100%;
  box-sizing: border-box;
  /* -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 8px 0px inset; */
  /*  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 8px 0px inset; */
  /*  box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 8px 0px inset; */
}

.plyr-playlist-wrapper ul {
  padding: 0;
  margin: 0;
  max-height: 20em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.plyr-playlist-wrapper ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.plyr-playlist-wrapper .plyr-playlist li {
  list-style: none;
  background-color: rgba(255, 255, 255, 0.03);
  padding: 0px;
  margin-bottom: 3px;
  font-size: 90%;
}

.plyr-playlist-wrapper .plyr-playlist li.pls-playing,
.plyr-playlist-wrapper .plyr-playlist li:hover {
  color: black;
}

.plyr-playlist-wrapper .plyr-playlist li.pls-playing a {
  color: #00467f;
}

/* .plyr-playlist li:hover {
    background-color: rgba(255, 255, 255, 0.09);
  } */
.plyr-playlist-wrapper .plyr-playlist li a {
  text-decoration: none;
  font-family: arial;
  color: black;
  display: block;
  padding: 10px 0;
  outline: none;
  height: 80px;
  padding: 0.5em 0.25em 0.5em 0.75em;
  /*margin-right: 0.5em;*/
  font-size: 90%;
  vertical-align: middle;
  padding-bottom: 10px;
}

.plyr-playlist-wrapper .plyr-playlist li:last-child a {
  border-bottom: 0;
}

.plyr-playlist li a:hover,
.plyr-playlist li a:focus,
.plyr-playlist li a:active {
  color: #00467f;
  /*  color: #00c85f;*/
  /*   text-decoration: none; */
}

.plyr-miniposter {
  width: auto;
  height: 70px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  margin-right: 10px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/*******************/
.plyr-type-playlist plyr-playlist a.plyr-playlist-item-remove {
  float: right;
  margin-right: 15px;
  /*font-weight: bold;*/
  background-color: transparent;
}

/* PREVIOUS NEXT BUTTON */
.plyr-prev {
  margin-right: 0 !important;
}

.plyr-next {
  margin-left: 0 !important;
}

.plyr__controls [data-plyr=play] {
  margin-left: 0 !important;
}

.plyr__play-large {
  background: #00467f !important;
}

.plyr__progress--played,
.plyr__volume--display {
  z-index: 1;
  color: white !important;
  background: 0 0;
  transition: none;
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
  background: white !important;
  color: #fff;
}

.events-list .feature-img .overlay-bg-events {
  background: rgba(42, 82, 113, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  z-index: 1;
}
.events-list .feature-img .overlay-bg-events h2 {
  font-size: 3em;
  text-shadow: 2px 1px rgba(82, 82, 82, 0.62);
}

#events-tab {
  background: #fff;
  /* border: 1px solid #e9e9e9; */
  box-shadow: 0 4px 11px #e2e2e2;
  border-radius: 8px;
}

#events-tab li.nav-item {
  text-align: center;
  width: 50%;
  position: relative;
}

#events-tab li.nav-item a {
  font-size: 1.2em;
  border: none !important;
  background-color: transparent;
  font-weight: 600;
  color: #00467f;
}

#events-tab li.nav-item a.active {
  background: #6eaadd;
  color: #fff;
  /*    border-bottom: 3px solid #6eaadd !important; */
}

#events-tab li.nav-item:first-child a.active {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
}
#events-tab li.nav-item:last-child a.active {
  border-top-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 8px;
}
#events-tab li.nav-item a.active {
  background: #6eaadd;
  color: #fff;
  /*           border-bottom: 3px solid #6eaadd !important; */
}

/*-------- Start top-post Style -------------*/
.carousel-image {
  height: 55vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  .top-post-area {
    padding: 0px;
  }
}
.top-post-area .top-post-left .feature-image-thumb {
  overflow: hidden;
  margin-bottom: 5px;
}
.top-post-area .top-post-left .feature-image-thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.4);
}
.top-post-area .top-post-left .feature-image-thumb img {
  width: 100%;
  transition: all 300ms;
}
.top-post-area .top-post-left:hover .feature-image-thumb img {
  transform: scale(1.045);
}
.top-post-area .top-post-left .top-post-details {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(164, 206, 131, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(rgba(164, 206, 131, 0), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(164, 206, 131, 0), rgba(0, 0, 0, 0.9));
}
@media (max-width: 767px) {
  .top-post-area .top-post-left .top-post-details {
    bottom: 0;
    left: 0;
  }
}
.top-post-area .top-post-left .top-post-details .tags li {
  display: inline-block;
  background: #00467f;
  color: #fff;
  padding: 0px 19px;
  font-weight: 300;
}
.top-post-area .top-post-left .top-post-details .tags li a {
  color: #fff;
  font-weight: 600;
}
.top-post-area .top-post-left .top-post-details h3 {
  color: #fff;
  margin: 10px 0 0 0;
  font-size: 1.5em !important;
}
@media (max-width: 767px) {
  .top-post-area .top-post-left .top-post-details h3 {
    font-size: 1.1em !important;
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
.top-post-area .top-post-left .top-post-details .meta {
  padding: 0;
}
.top-post-area .top-post-left .top-post-details .meta li {
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  font-weight: 300;
  font-size: 12px;
}
@media (max-width: 414px) {
  .top-post-area .top-post-left .top-post-details .meta li {
    font-size: 9px;
  }
}
.top-post-area .top-post-left .top-post-details .meta li .lnr {
  margin-right: 10px;
  font-weight: 700;
}
.top-post-area .top-post-left .top-post-details .meta li a,
.top-post-area .top-post-left .top-post-details .meta li .lnr {
  color: #fff;
  border: none;
}
@media (max-width: 991px) {
  .top-post-area .top-post-left {
    margin-bottom: 10px;
  }
}
.top-post-area .top-post-right .single-top-post {
  position: relative;
}
.top-post-area .top-post-right .single-top-post .feature-image-thumb {
  margin-bottom: 5px;
  overflow: hidden;
}
.top-post-area .top-post-right .single-top-post .feature-image-thumb img {
  width: 100%;
  transition: all 300ms;
}
.top-post-area .top-post-right .single-top-post .feature-image-thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.4);
}
.top-post-area .top-post-right .single-top-post:hover .feature-image-thumb img {
  transform: scale(1.045);
}
.top-post-area .top-post-right .single-top-post .top-post-details {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(164, 206, 131, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(rgba(164, 206, 131, 0), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(164, 206, 131, 0), rgba(0, 0, 0, 0.9));
}
.top-post-area .top-post-right .single-top-post .top-post-details .tags li {
  display: inline-block;
  background: #00467f;
  color: #fff;
  padding: 4px 30px;
  font-weight: 300;
}
.top-post-area .top-post-right .single-top-post .top-post-details .tags li a {
  color: #fff;
}
.top-post-area .top-post-right .single-top-post .top-post-details h4 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em;
}
@media (max-width: 767px) {
  .top-post-area .top-post-right .single-top-post .top-post-details h4 {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
.top-post-area .top-post-right .single-top-post .top-post-details .meta {
  padding: 0;
}
.top-post-area .top-post-right .single-top-post .top-post-details .meta li {
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  font-weight: 300;
  font-size: 12px;
}
@media (max-width: 414px) {
  .top-post-area .top-post-right .single-top-post .top-post-details .meta li {
    font-size: 9px;
  }
}
.top-post-area .top-post-right .single-top-post .top-post-details .meta li .lnr {
  margin-right: 10px;
  font-weight: 700;
}
.top-post-area .top-post-right .single-top-post .top-post-details .meta li a,
.top-post-area .top-post-right .single-top-post .top-post-details .meta li .lnr {
  color: #fff;
  border: none;
}
.top-post-area .news-tracker-wrap {
  margin-top: 10px;
  padding: 12px 15px;
  background: #fff;
}
.top-post-area .news-tracker-wrap h6 {
  font-weight: 500;
}
.top-post-area .news-tracker-wrap h6 span {
  color: #00467f;
}
.top-post-area .news-tracker-wrap a {
  color: #141414;
}

.td-social-network,
.td-social-handler {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px 7px;
  height: 40px;
  min-width: 40px;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}

.td-social-but-text,
.td-social-but-icon {
  display: inline-block;
  position: relative;
}

.td-post-sharing-visible,
.td-social-sharing-hidden {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.td-social-network .td-social-but-icon {
  padding-left: 17px;
  padding-right: 17px;
}

.td-social-but-text {
  margin-left: -6px;
  padding-left: 12px;
  padding-right: 17px;
  line-height: 40px;
}

.td-social-facebook .td-social-but-icon,
.td-social-facebook .td-social-but-text {
  background-color: #516eab;
}

.td-social-linkedin .td-social-but-icon,
.td-social-linkedin .td-social-but-text {
  background-color: #2867b2;
}

.td-social-but-icon {
  padding-left: 13px;
  padding-right: 13px;
  line-height: 40px;
  z-index: 1;
}

.td-social-but-icon i {
  position: relative;
  top: -1px;
  line-height: 40px;
}

.td-social-network {
  color: #fff;
}

.td-social-network:hover {
  color: #fff;
}

.td-social-network .td-social-but-icon {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.td-social-but-text:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 1px;
  height: 16px;
  background-color: #fff;
  opacity: 0.2;
  z-index: 1;
}

.tdb_single_categories a {
  pointer-events: auto;
  font-size: 1em;
  display: inline-block;
  margin: 0 5px 5px 0;
  line-height: 1;
  color: #fff;
  padding: 3px 6px 4px;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
}

.tdi_95_ef3 .tdb-cat-bg {
  border-width: 1px;
  border-color: #00467f;
  background-color: #00467f;
}

.tdb-cat-bg {
  position: absolute;
  background-color: #222;
  border: 1px solid #222;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.talk-bubble {
  margin: 0px 19px;
  display: inline-block;
  position: relative;
  /* width: 177px; */
  margin: 0 14px 7px;
  /* height: auto; */
  background-color: #e4e4e4;
  border-radius: 8px;
}

.talk-bubble .talktext {
  padding: 0 0.5em;
  text-align: left;
  line-height: 1em;
}
.talk-bubble .talktext:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -13px;
  right: auto;
  top: 12px;
  bottom: auto;
  border: 7px solid;
  border-color: #e4e4e4 #e4e4e4 transparent transparent;
}

.talk-bubble .talktext p {
  line-height: 40px;
  font-size: 1em;
}

.talk-bubble .talktext p i {
  line-height: 40px;
}

/*-------- Start latest-post Style -------------*/
.latest-post-area {
  margin-top: 3em;
}
.latest-post-area .latest-post-wrap {
  padding-bottom: 20px;
}
.latest-post-area .latest-post-wrap .news-cat-head {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  background-color: #333;
  margin: 0px 0px 1em;
}
.latest-post-area .latest-post-wrap .news-cat-head .cat-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 30px;
  width: auto;
  color: white;
  font-weight: 600;
  background-color: #00467f;
  font-size: 1em;
  float: left;
  border-right: 3px solid white;
  padding: 0 15px 0 10px;
  margin: 0;
  position: relative;
}
.latest-post-area .latest-post-wrap .news-cat-head .cat-title:after {
  content: "";
  border-right: 7px solid #fff;
  position: absolute;
  top: 0;
  right: -16px;
  width: 30px;
  height: 30px;
  transform: skew(41deg);
  background: #a4ce83;
}
.latest-post-area .latest-post-wrap .news-cat-head .view-all {
  position: absolute;
  top: 8px;
  right: 10px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  transition: 0.5s;
}
.latest-post-area .latest-post-wrap .single-latest-post {
  margin-top: 20px;
  clear: left;
}
.latest-post-area .latest-post-wrap .single-latest-post .feature-img {
  overflow: hidden;
}
.latest-post-area .latest-post-wrap .single-latest-post .feature-img img {
  width: 100%;
}
.latest-post-area .latest-post-wrap .single-latest-post .feature-img .news-overlay {
  position: absolute;
  left: 0;
  transition: all 0.3s !important;
  right: 0;
  z-index: 1;
  opacity: 1;
  top: 0;
  bottom: 0;
}
.latest-post-area .latest-post-wrap .single-latest-post .tags {
  position: absolute;
  bottom: 10px;
  left: 30px;
}
.latest-post-area .latest-post-wrap .single-latest-post .tags li {
  display: inline-block;
  background: #00467f;
  color: #fff;
  padding: 4px 30px;
  font-weight: 300;
}
.latest-post-area .latest-post-wrap .single-latest-post .tags li a {
  color: #fff;
}
.latest-post-area .latest-post-wrap .single-latest-post .meta {
  margin: 2px 0px;
  padding: 0;
}
.latest-post-area .latest-post-wrap .single-latest-post .meta li {
  display: inline-block;
  color: #333;
  margin-right: 10px;
  font-weight: 300;
  font-size: 12px;
}
.latest-post-area .latest-post-wrap .single-latest-post .meta li .lnr {
  margin-right: 10px;
  font-weight: 700;
}
.latest-post-area .latest-post-wrap .single-latest-post .meta li a,
.latest-post-area .latest-post-wrap .single-latest-post .meta li .lnr {
  color: #333;
  border: none;
}
.latest-post-area .latest-post-wrap .single-latest-post .excert {
  margin-bottom: 0px;
}
.latest-post-area .latest-post-wrap .single-latest-post .post-right h4 {
  max-width: 300px;
  font-size: 1em;
}
.latest-post-area .latest-post-wrap .single-latest-post .post-right h4:hover {
  color: #00467f;
}
@media (max-width: 991px) {
  .latest-post-area .latest-post-wrap .single-latest-post .post-right h4 {
    max-width: 100% !important;
  }
}
@media (max-width: 991px) {
  .latest-post-area .latest-post-wrap .single-latest-post .post-right {
    margin: 20px 0px 0px;
  }
}

.ad-widget-wrap {
  background: #fff !important;
}
.ad-widget-wrap img {
  padding: 25px 0px;
}

/*-------- End latest-post Style -------------*/
.sidebars-area {
  border-right: none;
  position: -webkit-sticky;
  position: sticky;
  top: 5.4rem;
  -ms-grid-row-align: start;
  align-self: start;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .sidebars-area {
    top: 4.5rem;
  }
}

.single-sidebar-widget {
  margin-bottom: 30px;
}
.single-sidebar-widget .news-cat-head {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #333;
  margin: 0px 0px 1em;
}
.single-sidebar-widget .news-cat-head .cat-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 30px;
  width: auto;
  color: white;
  font-weight: 600;
  background-color: #00467f;
  font-size: 1em;
  float: left;
  border-right: 3px solid white;
  padding: 0 15px 0 10px;
  margin: 0;
  position: relative;
}
.single-sidebar-widget .news-cat-head .cat-title:after {
  content: "";
  border-right: 7px solid #fff;
  position: absolute;
  top: 0;
  right: -16px;
  width: 30px;
  height: 30px;
  transform: skew(41deg);
  background: #a4ce83;
}
.single-sidebar-widget .news-cat-head .view-all {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  transition: 0.5s;
}
.single-sidebar-widget:last-child {
  margin-bottom: 0px;
}

.editors-pick-post .feature-img {
  overflow: hidden;
}
.editors-pick-post .feature-img .overlay-bg-events {
  background: rgba(42, 82, 113, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  z-index: 1;
}
.editors-pick-post .feature-img img {
  width: 100%;
  transition: all 300ms;
}
.editors-pick-post .feature-img .overlay-bg {
  background: rgba(0, 0, 0, 0.4);
}
.editors-pick-post .feature-img:hover img {
  transform: scale(1.045);
}
.editors-pick-post .tags {
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.editors-pick-post .tags li {
  display: inline-block;
  background: #00467f;
  color: #fff;
  padding: 4px 30px;
  font-weight: 300;
}
.editors-pick-post .tags li a {
  color: #fff;
}
.editors-pick-post .details {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  font-size: 1em;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .editors-pick-post .details {
    padding-bottom: 0px;
  }
}
.editors-pick-post .details h4:hover {
  color: #00467f;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .editors-pick-post .details h4 {
    font-size: 1em;
  }
}
.editors-pick-post .details:hover .feature-img-wrap img {
  transform: scale(1.045);
}
.editors-pick-post .meta {
  margin: 5px 0px;
  padding-left: 0px;
}
.editors-pick-post .meta li {
  display: inline-block;
  color: #333;
  margin-right: 10px;
  font-weight: 300;
  font-size: 12px;
}
.editors-pick-post .meta li .lnr {
  margin-right: 10px;
  font-weight: 700;
}
.editors-pick-post .meta li a,
.editors-pick-post .meta li .lnr {
  color: #333;
  border: none;
}
.editors-pick-post .excert {
  margin-bottom: 0px;
}
.editors-pick-post .post-lists .single-post {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .editors-pick-post .post-lists .single-post {
    padding: 5px 0px;
  }
}
.editors-pick-post .post-lists .single-post:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.editors-pick-post .post-lists .detail {
  padding-left: 0px !important;
}
.editors-pick-post .post-lists .detail h6 {
  line-height: 1.4em !important;
  font-size: 1em;
  font-weight: 600;
}
@media only screen and (min-width:992px) and (max-width:1280px) {
  .editors-pick-post .post-lists .detail h6 {
    font-size: 1em;
  }
}
.editors-pick-post .post-lists .detail h6:hover {
  color: #00467f;
}

.ads-widget img {
  width: 100%;
}

.newsletter-widget .col-autos {
  width: 100%;
}
.newsletter-widget p {
  text-align: left;
  margin: 20px 0px;
}
.newsletter-widget .bbtns {
  background: #00467f;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 0;
}
.newsletter-widget .input-group-text {
  border-radius: 0px;
  vertical-align: top;
}
.newsletter-widget .input-group-text i {
  color: #ccc;
  margin-top: -1px;
}
.newsletter-widget .form-control {
  border-radius: 0px;
  font-size: 13px;
  border-color: transparent;
  color: #ccc;
  padding: 9px;
  padding-left: 15px;
  background: #ecf0f1;
}
.newsletter-widget .form-control:focus {
  box-shadow: none;
  border-color: #ccc;
}
.newsletter-widget ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  color: #ccc;
}
.newsletter-widget ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  color: #ccc;
}
.newsletter-widget :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  color: #ccc;
}
.newsletter-widget :-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  color: #ccc;
}
.newsletter-widget .text-bottom {
  margin-bottom: 0px;
}

.most-popular-widget .single-list {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.most-popular-widget .single-list:last-child {
  border-bottom: none;
}
.most-popular-widget .meta {
  margin: 10px 0px;
}
.most-popular-widget .meta li {
  display: inline-block;
  color: #333;
  margin-right: 10px;
  font-weight: 300;
  font-size: 12px;
}
.most-popular-widget .meta li .lnr {
  margin-right: 10px;
  font-weight: 700;
}
.most-popular-widget .meta li a,
.most-popular-widget .meta li .lnr {
  color: #333;
  border: none;
}
.most-popular-widget .details {
  padding-left: 20px;
}
.most-popular-widget .details h6 {
  line-height: 1.4em !important;
}
.most-popular-widget .details h6:hover {
  color: #00467f;
}

.social-network-widget .social-list li {
  margin-bottom: 10px;
  padding: 9px;
}
.social-network-widget .social-list li a {
  color: #fff;
  text-align: right;
  font-weight: 500;
  border-left: 1px solid #eee;
  padding-left: 10px;
}
.social-network-widget .social-list li p {
  color: #fff;
}
.social-network-widget .social-list .fb {
  background: #4c63a2;
}
.social-network-widget .social-list .tw {
  background: #69c9ff;
}
.social-network-widget .social-list .yt {
  background: #c41713;
}
.social-network-widget .social-list .rs {
  background: #f17300;
}
.social-network-widget .social-list .icons {
  text-align: center;
}
.social-network-widget .social-list .icons i {
  width: 25px;
  padding: 5px 7px;
  color: #fff;
}
.social-network-widget .social-list .icons p {
  margin-left: 10px;
  border-left: 1px solid #eee;
  padding-left: 10px;
}
.social-network-widget .social-list .icons .fa-facebook {
  color: #4c63a2;
  background: #fff;
}
.social-network-widget .social-list .icons .fa-twitter {
  color: #69c9ff;
  background: #fff;
}
.social-network-widget .social-list .icons .fa-youtube-play {
  color: #c41713;
  background: #fff;
}
.social-network-widget .social-list .icons .fa-rss {
  color: #f17300;
  background: #fff;
}
.social-network-widget .social-list .icons p {
  margin-bottom: 0px;
}

/* =================================== */
/*  Contact Page Styles
/* =================================== */
.contact-page-area .contact-wrap {
  background: #f4f4f4;
  padding: 10px;
}
@media (max-width: 991px) {
  .contact-page-area label {
    text-align: left;
  }
}
.contact-page-area h4 {
  font-size: 1.5em;
  position: relative;
  /*   &:after {
      width: 68px;
      content: "";
      position: absolute;
      bottom: -7px;
      height: 1px;
      background: $primary-color;
      left: 0;
      margin-left: 0;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  } */
}
.contact-page-area .map-wrap {
  margin-bottom: 40px;
}
.contact-page-area .contact-btns {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 40px;
  color: #fff;
  margin-bottom: 30px;
}
.contact-page-area .contact-btns:hover {
  color: #fff;
}
.contact-page-area .form-area .form-control:focus {
  box-shadow: none !important;
  border-color: #ced4da !important;
}
.contact-page-area .form-area input {
  padding: 7px;
}
.contact-page-area .form-area input,
.contact-page-area .form-area textarea,
.contact-page-area .form-area select {
  border-radius: 8px;
  font-size: 13px !important;
}
.contact-page-area .form-area textarea {
  height: 176px;
  margin-top: 0px;
  padding: 15px;
}
.contact-page-area .form-area .primary-btn {
  cursor: pointer;
  border-radius: 8px !important;
  background: #5e9fd6;
  color: #fff;
  font-size: 14px;
  border: 1px solid #5e9fd6;
  text-transform: uppercase !important;
}
@media (max-width: 991px) {
  .contact-page-area .form-area .primary-btn {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .contact-page-area .address-wrap {
    margin-bottom: 30px;
  }
}
.contact-page-area .address-wrap .single-contact-address {
  margin-bottom: 8px;
  clear: both;
}
.contact-page-area .address-wrap .single-contact-address a {
  border-bottom: 1px dotted #777;
}
.contact-page-area .address-wrap .single-contact-address h5 {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 5px;
}
.contact-page-area .address-wrap .single-contact-address .lnr {
  font-size: 23px;
  font-weight: 500;
  color: #00467f;
  margin-right: 20px;
}
@media (max-width: 1024px) and (min-width: 990px) {
  .contact-page-area .address-wrap .single-contact-address h5 {
    font-size: 14px;
  }
  .contact-page-area .address-wrap .single-contact-address p {
    font-size: 10px;
  }
}

.footer-container {
  width: 90%;
  max-width: 1712px;
  margin: auto;
}

.footer-logo-details .footer-logo {
  width: 22%;
}

@media only screen and (max-width: 767px) {
  .footer-logo-details .footer-logo {
    width: 40%;
  }
}
.img-items {
  padding: 10px;
  min-height: 80px;
  max-height: 80px;
  width: auto !important;
  margin: auto;
}

#footerCarousel .item p {
  text-align: center;
}

p.footer-titles {
  font-size: 1em;
  color: #fff;
}

.footer-title h4 {
  font-size: 1.5em;
}

.footer-title .bottom-paddle {
  height: 3px;
  margin: auto;
  background-color: #00467f;
  width: 40px;
}

.Newsletter-section-input-group button {
  background: #444;
  color: #fff;
}

.Newsletter-section-input-group .form-control {
  font-size: inherit;
  border-radius: 0 !important;
}

.Newsletter-section-input-group .btn {
  font-size: inherit;
  border-radius: 0 !important;
}

.Newsletter-section-input-group span.error {
  position: absolute;
  bottom: -19px;
  left: 0;
}

.Newsletter-section-input-group .btn:hover {
  color: #fff;
}

.Newsletter-section h4 {
  color: #333;
}

.Newsletter-section .Newsletter-section-input-group {
  overflow: hidden;
}

.Newsletter-section .footer-newsletter-btn {
  background: #333;
  color: #ffffff;
}

.footer-area {
  position: relative;
  z-index: 0;
}

.footer-social-icons {
  text-align: center;
}

footer a {
  color: #d3d3d3;
  border-bottom: 1px dotted #777;
  transition: all 0.3s ease 0s;
}

footer a:hover {
  color: #fff;
}

footer p {
  color: #d3d3d3;
  margin-bottom: 0;
  font-size: 0.8em;
  line-height: 1.5em;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid black;
}

.nav-tabs {
  /* .nav-item {
      margin-bottom: 1px;
  } */
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
}
.nav-tabs .nav-link.hover-focus {
  color: #6eaadd;
}
.nav-tabs .nav-link.disabled {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #6eaadd;
  border-color: #6eaadd #6eaadd #6eaadd;
  border-radius: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: #6eaadd;
  border-color: #6eaadd #6eaadd #6eaadd;
  border-radius: 0;
}
.nav-tabs .nav-item:first-child .nav-link.active {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
}
.nav-tabs .nav-item:last-child .nav-link.active {
  border-top-right-radius: 8px;
  border-top-left-radius: 0;
}
.nav-tabs .nav-link.active {
  background: #6eaadd;
  color: #fff;
  /*     border-bottom: 3px solid #6eaadd !important; */
}

.esco-blue {
  color: #00467f;
}

.esco-bg {
  background-color: #00467f;
}

.border-secondary {
  border-color: #00467f !important;
  border-radius: 8px 8px 0px 0px;
}

.fa-location-pin:before,
.fa-map-marker:before {
  content: "\F3C5";
}

.border-bottom-radius {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.delicious-tabs-content-about {
  position: relative;
  z-index: 1;
}

.delicious-tabs-content-about .nav-tabs {
  border-bottom: none;
  /*margin-bottom: 50px;*/
}

.delicious-tabs-content-about .nav-tabs .nav-link {
  background-color: #ececec;
  color: #00467f;
  border: none;
  /*border-left: 3px solid $primary-color;*/
  padding: 16px 10px;
  height: 50px;
  border-right: 1px solid #d8d8d9 !important;
  /*margin: 0 2px;*/
  border-radius: 0;
  font-size: 0.9em;
  font-weight: 600;
  /*margin-bottom: 5px;*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .delicious-tabs-content-about .nav-tabs .nav-link {
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .delicious-tabs-content-about .nav-tabs .nav-link-about {
    padding: 10px 3px;
    font-size: 0.7em;
    height: 33px;
  }
}
.delicious-tabs-content-about .nav-tabs .nav-item {
  width: 33.33% !important;
}

.delicious-tabs-content-about .nav-tabs .nav-item {
  width: 16.66%;
  text-align: center;
}

.delicious-tabs-content-about .nav-tabs .nav-link.active {
  background-color: #6eaadd;
  color: #fff;
}

.delicious-tabs-content-about .tab-content h6 {
  font-size: 18px;
}