/* Navbars */
@charset "UTF-8";
/*

Animate.less
Cross-browser LESS animation library for Bootstrap
Licensed under the ☺ license (http://licence.visualidiot.com/)
Documenation: https://github.com/machito/animate.less
-------------------------------------------------------
Copyright © 2012 Michael Castilla
Email: yo@machito.co
Twitter: https://twitter.com/micr0bitz

*/  
body {
  -webkit-backface-visibility: hidden;
}
html { -webkit-font-smoothing: antialiased;}
.animated-invisible {
  opacity: 0;
}
.animated-visible {
  opacity: 1;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.animated-fast {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-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;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-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;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-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 {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-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;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-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;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-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;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-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;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-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;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-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;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-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;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-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;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-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;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-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;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-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;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-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;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-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;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-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;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-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;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-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;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-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;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-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;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-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;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-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;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-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;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-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;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-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;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-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;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-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;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-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;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-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;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}.container-interface .main-Title{
  margin-top:10px;
  margin-bottom:5px;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.beeween-remove-small-bs-styling {
  font-size: inherit;
}
/** align centet inside cols **/
/** add a "v-align-center" class on container (used on page header) **/
.v-align-center.container {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 480px) {
  .v-align-center.container {
    display: table;
    height: 100%;
    position: relative;
  }
  .v-align-center.container > .row {
    display: table-row;
    height: 100%;
    float: none;
  }
  .v-align-center.container > .row > div[class*='col-'] {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
.block-center-slider {
  /*width:320px;
  margin: 0 auto;
  @media (min-width: @allUptoIpdLandscape) { 
    width:600px;
  }
  @media (min-width: @screen-lg-min) { 
    width:1200px;
    }*/
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 1200px) {
  .block-center-slider {
    width: 1200px;
  }
}
.v-align-translate {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.v-align-translate > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.beeween-transition-in {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.beeween-transition-out {
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
}
/* TYPOGRAPHY
================================================== */
body {
  font-family: 'Segoe-UI';
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
}
/** headings **/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Segoe-UI';
  line-height: 1.1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 24px;
  /*margin-bottom: (@line-height-base / 2);*/
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 12px;
  /*margin-bottom: (@line-height-computed / 2);*/
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
h3 {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.75em;
}
h4 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.75em;
}
h5 {
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 0.75em;
}
h6 {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 0.75em;
}
h1.large,
.h1.large,
.page-header h1.large,
.cta-box-text h1.large,
.footer-widget h1.large,
span.large {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.33em;
}
@media (min-width: 768px) {
  h1.large,
  .h1.large,
  .page-header h1.large,
  .cta-box-text h1.large,
  .footer-widget h1.large,
  span.large {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  h1.large,
  .h1.large,
  .page-header h1.large,
  .cta-box-text h1.large,
  .footer-widget h1.large,
  span.large {
    font-size: 58px;
  }
}
h1.x-large,
.h1.x-large,
.page-header h1.x-large,
.cta-box-text h1.x-large,
.footer-widget h1.x-large,
span.x-large {
  font-size: 33px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.25em;
}
@media (min-width: 768px) {
  h1.x-large,
  .h1.x-large,
  .page-header h1.x-large,
  .cta-box-text h1.x-large,
  .footer-widget h1.x-large,
  span.x-large {
    font-size: 44px;
  }
}
@media (min-width: 992px) {
  h1.x-large,
  .h1.x-large,
  .page-header h1.x-large,
  .cta-box-text h1.x-large,
  .footer-widget h1.x-large,
  span.x-large {
    font-size: 71px;
  }
}
.text-no-format {
  text-transform: none;
}
.lead {
  font-weight: 400;
  font-size: 20px;
  font-family: 'Segoe-UI';
}
/* remove margin top for all first headings */
[class^="col"] h1:first-child,
[class^="col"] h2:first-child,
[class^="col"] h3:first-child,
[class^="col"] h4:first-child,
[class^="col"] h5:first-child,
[class^="col"] h6:first-child {
  margin-top: 0;
}
p.normal {
  margin-bottom: 16px;
}
/** light text (legibility over image) **/
p.small {
  font-size: 80%;
}
/** highlight **/
mark,
.mark {
  padding: 0.1em 0.4em 0.2em;
}
/** links **/
a,
a:hover,
a:focus,
a:active {
  outline: none;
}
/** link color neutral (used for block of text as link with body font color **/
a.box-link:hover {
  text-decoration: none;
}
/** Blockquotes **/
blockquote {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  position: relative;
  /*.box-color(@blockquote-background-color; @body-text-color; darken(@blockquote-background-color, 15%); @padding-large-horizontal;);*/
  padding: 24px;
  font-weight: 400;
  /** blockquote icon **/
}
blockquote:before {
  font-family: 'custom-icons';
  font-size: 24px;
  text-align: left;
  padding: 0;
  margin: 0;
  display: inline-block;
  line-height: 1em;
  content: '\e89e';
  position: absolute;
  left: 16px;
}
blockquote p {
  margin-bottom: 0;
  margin-left: 24px;
}
blockquote footer {
  margin-left: 24px;
}
blockquote cite {
  display: inline-block;
  margin-top: 6px;
}
.blockquote-reverse {
  padding: 24px;
  border-right-width: 1px;
  border-left: 1px solid transparent;
}
.blockquote-reverse p {
  margin-right: 24px;
}
.blockquote-reverse:before {
  content: '\e88b';
  text-align: right;
  left: auto;
  right: 16px;
}
.blockquote-reverse footer {
  margin-right: 24px;
}
/* blockquote centered */
.text-center blockquote,
blockquote.text-center {
  padding-top: 48px;
}
.text-center blockquote:before,
blockquote.text-center:before {
  top: 24px;
  left: 50% ;
  margin-left: -12px;
}
/** lists **/
ul li ul li:last-child,
ul li ol li:last-child {
  border: none;
}
/** border list **/
ul.border li {
  border-bottom: 1px solid;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
/** icon lists **/
.arrow li:before {
  content: '\e8cc';
}
.star li:before {
  content: '\e80a';
}
.hyphen li:before {
  content: '\e822';
}
.plus li:before {
  content: '\e81a';
}
/* standard */
.list-icon li {
  padding: 5px;
}
.list-icon li:before,
li > i[class^="icon-"]:before,
li > i[class*=" icon-"]:before {
  font-family: 'custom-icons';
  font-size: 12px;
  text-align: left;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-right: 10px;
  line-height: 1em;
}
/* icon rounded */
.list-icon.rounded li:before,
li > i[class^="icon-"].rounded:before,
li > i[class*=" icon-"].rounded:before {
  height: 22px;
  width: 22px;
  line-height: 23px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  font-size: 8px;
}
/*target firefox only for better vertical align of icon*/
@-moz-document url-prefix() {
  .list-icon.rounded li:before,
  li > i[class^="icon-"].rounded:before,
  li > i[class*=" icon-"].rounded:before {
    line-height: 22px;
  }
}
/*target chrome only for better horizontal align of icon*/
/* TABLES
================================================== */
/*** Bootstrap default customization ***/
.table > thead > tr > th,
.table > thead > tr > th {
  border: none;
}
.table {
  margin-bottom: 24px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 24px;
}
@media (max-width: 768px) {
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 8px;
  }
}
@media (max-width: 768px) {
  .table {
    font-size: 14px;
  }
}
.table,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 0;
  border-bottom: 1px solid transparent;
}
.table-responsive table tr td,
.table-responsive table tr td {
  white-space: normal!important;
}
@media (max-width: 768px) {
  .table-responsive {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) and (min-width: 768px) {
  .table-responsive {
    margin-bottom: 120px;
  }
}
.table-bordered {
  border: 1px solid transparent;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid transparent;
}
/* FORMS
================================================== */
.form-control {
  padding: 6px 10px;
  height: 40px;
  font-size: 16px;
}
.form-control.input-sm,
.form-control.small {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: inherit;
}
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  border-width: 1px;
}
.form-group {
  position: relative;
}
.form-control-feedback {
  top: 31px;
}
.securityCheck .form-control-feedback {
  top: 52px;
}
.icon-error:before {
  content: '\e864';
}
.result {
  margin-top: 24px;
  margin-top: 44px;
}
/* fix fo btn height in unput group */
.input-group:not(.input-group-lg) .input-group-btn .btn {
  height: 40px;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  border-radius: 0;
}
/** form-minimal **/
.form-minimal .form-line {
  content: ' ';
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.form-minimal .form-control {
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding-left: 0;
}
.form-minimal .form-control:focus ~ .form-line {
  width: 100%;
}
.form-minimal .has-error .form-control:focus ~ .form-line {
  width: 0%;
}
/* END FORMS
================================================== */
.btn {
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  padding: 13px 22px;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 0;
}
@media (max-width: 767px) {
  .btn {
    white-space: normal;
  }
}
.btn:hover {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.btn:active,
.btn.active,
.btn:focus {
  outline: none;
  box-shadow: none;
}
.btn-lg,
.btn.large {
  font-size: 20px;
  padding: 23px 45px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 0;
}
.btn-sm,
.btn.small {
  padding: 8px 20px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn.x-small {
  font-size: 10px;
  padding: 2px 10px;
  font-size: 8px;
  line-height: 1.5;
  border-radius: 0;
}
@media (max-width: 991px) {
  .btn-group.responsive .btn {
    white-space: normal;
    margin-bottom: 10px;
  }
  .btn-group.responsive .pull-left,
  .btn-group.responsive .pull-right {
    float: none !important;
  }
}
.btn.facebook i:before {
  margin-right: 0;
}
/*** social icons buttons ***/
/*** Social icons ***/
ul.social-icons {
  padding: 0;
  margin: 0;
}
ul.social-icons li {
  display: inline-block;
}
ul.social-icons {
  /*** icon squared ***/
  /*** icon circle ***/
  /*** icon rounded ***/
}
ul.social-icons a {
  font-size: 14px;
  display: inline-block;
}
ul.social-icons a:hover,
ul.social-icons a:focus,
ul.social-icons a:active {
  text-decoration: none;
}
ul.social-icons.squared a,
ul.social-icons.circle a,
ul.social-icons.rounded a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}
ul.social-icons.squared a i[class^="icon-"]:before,
ul.social-icons.circle a i[class^="icon-"]:before,
ul.social-icons.rounded a i[class^="icon-"]:before,
ul.social-icons.squared a i[class*=" icon-"]:before,
ul.social-icons.circle a i[class*=" icon-"]:before,
ul.social-icons.rounded a i[class*=" icon-"]:before {
  text-align: center;
  margin-right: 0;
}
ul.social-icons.squared a {
  border-radius: 0;
}
ul.social-icons.circle a {
  border-radius: 50%;
}
ul.social-icons.rounded a {
  border-radius: 0;
}
/* sizes */
ul.social-icons.medium a .beeween-transition-out i:before {
  font-size: 22px;
}
ul.social-icons.medium.squared a,
ul.social-icons.medium.circle a,
ul.social-icons.medium.rounded a {
  height: 56px;
  width: 56px;
}
ul.social-icons.medium.squared i:before,
ul.social-icons.medium.circle i:before,
ul.social-icons.medium.rounded i:before {
  line-height: 56px;
  font-size: 22px;
}
ul.social-icons.large a .beeween-transition-out i:before {
  font-size: 40px;
}
ul.social-icons.large.squared a,
ul.social-icons.large.circle a,
ul.social-icons.large.rounded a {
  height: 75px;
  width: 75px;
}
ul.social-icons.large.squared i:before,
ul.social-icons.large.circle i:before,
ul.social-icons.large.rounded i:before {
  line-height: 75px;
  font-size: 40px;
}
ul.social-icons.x-large a .beeween-transition-out i:before {
  font-size: 80px;
}
ul.social-icons.x-large.squared a,
ul.social-icons.x-large.circle a,
ul.social-icons.x-large.rounded a {
  height: 120px;
  width: 120px;
}
ul.social-icons.x-large.squared i:before,
ul.social-icons.x-large.circle i:before,
ul.social-icons.x-large.rounded i:before {
  line-height: 120px;
  font-size: 60px;
}
/*fix align issue on facebook icon*/
ul.social-icons a.facebook.rounded > i:before,
ul.social-icons-2 a.facebook.rounded > i:before,
ul.social-icons a.facebook.squared > i:before,
ul.social-icons-2 a.facebook.squared > i:before,
ul.social-icons a.facebook.circle > i:before,
ul.social-icons-2 a.facebook.circle > i:before {
  width: 6px;
}
ul.social-icons-bar {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.social-icons .twitter.tooltipBWN i {
  visibility: hidden;
}
ul.social-icons .twitter.tooltipBWN {
  background-image: url(../images/icone/brands/x-logo-white.svg);
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center;
}
/*** link icons ***/
a.link-icon {
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  /*** icon squared ***/
  /*** icon circle ***/
  /*** icon rounded ***/
}
a.link-icon.squared,
a.link-icon.circle,
a.link-icon.rounded {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}
a.link-icon.squared > i:before,
a.link-icon.circle > i:before,
a.link-icon.rounded > i:before {
  margin-right: 0;
  text-align: center;
}
a.link-icon.squared {
  border-radius: 0;
}
a.link-icon.circle {
  border-radius: 50%;
}
a.link-icon.rounded {
  border-radius: 0;
}
/*** icon buttons ***/
.btn i:before {
  margin-right: 0;
}
/** sizes variants  **/
.btn.large i:before,
.btn.btn-lg i:before,
.btn.btn.large i:before {
  font-size: 24px;
}
.btn.small i:before,
.btn.btn-sm i:before,
.btn.btn.small i:before {
  font-size: 9px;
}
/** V2 **/
.btn-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
}
.btn-icon:hover {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.btn-icon i,
.btn-icon span {
  position: relative;
  float: left;
  padding: 12.8px 16px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
  border: 1px solid transparent;
}
.btn-icon.large i,
.btn-icon.large span {
  padding: 14.4px 24px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 0;
}
.btn-icon.medium i,
.btn-icon.medium span {
  padding: 12.8px 16px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-icon.small i,
.btn-icon.small span {
  padding: 8px 16px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-icon i,
.btn-icon.large i,
.btn-icon.medium i,
.btn-icon.small i {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 0;
}
.btn-icon span,
.btn-icon.large span,
.btn-icon.medium span,
.btn-icon.small span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: -1px;
}
.btn-icon:hover i,
.btn-icon:hover span {
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-icon.large,
.btn-icon.medium,
.btn-icon.small {
  padding: 0;
  border-radius: 0;
}
/** V2 sizes variants **/
.btn-icon i[class^="icon-"]:before,
.btn-icon i[class*=" icon-"]:before {
  margin-right: 9px;
}
.btn-icon.large i:before {
  font-size: 24px;
  margin-right: 18px;
}
.btn-icon.medium i:before {
  margin-right: 11px;
}
.btn-icon.small i {
  padding-left: 8px;
}
.btn-icon.small i:before {
  font-size: 9px;
  margin-right: 8px;
}
/** btn block **/
.btn-block,
.btn.block {
  white-space: normal;
}
.btn.border i,
.btn-icon.border i {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
/* TABS
================================================== */
.tab-content {
  padding: 24px;
  padding-top: 42px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.tab-content h1:first-child,
.tab-content h2:first-child,
.tab-content h3:first-child,
.tab-content h4:first-child,
.tab-content h5:first-child,
.tab-content h6:first-child,
.tab-content p:first-child {
  margin-top: 0;
}
.tab-content h1:last-child,
.tab-content h2:last-child,
.tab-content h3:last-child,
.tab-content h4:last-child,
.tab-content h5:last-child,
.tab-content h6:last-child,
.tab-content p:last-child {
  margin-bottom: 0;
}
.nav.nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.nav.nav-tabs > li > a i[class^="icon-"]:before,
.nav.nav-tabs > li > a i[class*=" icon-"]:before {
  margin-right: 3px;
}
#btn-mobile-app {
  column-gap: 5px;
  font-size: 14px;
}
#btn-mobile-app .icon {
  color: #e04343;
  display: flex;
  align-items: center;
  justify-content: center;
}
#btn-mobile-app:hover .icon {
  color: #fff;
}

@media (max-width: 768px) {
  .nav.nav-tabs > li {
    width: 100%;
    float: none;
    margin-bottom: -1px;
    border-bottom: 1px solid transparent;
  }
  .nav.nav-tabs > li > a {
    border: none;
  }
  .nav.nav-tabs > li.active:last-child {
    margin-bottom: 0;
  }
  div:not(.tabs-minimal) > .nav.nav-tabs > li {
    border: 1px solid transparent;
  }
  div:not(.tabs-minimal) > .nav.nav-tabs > li.active > a {
    border: none;
  }
  div:not(.tabs-minimal) > .nav.nav-tabs > li.active > a:hover,
  div:not(.tabs-minimal) > .nav.nav-tabs > li.active > a:focus {
    border: none;
  }
}
/*** tabs position ***/
.tabs-right .nav.nav-tabs,
.tabs-left .nav.nav-tabs {
  border: none;
}
.tabs-right .nav.nav-tabs > li,
.tabs-left .nav.nav-tabs > li {
  border: 1px solid transparent;
}
.tabs-right .nav.nav-tabs > li > a,
.tabs-left .nav.nav-tabs > li > a {
  margin-bottom: auto;
}
.tabs-right .nav.nav-tabs > li.active:last-child,
.tabs-left .nav.nav-tabs > li.active:last-child {
  margin-bottom: -1px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a {
  border: none;
}
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover,
.tabs-right > .nav-tabs > li.active > a:hover {
  border: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  border: none;
}
.tabs-left .tab-content,
.tabs-right .tab-content {
  overflow: hidden;
  border-top: 1px solid transparent;
}
@media (min-width: 768px) {
  .tabs-left > .nav.nav-tabs {
    float: left;
  }
  .tabs-left > .nav.nav-tabs > li {
    margin-right: -1px;
  }
  .tabs-left > .nav.nav-tabs > li > a {
    border-radius: 0;
    border-right: none;
  }
  .tabs-left > .nav.nav-tabs > li:first-child > a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tabs-left > .nav.nav-tabs > li:last-child > a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 768px) {
  .tabs-right > .nav.nav-tabs {
    float: right;
  }
  .tabs-right > .nav.nav-tabs > li {
    margin-left: -1px;
  }
  .tabs-right > .nav.nav-tabs > li > a {
    border-radius: 0;
    border-left: none;
  }
  .tabs-right > .nav.nav-tabs > li:first-child > a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tabs-right > .nav.nav-tabs > li:last-child > a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.tabs-minimal .tab-content {
  border: none;
  padding: 0;
  padding-top: 24px;
}
.tabs-minimal .nav.nav-tabs {
  /*border-color:@body-text-color;*/
  border-width: 2px;
  border-top: none;
}
.tabs-minimal .nav.nav-tabs > li > a {
  margin-bottom: 0;
  border: none;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .tabs-minimal .nav.nav-tabs > li > a {
    padding-left: 24px;
  }
}
.tabs-minimal .nav.nav-tabs > li > a:after {
  content: ' ';
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.tabs-minimal .nav.nav-tabs > li > a:hover {
  border: none;
}
.tabs-minimal .nav.nav-tabs > li > a:hover:after {
  width: 100%;
}
.tabs-minimal .nav.nav-tabs > li:first-child > a {
  padding-left: 0;
}
.tabs-minimal .nav.nav-tabs > li.active > a,
.tabs-minimal .nav.nav-tabs > li.active > a:focus {
  border: none;
}
.tabs-minimal .nav.nav-tabs > li.active > a:after,
.tabs-minimal .nav.nav-tabs > li.active > a:focus:after {
  width: 100%;
}
.breadcrumb {
  display: none;
  margin-bottom: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .breadcrumb {
    display: block;
  }
}
@media (min-width: 992px) {
  .breadcrumb {
    text-align: right;
  }
}
.breadcrumb > li {
  font-size: 14px;
}
.breadcrumb > li > a:hover {
  text-decoration: none;
}
.breadcrumb.text-left {
  text-align: left;
}
/* standard */
i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before {
  border: 1px solid transparent;
}
i[class^="icon-"]:before,
i[class*=" icon-"]:before {
  font-family: 'custom-icons';
  text-align: left;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  display: inline-block;
  line-height: 1em;
  font-size: 14px;
}
/* sizes */
i[class^="icon-"].x-large:before,
i[class*=" icon-"].x-large:before {
  font-size: 80px;
}
i[class^="icon-"].large:before,
i[class*=" icon-"].large:before {
  font-size: 40px;
}
i[class^="icon-"].medium:before,
i[class*=" icon-"].medium:before {
  font-size: 22px;
}
i[class^="icon-"].small:before,
i[class*=" icon-"].small:before {
  font-size: 10px;
}
/*** icons sizes (for rounded, circle and square) ***/
/*** icon squared ***/
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before {
  display: inline-block;
  text-align: center;
  margin-right: 0;
}
/*** icon circle ***/
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before {
  display: inline-block;
  text-align: center;
  margin-right: 0;
  border-radius: 50%;
}
/*** icon rounded ***/
i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before {
  display: inline-block;
  text-align: center;
  margin-right: 0;
  border-radius: 0;
}
/* standard */
i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 14px;
}
/* x-large */
i[class^="icon-"].x-large.rounded:before,
i[class*=" icon-"].x-large.rounded:before,
i[class^="icon-"].x-large.squared:before,
i[class*=" icon-"].x-large.squared:before,
i[class^="icon-"].x-large.circle:before,
i[class*=" icon-"].x-large.circle:before {
  height: 120px;
  width: 120px;
  line-height: 120px;
  font-size: 60px;
}
/* large */
i[class^="icon-"].large.rounded:before,
i[class*=" icon-"].large.rounded:before,
i[class^="icon-"].large.squared:before,
i[class*=" icon-"].large.squared:before,
i[class^="icon-"].large.circle:before,
i[class*=" icon-"].large.circle:before {
  height: 75px;
  width: 75px;
  line-height: 75px;
  font-size: 40px;
}
/* medium */
i[class^="icon-"].medium.rounded:before,
i[class*=" icon-"].medium.rounded:before,
i[class^="icon-"].medium.squared:before,
i[class*=" icon-"].medium.squared:before,
i[class^="icon-"].medium.circle:before,
i[class*=" icon-"].medium.circle:before {
  height: 56px;
  width: 56px;
  line-height: 56px;
  font-size: 22px;
}
/* small */
i[class^="icon-"].small.rounded:before,
i[class*=" icon-"].small.rounded:before,
i[class^="icon-"].small.squared:before,
i[class*=" icon-"].small.squared:before,
i[class^="icon-"].small.circle:before,
i[class*=" icon-"].small.circle:before {
  height: 22px;
  width: 22px;
  line-height: 23px;
  font-size: 8px;
}
/*** icon rounded/squared/circle colors ***/
/*** icons animated ***/
i.animated:before {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
i.animated:hover:before {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.box {
  padding: 9px;
  border: 1px solid transparent;
}
.box.padding-large {
  padding: 120px;
}
@media (max-width: 768px) {
  .box.padding-large {
    padding: 24px;
  }
}
.box.padding-medium {
  padding: 96px;
}
@media (max-width: 768px) {
  .box.padding-medium {
    padding: 24px;
  }
}
.box.padding-small {
  padding: 16px;
}
.box h1:first-child,
.box h2:first-child,
.box h3:first-child,
.box h4:first-child,
.box h5:first-child,
.box h6:first-child,
.box p:first-child {
  margin-top: 0;
}
.box h1:last-child,
.box h2:last-child,
.box h3:last-child,
.box h4:last-child,
.box h5:last-child,
.box h6:last-child,
.box p:last-child {
  margin-bottom: 0;
}
.box.inline {
  display: inline-block;
}
.box.circle {
  border-radius: 50%;
}
.box.rounded {
  border-radius: 0;
}
.cta-box {
  padding: 24px;
}
.cta-box h1,
.cta-box h2,
.cta-box h3,
.cta-box h4,
.cta-box h5,
.cta-box h6,
.cta-box p,
.cta-box blockquote {
  text-align: center;
}
.cta-box h1:first-child,
.cta-box h2:first-child,
.cta-box h3:first-child,
.cta-box h4:first-child,
.cta-box h5:first-child,
.cta-box h6:first-child,
.cta-box p:first-child,
.cta-box blockquote:first-child {
  margin-top: 0;
}
.cta-box h1:last-child,
.cta-box h2:last-child,
.cta-box h3:last-child,
.cta-box h4:last-child,
.cta-box h5:last-child,
.cta-box h6:last-child,
.cta-box p:last-child,
.cta-box blockquote:last-child {
  margin-bottom: 0;
}
.cta-box .cta-box-btn {
  text-align: center;
  margin-top: 24px;
}
.cta-box .cta-box-btn a {
  margin-bottom: 0;
}
.team-box figcaption.box {
  border: none;
}
@media (min-width: 992px) {
  .cta-box.cta-box-2cols {
    display: table;
    width: 100%;
  }
  .cta-box.cta-box-2cols .cta-box-text,
  .cta-box.cta-box-2cols .cta-box-btn {
    display: table-cell;
    vertical-align: top;
  }
  .cta-box.cta-box-2cols .cta-box-btn {
    margin-top: 0;
  }
  .cta-box.cta-box-2cols h1,
  .cta-box.cta-box-2cols h2,
  .cta-box.cta-box-2cols h3,
  .cta-box.cta-box-2cols h4,
  .cta-box.cta-box-2cols h5,
  .cta-box.cta-box-2cols p,
  .cta-box.cta-box-2cols blockquote {
    text-align: left;
  }
  .cta-box.cta-box-2cols .cta-box-btn {
    text-align: right;
    padding-left: 22px;
  }
}
@media (max-width: 991px) {
  /** edge case ctabox with medium or large padding **/
  .cta-box.padding-medium {
    padding: 24px;
  }
  .cta-box .btn {
    white-space: normal;
  }
}
/* FEATURE BOXES
================================================== */
.feature-box:before,
.feature-box:after {
  content: " ";
  display: table;
}
.feature-box:after {
  clear: both;
}
.feature-box.media-right {
  padding-left: 0;
  float: right;
}
.feature-box.media-left {
  padding-right: 0;
}
.feature-box .feature-box-content {
  text-align: center;
  margin-bottom: 22px;
}
.feature-box .beeween-center-media {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box img.x-large,
.feature-box img.large,
.feature-box img.medium,
.feature-box img.avatar {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box .icon {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box .icon.x-large.circle,
.feature-box .icon.large.circle,
.feature-box .icon.medium.circle,
.feature-box .icon.x-large.rounded,
.feature-box .icon.large.rounded,
.feature-box .icon.medium.rounded,
.feature-box .icon.x-large.squared,
.feature-box .icon.large.squared,
.feature-box .icon.medium.squared {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box .icon.circle,
.feature-box .icon.rounded,
.feature-box .icon.squared {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box .icon img {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box i[class^="icon-"].circle:before,
.feature-box i[class*=" icon-"].circle:before,
.feature-box i[class^="icon-"].rounded:before,
.feature-box i[class*=" icon-"].rounded:before,
.feature-box i[class^="icon-"].squared:before,
.feature-box i[class*=" icon-"].squared:before {
  display: block;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.feature-box .beeween-float-media {
  float: left;
  margin-right: 16px;
}
.feature-box p:last-child,
.feature-box .btn:last-child {
  margin-bottom: 0;
}
.feature-box h1,
.feature-box h2,
.feature-box h3,
.feature-box h4,
.feature-box h5,
.feature-box h6 {
  margin-bottom: 0.5em;
}
.feature-box h1:first-child,
.feature-box h2:first-child,
.feature-box h3:first-child,
.feature-box h4:first-child,
.feature-box h5:first-child,
.feature-box h6:first-child {
  margin-top: 5px;
}
@media (min-width: 480px) {
  .feature-box i {
    float: left;
  }
  .feature-box a,
  .feature-box .post-date {
    float: left;
    margin-right: 16px;
  }
  .feature-box img.x-large,
  .feature-box img.large,
  .feature-box img.medium,
  .feature-box img.avatar {
    float: left;
    margin-right: 16px;
  }
  .feature-box .icon {
    float: left;
    margin-right: 16px;
  }
  .feature-box .icon.x-large.circle,
  .feature-box .icon.large.circle,
  .feature-box .icon.medium.circle,
  .feature-box .icon.x-large.rounded,
  .feature-box .icon.large.rounded,
  .feature-box .icon.medium.rounded,
  .feature-box .icon.x-large.squared,
  .feature-box .icon.large.squared,
  .feature-box .icon.medium.squared {
    float: left;
    margin-right: 16px;
  }
  .feature-box .icon.circle,
  .feature-box .icon.rounded,
  .feature-box .icon.squared {
    float: left;
    margin-right: 16px;
  }
  .feature-box .icon img {
    float: left;
    margin-right: 16px;
  }
  .feature-box i[class^="icon-"].circle:before,
  .feature-box i[class*=" icon-"].circle:before,
  .feature-box i[class^="icon-"].rounded:before,
  .feature-box i[class*=" icon-"].rounded:before,
  .feature-box i[class^="icon-"].squared:before,
  .feature-box i[class*=" icon-"].squared:before {
    float: left;
    margin-right: 16px;
  }
  .feature-box .feature-box-content {
    overflow: hidden;
    padding-top: 0;
    text-align: left;
  }
  .feature-box .feature-box-content i,
  .feature-box .feature-box-content a,
  .feature-box .feature-box-content img,
  .feature-box .feature-box-content .icon,
  .feature-box .feature-box-content .post-date {
    float: none;
  }
  .feature-box .entry-meta > li > a,
  .feature-box .entry-meta > li > i {
    margin-right: 0;
  }
  .feature-box h2,
  .feature-box p {
    text-align: left;
  }
}
.feature-box.media-left {
  text-align: center;
}
@media (min-width: 991px) {
  .feature-box.media-left h2,
  .feature-box.media-left h3,
  .feature-box.media-left h4,
  .feature-box.media-left h5,
  .feature-box.media-left h6,
  .feature-box.media-left p {
    text-align: left;
  }
}
.feature-box.media-left i:before {
  margin-top: 2px;
}
.feature-box.media-left i.x-large:before {
  margin-top: 7px;
}
.feature-box.media-left i.large:before {
  margin-top: 7px;
}
.feature-box.media-left i.medium:before {
  margin-top: 7px;
}
@media (min-width: 480px) {
  .feature-box.media-left i:before {
    margin-right: 5px;
    margin-top: 2px;
  }
  .feature-box.media-left i.x-large:before {
    margin-right: 16px;
    margin-top: 7px;
  }
  .feature-box.media-left i.large:before {
    margin-right: 16px;
    margin-top: 7px;
  }
  .feature-box.media-left i.medium:before {
    margin-right: 11px;
    margin-top: 7px;
  }
}
@media (min-width: 768px) {
  .feature-box.media-right i,
  .feature-box.media-right a,
  .feature-box.media-right img,
  .feature-box.media-right .icon {
    float: right;
  }
  .feature-box.media-right h2,
  .feature-box.media-right h3,
  .feature-box.media-right h4,
  .feature-box.media-right h5,
  .feature-box.media-right h6,
  .feature-box.media-right p,
  .feature-box.media-right .feature-box-content {
    text-align: right;
  }
}
.feature-box.media-right i:before {
  margin-top: 2px;
}
.feature-box.media-right i.x-large:before {
  margin-top: 7px;
}
.feature-box.media-right i.large:before {
  margin-top: 7px;
}
.feature-box.media-right i.medium:before {
  margin-top: 7px;
}
@media (min-width: 768px) {
  .feature-box.media-right {
    /* images */
  }
  .feature-box.media-right i:before {
    margin-right: 0;
    margin-left: 5px;
    margin-top: 2px;
  }
  .feature-box.media-right i.x-large:before {
    margin-right: 0;
    margin-left: 16px;
    margin-top: 7px;
  }
  .feature-box.media-right i.large:before {
    margin-right: 0;
    margin-left: 16px;
    margin-top: 7px;
  }
  .feature-box.media-right i.medium:before {
    margin-right: 0;
    margin-left: 11px;
    margin-top: 7px;
  }
  .feature-box.media-right img {
    margin-right: 0;
    margin-left: 5px;
    margin-top: 2px;
  }
  .feature-box.media-right img.x-large {
    margin-right: 0;
    margin-left: 16px;
    margin-top: 7px;
  }
  .feature-box.media-right img.large {
    margin-right: 0;
    margin-left: 16px;
    margin-top: 7px;
  }
  .feature-box.media-right img.medium {
    margin-right: 0;
    margin-left: 11px;
    margin-top: 7px;
  }
}
.box-icon {
  text-align: center;
  padding: 24px 24px 0 24px;
}
.box-icon:before,
.box-icon:after {
  content: " ";
  display: table;
}
.box-icon:after {
  clear: both;
}
.box-icon.main-color,
.box-icon.dark-main-color,
.box-icon.light-main-color,
.box-icon.dark-color,
.box-icon.light-color {
  padding-bottom: 24px;
}
.box-icon i {
  margin-bottom: 24px;
}
.box-icon i:before {
  margin-right: 0;
}
.box-icon p,
.box-icon .btn {
  margin-bottom: 0;
}
.box-icon a h1,
.box-icon a h2,
.box-icon a h3,
.box-icon a h4,
.box-icon a h5,
.box-icon a h6 {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.box-icon a h1:nth-child(2),
.box-icon a h2:nth-child(2),
.box-icon a h3:nth-child(2),
.box-icon a h4:nth-child(2),
.box-icon a h5:nth-child(2),
.box-icon a h6:nth-child(2) {
  margin-top: 24px;
}
.box-icon a p {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.box-icon a:hover {
  text-decoration: none;
}
.box-icon.animated a:hover i:before {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.icon img {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.icon.circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  padding: 10px;
}
.icon.circle img {
  width: 20px;
  height: 20px;
  display: block;
}
.icon.x-large img {
  width: 160px;
  height: 160px;
}
.icon.x-large.circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-block;
  padding: 40px;
}
.icon.x-large.circle img {
  width: 80px;
  height: 80px;
}
.icon.large img {
  width: 100px;
  height: 100px;
}
.icon.large.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  padding: 25px;
}
.icon.large.circle img {
  width: 50px;
  height: 50px;
}
.icon.medium img {
  width: 56px;
  height: 56px;
}
.icon.medium.circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-block;
  padding: 14px;
}
.icon.medium.circle img {
  width: 28px;
  height: 28px;
}
.icon.small img {
  width: 22px;
  height: 22px;
}
.icon.small.circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  padding: 5px;
}
.icon.small.circle img {
  width: 12px;
  height: 12px;
}
.icon.animated img:hover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 14px;
}
i[class^="icon-"].large.rounded:before,
i[class*=" icon-"].large.rounded:before,
i[class^="icon-"].large.squared:before,
i[class*=" icon-"].large.squared:before,
i[class^="icon-"].large.circle:before,
i[class*=" icon-"].large.circle:before {
  height: 100px;
  width: 100px;
  line-height: 100px;
  font-size: 40px;
}
i[class^="icon-"].medium.rounded:before,
i[class*=" icon-"].medium.rounded:before,
i[class^="icon-"].medium.squared:before,
i[class*=" icon-"].medium.squared:before,
i[class^="icon-"].medium.circle:before,
i[class*=" icon-"].medium.circle:before {
  height: 56px;
  width: 56px;
  line-height: 56px;
  font-size: 22px;
}
i[class^="icon-"].small.rounded:before,
i[class*=" icon-"].small.rounded:before,
i[class^="icon-"].small.squared:before,
i[class*=" icon-"].small.squared:before,
i[class^="icon-"].small.circle:before,
i[class*=" icon-"].small.circle:before {
  height: 22px;
  width: 22px;
  line-height: 23px;
  font-size: 8px;
}
.box-icon.main-color a:not(.btn),
.box-icon.dark-main-color a:not(.btn),
.box-icon.light-main-color a:not(.btn),
.box-icon.light-color a:not(.btn),
.box-icon.dark-color a:not(.btn),
.main-color .box-icon a:not(.btn),
.dark-main-color .box-icon a:not(.btn),
.light-main-color .box-icon a:not(.btn),
.light-color .box-icon a:not(.btn),
.dark-color .box-icon a:not(.btn) {
  display: block;
}
/* IMAGES
================================================== */
/*** avatar ***/
img.rounded {
  border-radius: 0;
}
img.rounded.thumbnail {
  border-radius: 0;
}
img.circle {
  border-radius: 50%;
}
img.circle.thumbnail {
  border-radius: 50%;
}
img.avatar {
  width: 40px;
  height: 40px;
  display: inline-block;
}
img.avatar.x-large {
  width: 160px;
  height: 160px;
}
img.avatar.large {
  width: 80px;
  height: 80px;
}
img.avatar.medium {
  width: 60px;
  height: 60px;
}
img.avatar.small {
  width: 20px;
  height: 20px;
}
figure figcaption {
  margin-top: 24px;
}
figure figcaption h1:first-child,
figure figcaption h2:first-child,
figure figcaption h3:first-child,
figure figcaption h4:first-child,
figure figcaption h5:first-child,
figure figcaption h6:first-child {
  margin-top: 0;
}
figure figcaption.box {
  margin-top: 0;
  border-top: 0;
}
figure.caption-over {
  position: relative;
}
figure.caption-over figcaption {
  position: absolute;
  bottom: 0;
}
figure.caption-over.center figcaption {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  bottom: auto;
}
.image-background {
  /*background-attachment: fixed;*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.image-background.top-center {
  background-position: top center;
}
.image-background.top-left {
  background-position: top left;
}
.image-background.top-right {
  background-position: top right;
}
.image-background.bottom-center {
  background-position: bottom center;
}
.image-background.bottom-left {
  background-position: bottom left;
}
.image-background.bottom-right {
  background-position: bottom right;
}
.image-background.no-cover {
  background-size: auto;
}
/* Deprecated */
.image-background.responsive {
  background-size: 100% auto;
  background-position: center center;
}
.image-1 {
  background-image: url('../images/scribens-parallax.jpg');
}

.mask {
  position: relative;
  height: 100%;
  width: 100%;
}
.mask:before {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  content: "";
  display: block;
}
/*** TOOLS ***/
img.full-width,
img.img-fw {
  max-width: none;
  width: 100%;
}
img.full-height {
  max-width: none;
  max-height: none;
  height: 100%;
}
@media (min-width: 1200px) {
  img.img-fw-lg {
    max-width: none;
    width: 100%;
  }
}
.beeween-hover-1 .mask-over,
.beeween-hover-2 .mask-over,
.beeween-hover-4 .mask-over {
  padding: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.beeween-hover-1 .mask-over h1,
.beeween-hover-2 .mask-over h1,
.beeween-hover-4 .mask-over h1,
.beeween-hover-1 .mask-over h2,
.beeween-hover-2 .mask-over h2,
.beeween-hover-4 .mask-over h2,
.beeween-hover-1 .mask-over h3,
.beeween-hover-2 .mask-over h3,
.beeween-hover-4 .mask-over h3,
.beeween-hover-1 .mask-over h4,
.beeween-hover-2 .mask-over h4,
.beeween-hover-4 .mask-over h4,
.beeween-hover-1 .mask-over span,
.beeween-hover-2 .mask-over span,
.beeween-hover-4 .mask-over span {
  margin-top: 0;
}
.beeween-hover-1 .mask-over p,
.beeween-hover-2 .mask-over p,
.beeween-hover-4 .mask-over p {
  margin-bottom: 24px;
}
.beeween-hover-1 .mask-over a,
.beeween-hover-2 .mask-over a,
.beeween-hover-4 .mask-over a {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}
.beeween-hover-1 .mask-over a:hover,
.beeween-hover-2 .mask-over a:hover,
.beeween-hover-4 .mask-over a:hover {
  text-decoration: none;
}
.beeween-hover-1 .mask-over a h1,
.beeween-hover-2 .mask-over a h1,
.beeween-hover-4 .mask-over a h1,
.beeween-hover-1 .mask-over a h2,
.beeween-hover-2 .mask-over a h2,
.beeween-hover-4 .mask-over a h2,
.beeween-hover-1 .mask-over a h3,
.beeween-hover-2 .mask-over a h3,
.beeween-hover-4 .mask-over a h3,
.beeween-hover-1 .mask-over a h4,
.beeween-hover-2 .mask-over a h4,
.beeween-hover-4 .mask-over a h4,
.beeween-hover-1 .mask-over a span,
.beeween-hover-2 .mask-over a span,
.beeween-hover-4 .mask-over a span {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
}
.beeween-hover-1 .mask-over a.link-icon:hover,
.beeween-hover-2 .mask-over a.link-icon:hover,
.beeween-hover-4 .mask-over a.link-icon:hover {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*** Hover 1 ***/
.beeween-hover-1 figure div,
.beeween-hover-4 figure div {
  overflow: hidden;
  position: relative;
}
.beeween-hover-1 figure div img,
.beeween-hover-4 figure div img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  -ms-transform: transform 0.4s;
}
.beeween-hover-1 figure div .mask-over,
.beeween-hover-4 figure div .mask-over {
  position: absolute;
  width: 100%;
  top: auto;
  bottom: 0;
  margin-top: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  text-align: center;
}
.no-touch .beeween-hover-1 figure:not(.noCss3):hover div img,
.beeween-hover-1 figure.cs-hover div img,
.no-touch .beeween-hover-4 figure:not(.noCss3):hover div img,
.beeween-hover-4 figure.cs-hover div img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.no-touch .beeween-hover-1 figure:not(.noCss3):hover div .mask-over,
.beeween-hover-1 figure.cs-hover div .mask-over,
.no-touch .beeween-hover-4 figure:not(.noCss3):hover div .mask-over,
.beeween-hover-4 figure.cs-hover div .mask-over {
  /*opacity: 1;*/
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
/*** Hover 2 ***/
.beeween-hover-2 figure:not(.noCss3) .mask-over {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.beeween-hover-2 figure div {
  overflow: hidden;
  position: relative;
}
.beeween-hover-2 figure div .mask-over {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  text-align: center;
}
.no-touch .beeween-hover-2 figure:not(.noCss3):hover div .mask-over,
.beeween-hover-2 figure.cs-hover div .mask-over {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*** Hover 3 ***/
.beeween-hover-3 figure > div {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.beeween-hover-3 figure > div img {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.beeween-hover-3 figure > div .mask-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.beeween-hover-3 figure > div .mask-over {
  padding: 3em;
}
.beeween-hover-3 figure > div .mask-over::before,
.beeween-hover-3 figure > div .mask-over:after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.beeween-hover-3 figure > div .mask-over::before {
  top: 50px;
  right: 30px;
  bottom: 50px;
  left: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.beeween-hover-3 figure > div .mask-over::after {
  top: 30px;
  right: 50px;
  bottom: 30px;
  left: 50px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.beeween-hover-3 figure > div .mask-over a:not(.expand-zone) {
  opacity: 0;
}
.beeween-hover-3 figure > div h3 {
  margin: 0;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
.beeween-hover-3 figure > div h3 span {
  font-weight: 800;
  margin: 0;
}
.beeween-hover-3 figure > div p {
  padding: 0.5em 2em;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.beeween-hover-3 figure:hover > div img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.beeween-hover-3 figure:hover > div .mask-over::before,
.beeween-hover-3 figure:hover > div .mask-over::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.beeween-hover-3 figure:hover > div .mask-over:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.beeween-hover-3 figure:hover > div .mask-over a:not(.expand-zone) {
  opacity: 1;
  -webkit-transition: 800ms;
  -moz-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  transition: 800ms;
}
.beeween-hover-3 figure:hover > div h3,
.beeween-hover-3 figure:hover > div p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.beeween-hover-1 .mask-over a.expand-zone,
.beeween-hover-2 .mask-over a.expand-zone,
.beeween-hover-3 .mask-over a.expand-zone,
.beeween-hover-4 .mask-over a.expand-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.beeween-hover-4 .mask-over {
  padding: 0;
}
.beeween-hover-4 .mask-over a {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
  padding: 36px;
  height: 100%;
  width: 100%;
}
.beeween-hover-4 figcaption a:hover {
  text-decoration: none;
}
/*** ROLLOVER STANDARDIZED EFFECTS ***/
.rollover {
  /* effect-lily */
  /* end .effect-lily */
  /* effect-zoe */
  /* end .effect-zoe */
  /* .effect-lexi */
  /* end .effect-lexi */
  /* end .effect-sarah */
}
.rollover figure {
  position: relative;
  overflow: hidden;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.rollover figure img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.rollover figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 2em;
}
.rollover figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.rollover figure figcaption h1,
.rollover figure figcaption h2,
.rollover figure figcaption h3,
.rollover figure figcaption h4,
.rollover figure figcaption h5,
.rollover figure figcaption h6 {
  margin: 0;
  line-height: 25px !important;
}
.rollover.effect-lily figure > img {
  max-width: none;
  width: -webkit-calc(150%);
  width: calc(150%);
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-22%, 0, 0);
}
.rollover.effect-lily figure figcaption {
  text-align: left;
}
.rollover.effect-lily figure figcaption > .rollover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  padding: 2em;
}
.rollover.effect-lily figure figcaption .icon-links {
  display: none;
}
.rollover.effect-lily figure h1,
.rollover.effect-lily figure h2,
.rollover.effect-lily figure h3,
.rollover.effect-lily figure h4,
.rollover.effect-lily figure h5,
.rollover.effect-lily figure h6,
.rollover.effect-lily figure p,
.rollover.effect-lily figure ul {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
.rollover.effect-lily figure h1,
.rollover.effect-lily figure h2,
.rollover.effect-lily figure h3,
.rollover.effect-lily figure h4,
.rollover.effect-lily figure h5,
.rollover.effect-lily figure h6 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.rollover.effect-lily figure h1 span,
.rollover.effect-lily figure h2 span,
.rollover.effect-lily figure h3 span,
.rollover.effect-lily figure h4 span,
.rollover.effect-lily figure h5 span,
.rollover.effect-lily figure h6 span {
  display: inline;
  font-size: 1em;
}
.rollover.effect-lily figure p,
.rollover.effect-lily figure ul {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}
.rollover.effect-lily figure.hovered > img {
  opacity: 0.7;
}
.rollover.effect-lily figure.hovered img,
.rollover.effect-lily figure.hovered h1,
.rollover.effect-lily figure.hovered h2,
.rollover.effect-lily figure.hovered h3,
.rollover.effect-lily figure.hovered h4,
.rollover.effect-lily figure.hovered h5,
.rollover.effect-lily figure.hovered h6,
.rollover.effect-lily figure.hovered p,
.rollover.effect-lily figure.hovered ul {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rollover.effect-lily figure.hovered p,
.rollover.effect-lily figure.hovered ul {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  opacity: 1;
}
.rollover.effect-zoe article {
  overflow: hidden;
}
.rollover.effect-zoe figure {
  overflow: hidden;
}
.rollover.effect-zoe figure > img {
  opacity: 1;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.rollover.effect-zoe figure figcaption {
  top: auto;
  bottom: 0;
  padding: 1em 1em 1em 24px;
  height: 3.75em;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: translate3d(0, 400%, 0);
  transform: translate3d(0, 400%, 0);
}
.rollover.effect-zoe figure figcaption > a {
  display: none;
}
.rollover.effect-zoe figure h1,
.rollover.effect-zoe figure h2,
.rollover.effect-zoe figure h3,
.rollover.effect-zoe figure h4,
.rollover.effect-zoe figure h5,
.rollover.effect-zoe figure h6 {
  float: left;
  display: inline-block;
}
.rollover.effect-zoe figure h1 span,
.rollover.effect-zoe figure h2 span,
.rollover.effect-zoe figure h3 span,
.rollover.effect-zoe figure h4 span,
.rollover.effect-zoe figure h5 span,
.rollover.effect-zoe figure h6 span {
  display: inline;
  font-size: 1em;
}
.rollover.effect-zoe figure .icon-links {
  float: right;
}
.rollover.effect-zoe figure .icon-links a {
  float: left;
  color: #3c4a50;
  font-size: 1.2em;
}
.rollover.effect-zoe figure .icon-links a:hover {
  text-decoration: none;
}
.rollover.effect-zoe figure h1,
.rollover.effect-zoe figure h2,
.rollover.effect-zoe figure h3,
.rollover.effect-zoe figure h4,
.rollover.effect-zoe figure h5,
.rollover.effect-zoe figure h6,
.rollover.effect-zoe figure .icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.rollover.effect-zoe figure .icon-links a span::before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rollover.effect-zoe figure .description {
  position: absolute;
  bottom: 80px;
  left: 0;
  padding: 0 0 0 24px;
  font-size: 18px;
  text-transform: none;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
  /* Fix for Chrome 37.0.2062.120 (Mac) */
}
.rollover.effect-zoe figure.hovered > img {
  opacity: 0.5;
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
  -webkit-transform: translate3d(0, -30px, 0);
  -moz-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
.rollover.effect-zoe figure.hovered .description {
  opacity: 1;
}
.rollover.effect-zoe figure.hovered figcaption,
.rollover.effect-zoe figure.hovered h1,
.rollover.effect-zoe figure.hovered h2,
.rollover.effect-zoe figure.hovered h3,
.rollover.effect-zoe figure.hovered h4,
.rollover.effect-zoe figure.hovered h5,
.rollover.effect-zoe figure.hovered h6,
.rollover.effect-zoe figure.hovered .icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rollover.effect-zoe figure.hovered h1,
.rollover.effect-zoe figure.hovered h2,
.rollover.effect-zoe figure.hovered h3,
.rollover.effect-zoe figure.hovered h4,
.rollover.effect-zoe figure.hovered h5,
.rollover.effect-zoe figure.hovered h6 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.rollover.effect-zoe figure.hovered .icon-links a:first-child {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.rollover.effect-zoe figure.hovered .icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.rollover.effect-zoe figure.hovered .icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media (max-width: 480px) {
  .rollover.effect-zoe figcaption h5,
  .rollover.effect-zoe .description {
    display: none;
  }
}
.rollover.effect-lexi figure {
  background: -webkit-linear-gradient(-45deg, #000000 0%, #ffffff 100%);
  background: linear-gradient(-45deg, #000000 0%, #ffffff 100%);
}
.rollover.effect-lexi figure > img {
  margin: -10px 0 0 -10px;
  max-width: none;
  width: -webkit-calc(110%);
  width: calc(110%);
  opacity: 0.9;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(10px, 10px, 0);
  transform: translate3d(10px, 10px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.rollover.effect-lexi figure h1 span,
.rollover.effect-lexi figure h2 span,
.rollover.effect-lexi figure h3 span,
.rollover.effect-lexi figure h4 span,
.rollover.effect-lexi figure h5 span,
.rollover.effect-lexi figure h6 span {
  display: inline;
  font-size: 1em;
}
.rollover.effect-lexi figure .icon-links {
  display: none;
}
.rollover.effect-lexi figure figcaption::before,
.rollover.effect-lexi figure figcaption p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.rollover.effect-lexi figure figcaption::before {
  position: absolute;
  right: -100px;
  bottom: -100px;
  width: 300px;
  height: 300px;
  border: 2px solid transparent;
  border-radius: 50%;
  content: '';
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.rollover.effect-lexi figure h1,
.rollover.effect-lexi figure h2,
.rollover.effect-lexi figure h3,
.rollover.effect-lexi figure h4,
.rollover.effect-lexi figure h5,
.rollover.effect-lexi figure h6 {
  text-align: left;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(5px, 5px, 0);
  transform: translate3d(5px, 5px, 0);
}
.rollover.effect-lexi figure p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 16px 16px 0;
  width: 140px;
  text-align: right;
  opacity: 0;
  -webkit-transform: translate3d(20px, 20px, 0);
  transform: translate3d(20px, 20px, 0);
}
.rollover.effect-lexi figure.hovered > img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rollover.effect-lexi figure.hovered figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.rollover.effect-lexi figure.hovered h1,
.rollover.effect-lexi figure.hovered h2,
.rollover.effect-lexi figure.hovered h3,
.rollover.effect-lexi figure.hovered h4,
.rollover.effect-lexi figure.hovered h5,
.rollover.effect-lexi figure.hovered h6,
.rollover.effect-lexi figure.hovered p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rollover.effect-sarah figure > img {
  max-width: none;
  width: -webkit-calc(120%);
  width: calc(120%);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-13%, 0, 0);
  transform: translate3d(-13%, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.rollover.effect-sarah figure figcaption {
  text-align: left;
}
.rollover.effect-sarah figure .icon-links {
  display: none;
}
.rollover.effect-sarah figure h1,
.rollover.effect-sarah figure h2,
.rollover.effect-sarah figure h3,
.rollover.effect-sarah figure h4,
.rollover.effect-sarah figure h5,
.rollover.effect-sarah figure h6 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
.rollover.effect-sarah figure h1 span,
.rollover.effect-sarah figure h2 span,
.rollover.effect-sarah figure h3 span,
.rollover.effect-sarah figure h4 span,
.rollover.effect-sarah figure h5 span,
.rollover.effect-sarah figure h6 span {
  display: inline;
  font-size: 1em;
}
.rollover.effect-sarah figure h1:after,
.rollover.effect-sarah figure h2:after,
.rollover.effect-sarah figure h3:after,
.rollover.effect-sarah figure h4:after,
.rollover.effect-sarah figure h5:after,
.rollover.effect-sarah figure h6:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.rollover.effect-sarah figure .description {
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.rollover.effect-sarah figure.hovered > img {
  opacity: 0.4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rollover.effect-sarah figure.hovered h1::after,
.rollover.effect-sarah figure.hovered h2::after,
.rollover.effect-sarah figure.hovered h3::after,
.rollover.effect-sarah figure.hovered h4::after,
.rollover.effect-sarah figure.hovered h5::after,
.rollover.effect-sarah figure.hovered h6::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rollover.effect-sarah figure.hovered .description {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* end .rollover */
/** Ie9 and under **/
.ie .rollover {
  /* .effect-sarah */
  /* end .effect-sarah */
}
.ie .rollover.effect-sarah h1:after,
.ie .rollover.effect-sarah h2:after,
.ie .rollover.effect-sarah h3:after,
.ie .rollover.effect-sarah h4:after,
.ie .rollover.effect-sarah h5:after,
.ie .rollover.effect-sarah h6:after {
  display: none;
}
/** Ie9 and under **/
/*** END ROLLOVER STANDARDIZED EFFECTS ***/
/*** Magnific popup ***/
.mfp-figure figure figcaption {
  margin-top: 0;
}
/* TESTIMONIALS
================================================== */
.box-testimonial:before,
.box-testimonial:after {
  content: " ";
  display: table;
}
.box-testimonial:after {
  clear: both;
}
.box-testimonial blockquote {
  border-left-width: 1px;
  border-radius: 0;
}
.box-testimonial .avatar {
  margin-left: 24px;
  margin-right: 16px;
  float: left;
}
.box-testimonial .box-arrow:after,
.box-testimonial .box-arrow:before {
  left: 64px;
}
/** move this later if arrow need for another element **/
.box-arrow {
  position: relative;
}
.box-arrow:after,
.box-arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -1px;
}
.box-arrow:after {
  border-color: transparent;
  border-width: 10px;
  margin-left: -10px;
}
.box-arrow:before {
  border-color: transparent;
  border-width: 11px;
  margin-left: -11px;
}
/* TIMELINE
================================================== */
.timeline {
  list-style: none;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.timeline:before {
  /* line */
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  left: 50%;
  margin-left: -1px;
}
.timeline > li {
  position: relative;
}
.timeline > li .timeline-panel {
  width: 45%;
  position: relative;
  float: left;
  clear: left;
  margin-bottom: 50px;
}
.timeline > li .timeline-panel .timeline-badge {
  left: -12%;
  position: absolute;
  top: 22px;
  width: 100%;
  left: calc(100% + 23px);
  z-index: 100;
}
.timeline > li .timeline-panel h1:first-child,
.timeline > li .timeline-panel h2:first-child,
.timeline > li .timeline-panel h3:first-child,
.timeline > li .timeline-panel h4:first-child,
.timeline > li .timeline-panel h5:first-child,
.timeline > li .timeline-panel h6:first-child,
.timeline > li .timeline-panel p:first-child {
  margin-top: 0;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  clear: right;
  margin-top: 50px;
}
.timeline > li.timeline-inverted > .timeline-panel .timeline-badge {
  left: -17%;
  top: 18px;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}
/* PRICING TABLES
================================================== */
/*** pricing table ***/
.pricing-table {
  text-align: center;
  margin-top: 16px;
}
.pricing-table ul {
  list-style-type: none;
  margin: 0;
  padding: 0 24px;
}
.pricing-table ul li {
  padding: 24px 0;
  font-size: 12px;
}
.pricing-table h2 {
  text-transform: none;
  margin: 0;
  padding: 24px;
  font-weight: 800;
  text-align: center;
}
.pricing-table .pricing h3 {
  font-weight: 800;
  font-size: 71px;
  display: block;
  padding: 24px;
  margin: 0;
}
.pricing-table .pricing h3 span {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  display: block;
  line-height: 14px;
}
.pricing-table .pricing img {
  margin: 0 auto;
}
.pricing-table p {
  margin-bottom: 0;
  padding: 24px;
}
.pricing-table.focus-plan {
  margin-top: 0;
}
.pricing-table.focus-plan h3 {
  padding: 24px;
}
/*** end pricing table ***/
/***colors***/
.pricing-table {
  border: 1px solid transparent;
  border-radius: 0;
}
.pricing-table ul li {
  border-bottom: 1px solid transparent;
}
.pricing-table ul li:last-child {
  border-bottom: none;
}
.pricing-table .pricing {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.pricing-table.focus-plan {
  margin-top: 0;
}
.pricing-table.focus-plan .pricing {
  padding: 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
/*** ============ End Default theme ============ ***/
/*** ============ Theme 1 ============ ***/
.beeween_pt_style_2.pricingBloc {
  border-radius: 11px;
  border: 1px solid transparent;
  overflow: hidden;
}
.beeween_pt_style_2 div.pricing {
  position: relative;
  height: 75px;
}
.pricingBloc.beeween_pt_style_2 h3 {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 7px solid transparent;
  padding: 0.5em;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -75px;
}
.pricingBloc.beeween_pt_style_2 h3 span {
  font-size: 12px;
  line-height: 12px;
}
.pricingBloc.beeween_pt_style_2 ul {
  padding-top: 75px;
}
/*** ============ End Theme 1 ============ ***/
/*** ============ Theme 2 ============ ***/
.beeween_pt_style_3.pricingBloc h2 {
  text-transform: uppercase;
}
.beeween_pt_style_3.pricingBloc h3 {
  padding: 0.25em;
  font-size: 88px;
  line-height: 0.75em;
  letter-spacing: -0.025em;
}
.beeween_pt_style_3.pricingBloc h3 span {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 11px;
  line-height: 16px;
  letter-spacing: normal;
}
.beeween_pt_style_3.pricingBloc div.pricing {
  position: relative;
}
.beeween_pt_style_3.pricingBloc div.pricing:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 25px 50px 0 50px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: -10px;
}
.beeween_pt_style_3 ul {
  padding: 0;
}
/* focus */
.beeween_pt_style_3.focusPlan.pricingBloc h3 {
  padding: 0.5em 0;
}
/* SPACERS
================================================== */
/** separators **/
hr {
  padding: 0;
  margin: 24px 0;
  text-align: center;
}
hr:after {
  display: inline-block;
  font-family: 'custom-icons';
  position: relative;
  font-size: 1em;
  padding: 0 0.25em;
  top: -0.9em;
  width: 33px;
}
hr.large:after {
  font-size: 40px;
  width: 70px;
}
hr.medium:after {
  font-size: 22px;
  width: 40px;
}
hr.small:after {
  font-size: 10px;
}
hr.boxed {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  hr.boxed {
    width: 720px;
  }
}
@media (min-width: 992px) {
  hr.boxed {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  hr.boxed {
    width: 1140px;
  }
}
hr.line-star:after {
  content: '\e80a';
}
hr.line-x:after {
  content: '\e892';
}
hr.line-plus:after {
  content: '\e81a';
}
hr.line-dot:after {
  content: '\e902';
}
hr.line-burger:after {
  content: '\e84d';
}
hr.double {
  border-top: 4px double transparent;
}
/* PAGINATION
================================================== */
.pagination > li:first-child > a,
.pagination .pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  cursor: default;
}
.pagination.circle > li > a,
.pagination.rounded > li > a,
.pagination.circle > li > span,
.pagination.rounded > li > span {
  margin: 0 4.8px;
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 24px;
}
.pagination.circle > li:first-child > a,
.pagination.rounded > li:first-child > a,
.pagination.circle > li:first-child > span,
.pagination.rounded > li:first-child > span,
.pagination.circle > li:last-child > a,
.pagination.rounded > li:last-child > a,
.pagination.circle > li:last-child > span,
.pagination.rounded > li:last-child > span {
  border: none;
}
.pagination.circle > li > a,
.pagination.circle > li > span {
  border-radius: 50%;
}
.pagination.rounded > li > a,
.pagination.rounded > li > span {
  border-radius: 0;
}
.pagination.pagination-minimal > li:first-child > a,
.pagination.pagination-minimal .pagination > li:first-child > span,
.pagination.pagination-minimal > li:last-child > a,
.pagination.pagination-minimal > li:last-child > span {
  border-radius: 0;
}
.pagination.pagination-minimal > li > a,
.pagination.pagination-minimal > li > span {
  color: red;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 2px;
}
.pagination.pagination-minimal > li > a:after,
.pagination.pagination-minimal > li > span:after {
  content: ' ';
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
  background: red;
}
.pagination.pagination-minimal > li > a:focus,
.pagination.pagination-minimal > li > span:focus,
.pagination.pagination-minimal > li > a:hover,
.pagination.pagination-minimal > li > span:hover {
  background: none;
}
.pagination.pagination-minimal > li > a:focus:after,
.pagination.pagination-minimal > li > span:focus:after,
.pagination.pagination-minimal > li > a:hover:after,
.pagination.pagination-minimal > li > span:hover:after {
  width: 100%;
}
/* PAGE HEADER
================================================== */
.page-header {
  padding: 24px 0;
  margin: 0;
}
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6,
.page-header p {
  display: inline-block;
}
.page-header h1:first-child,
.page-header h2:first-child,
.page-header h3:first-child,
.page-header h4:first-child,
.page-header h5:first-child,
.page-header h6:first-child,
.page-header p:first-child {
  margin-top: 0;
}
.page-header h1:last-child,
.page-header h2:last-child,
.page-header h3:last-child,
.page-header h4:last-child,
.page-header h5:last-child,
.page-header h6:last-child,
.page-header p:last-child {
  margin-bottom: 0;
}
.page-header h1 small,
.page-header h2 small,
.page-header h3 small,
.page-header h4 small,
.page-header h5 small,
.page-header h6 small,
.page-header p small,
.page-header h1 .small,
.page-header h2 .small,
.page-header h3 .small,
.page-header h4 .small,
.page-header h5 .small,
.page-header h6 .small,
.page-header p .small {
  font-size: 75%;
  font-family: 'Segoe-UI';
}
.page-header h1 {
  font-size: 20px;
}
.page-header h2 {
  font-size: 18px;
}
.page-header h3 {
  font-size: 16px;
}
.page-header .mask .container {
  padding-top: 24px;
  padding-bottom: 24px;
}
.page-header.large {
  height: auto;
}
@media (min-width: 768px) {
  .page-header.large {
    height: 320px;
  }
}
.page-header.x-large {
  height: auto;
}
@media (min-width: 768px) {
  .page-header.x-large {
    height: 650px;
  }
}
.page-header.center {
  text-align: center;
}
.page-header.center h1,
.page-header.center h2,
.page-header.center h3,
.page-header.center h4,
.page-header.center h5,
.page-header.center h6,
.page-header.center p {
  text-align: center;
}
/*** vertical center ***/
.page-header .v-align-center.container {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 480px) {
  .page-header .v-align-center.container {
    display: table;
    height: 100%;
    position: relative;
  }
  .page-header .v-align-center.container > .row {
    display: table-row;
    height: 100%;
    float: none;
  }
  .page-header .v-align-center.container > .row > div[class*='col-'] {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
/* NAV BAR
================================================== */
.menu-header .main-logo-light {
  display: none;
}
.menu-header .main-logo {
  display: block;
  max-width: 184px;
}
.menu-header .main-logo-light {
  display: none;
}
.menu-header .navbar-default .navbar-nav > .active > a,
.menu-header .navbar-default .navbar-nav > .active > a:focus,
.menu-header .navbar-default .navbar-nav > .active > a:hover {
  background: none;
}
.dark-header .menu-header .main-logo {
  display: none;
}
.dark-header .menu-header .main-logo-light {
  display: block;
}
.light-header .menu-header .main-logo-light {
  display: none;
}
.light-header .menu-header .main-logo {
  display: block;
}
.light-header .menu-header .main-logo-light {
  display: none;
}
.menu-header.navbar-fixed-top {
  z-index: 10000;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-toggle {
  border: none;
  border-radius: 0;
}
.navbar-brand {
  padding: 26.5px 0;
}
/*.navbar-nav.navbar-right:last-child {
  margin-right: 0;
}*/
.menu-header .navbar[role="navigation"] {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.menu-header .navbar-brand {
  height: auto;
  padding-left: 0;
}
.sub-menu {
  display: none;
}
.menu-header .nav a {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Segoe-UI';
  letter-spacing: 0.05em;
  cursor: pointer;
}
.navbar-default .navbar-nav>li>a:focus {
  color: #777;
}
.menu-header .nav li {
  position: relative;
  display: flex;
  align-items: center;
}
.menu-header .nav li a#btn-extensions {
  color: #e04343;
}
nav.navbar > .navbar-collapse > .phonespacescrib {
  padding-left: 0;
}
nav.navbar > .navbar-collapse a[data-toggle="collapse"] {
  font-size: 14px;
}
nav.navbar > .navbar-collapse a.has-sub-menu {
  font-size: 14px;
}
/*.nav.navbar-nav .menu-delimeter {
  min-width: 50px;
}*/

#services .phone img[src$="https_baradress.png"] {
  margin-left: 20px;
}

body.page-plugin #recherche.zonerecherche {
  margin-top: 20px;
}

.align-top {
  vertical-align: top;
}

@media (min-width: 951px) { 
  .menu-header .navbar[role="navigation"] {
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
  }
  .navbar-fixed-top .navbar-collapse {
    flex: 1;
    padding-left: 30px;
  }
  ul.nav.navbar-nav {
    width: 100%;
  }
  .menu-header .nav li.menu-delimeter {
    flex: 1;
  }
  .navbar-brand {
    /*margin-top: -10px;*/
    margin-left: 0px;
  }
  .menu-header .nav li:hover a#btn-extensions:not(.selected) {
    background-color: #696d78;
    color: #fff;
  }
  .menu-header .nav li a#btn-extensions.selected {
    background-color: #e04343;
    color: #fff;
  }
}
/* Sub menu */
.menu-header .nav > li .sub-menu {
  list-style: none;
  padding: 0;
  margin-left: 20px;
}
.menu-header .nav > li .sub-menu a:not(.btn) {
  padding-top: 12.8px;
  padding-bottom: 12.8px;
  line-height: 1.5;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
}
.menu-header .nav > li .sub-menu a:hover,
.menu-header .nav > li .sub-menu a:active,
.menu-header .nav > li .sub-menu a:focus {
  text-decoration: none;
}
.menu-header .nav > li .sub-menu > li .sub-menu {
  padding-left: 0;
}
#outils-submenu {
  display: none;
}
#outils-submenu .container-interface {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgb(0 0 0 / 10%);
}
#outils-submenu .container-interface > .outils-submenu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 12px 22px;
  cursor: pointer;
  font-size: 14px;
  /*border-bottom: 2px solid transparent;*/
}
#outils-submenu .container-interface > .outils-submenu-item.active {
  color: #287bbf;
  font-weight: bold;
  /*border-bottom: 2px solid #1a8fcf;*/
}
#outils-submenu .container-interface > .menu-underline {
  position: absolute;
  height: 4px;
  background-color: #287bbf;
  bottom: 0px;
  transition: left 0.25s;
}
#outils-submenu .container-interface > div:not(.outils-submenu-item):not(.menu-underline) {
  border-right: 1px solid #ddd;
  height: 30px;
  align-self: center;
}
#outils-submenu .container-interface > .outils-submenu-item > img {
  max-width: 25px;
  max-height: 25px;
  height: auto;
  margin-right: 15px;
}
#outils-submenu button {
  display: none;
}

body#ideas-emotions #outils-submenu,
body#connecteur-logique #outils-submenu,
body#formules-politesse #outils-submenu,
body#presentation-lettres #outils-submenu,
body#relation-client-mail #outils-submenu   {
  display: block;
}
div#panel-two-sides {
  display: flex;
  padding: 20px 30px;
  border-top: 1px solid #d6d9df;
}
#panel-two-sides .left-side {
  flex: 1;
  max-width: 200px;
}
#panel-two-sides .left-side--table {
  border: 1px solid #d6d9df;
}
#panel-two-sides .left-side--table {
  border: 1px solid #d6d9df;
}
#panel-two-sides .left-side--table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
#panel-two-sides .left-side--table tr:nth-of-type(even) {
  background-color: #fff;
}
#panel-two-sides .left-side--table .left-side--item {
  border-bottom: 1px solid #d6d9df;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  cursor: pointer;
  background-color: transparent;
}
#panel-two-sides .left-side--table .left-side--item.active {
  background-color: #287bbf;
  color: #fff;
}
#panel-two-sides .left-side--table tr:last-child .left-side--item {
  border-bottom: none;
}
#panel-two-sides .left-side--title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
#panel-two-sides .right-side {
  flex: 1;
  margin-left: 20px;
  padding: 20px;
  background-color: #f2f2f2;
}
#panel-two-sides .right-side--table {
  border: 1px solid #d6d9df;
  position: relative;
  /*position: sticky;
  top: 95px;*/
}
#panel-two-sides .right-side--table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
#panel-two-sides .right-side--table tr:nth-of-type(even) {
  background-color: #fff;
}
#panel-two-sides .right-side--table th {
  text-align: center;
}
#panel-two-sides .right-side--table th,
#panel-two-sides .right-side--table td {
  border-bottom: 1px solid #d6d9df;
  padding: 6px 10px;
  line-height: 1.42857143;
  vertical-align: top;
  background-color: transparent;
  color: #64676e;
  vertical-align: middle;
}
#panel-two-sides .right-side--table td.VectExemplesCell {
  width: 350px;
}
#panel-two-sides .right-side--table tr td.VectDescriptionsCell {
  border-right: 1px solid #d6d9df;
  background-color: #fff;
  font-weight: bold;
}
#panel-two-sides .right-side--table tr td p:last-child {
  margin-bottom: 0;
}

#panel-two-sides.relation-client-mail .right-side--table tr td {
  background-color: #fff;
  text-align: center;
}

.ideas-emotions .right-side table td.VectDescriptionsCell,
.formules-politesse table.Stat-GridRep td.Stat-CellStyle:first-child,
.connecteur-logiques table.Stat-GridRep td.Stat-CellStyle:first-child {
  text-align: center;
}


#panel-two-sides.relation-client-mail .left-side {
  max-width: 235px;
}
#panel-two-sides.relation-client-mail .right-side--table td.VectExemplesCell {
  width: 625px;
}

#panel-two-sides.relation-client-mail .right-side table.hide-column-1 th:nth-child(1),
.relation-client-mail .right-side table.hide-column-1 td:nth-child(1) {
  display: none;
}
#panel-two-sides.relation-client-mail .right-side table.hide-column-2 th:nth-child(2),
#panel-two-sides.relation-client-mail .right-side table.hide-column-2 td:nth-child(2) {
  display: none;
}

@media (max-width: 768px) { 
  #outils-submenu .container-interface {
    padding: 0;
    flex-wrap: wrap;
  }
  #outils-submenu .container-interface > .outils-submenu-item {
    flex-basis: 49%;
    padding: 12px 15px;
  }
  #outils-submenu .container-interface > .menu-underline {
    display: none;
  }
  #outils-submenu .container-interface > div:not(.outils-submenu-item):not(.menu-underline) {
    height: 0;
  }
}
@media (max-width: 590px) { 
  div#outils-submenu {
    position: relative;
    max-height: 45px;
    margin-bottom: 10px;
  }
  div#outils-submenu.unfold {
    max-height: none;
  }
  #outils-submenu .container-interface {
    width: 100%;
    align-items: flex-start;
    padding: 0 !important;
  }
  #outils-submenu .container-interface > .outils-submenu-item {
    position: relative;
    flex-basis: 100%;
    justify-content: flex-start;
    transition: transform .3s;
  }
  #outils-submenu.unfold .container-interface > .outils-submenu-item:not(.active) {
    transform: scaleY(1);
    visibility: visible;
  }
  #outils-submenu .container-interface > .outils-submenu-item:not(.active) {
    transform: scaleY(0);
    visibility: hidden;
  }
  #outils-submenu .container-interface > .outils-submenu-item.active {
    border-bottom: 2px solid transparent;
  }
  #outils-submenu:not(.unfold) .container-interface > .outils-submenu-item.active {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #outils-submenu:not(.unfold) .container-interface {
    pointer-events: none;
    height: 48px;
  }
  #outils-submenu.unfold .container-interface > .outils-submenu-item.active:before {
    content: "\f054";
    position: absolute;
    top: 20px;
    left: 2px;
    color: #1a8fcf;
    font: normal normal normal 14px/1 FontAwesome;
  }
  #outils-submenu button {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    border: none;
    background-color: transparent;
    color: #ee6d72;
    padding: 0 18px;
    font-size: 12px;
    width: 100%;
    text-align: right;
    cursor: pointer;
  }
  #outils-submenu button:after {
    content: '';
    border: 2px solid #ee6d72;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 9px;
    right: 8px;
    border-radius: 50%;
  }
  #outils-submenu.unfold button {
    pointer-events: none;
  }
  #outils-submenu button .fa {
    transition: transform .3s;
  }
  #outils-submenu.unfold button .fa {
    transform: rotateX(180deg);
  }

  div#panel-two-sides {
    flex-direction: column;
  }
  #panel-two-sides .left-side {
    max-height: 300px;
    max-width: none;
    margin-bottom: 20px;
    overflow-y: scroll;
  }
  #panel-two-sides .right-side {
    margin-left: 0;
    min-height: .01%;
    overflow-x: auto;
  }

  .formules-politesse {
    display: flex;
    flex-direction: column;
    min-height: .01%;
    overflow-x: auto;
  }
  .formules-politesse .tabs-colonne {
    width: 100% !important;
    padding: 0!important;
  }

  .connecteur-logiques {
    display: flex;
    flex-direction: column;
    min-height: .01%;
    overflow-x: auto;
  }
  .connecteur-logiques .tabs-colonne {
    width: 100% !important;
    padding: 0!important;
  }

  .presentation-lettres {
    display: flex;
    flex-direction: column;
    min-height: .01%;
    overflow-x: auto;
  }
  .presentation-lettres .tabs-colonne {
    width: 100% !important;
    padding: 0 !important;
  }
  .presentation-lettres .tabs-colonne > a.active::after {
    content: none !important;
  }
  .presentation-lettres > .Stat-GridRep {
    box-shadow: none !important;
    border: none !important;
  }
  #panel-two-sides.relation-client-mail .left-side {
    max-width: none;
  }
}

/* mega menu */
.beeween-mega-menu {
  width: 100%;
}
.beeween-mega-menu h2 {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
}
.beeween-mega-menu ul {
  list-style: none;
  padding-left: 0;
}
.beeween-mega-menu .mega-inner {
  padding: 15px;
}
/* pre header */
#pre-header {
  padding: 5px 0;
  font-size: 12px;
}
#pre-header .contact-phone,
#pre-header .social-icons {
  display: inline-block;
  color: white;
}
#pre-header .contact-phone {
  margin-right: 16px;
}
.quick-menu {
  margin: 0;
  padding: 0;
}
.quick-menu li {
  display: inline-block;
}
.quick-menu li a {
  padding: 0 1em 0 0;
}
.quick-menu li a:hover {
  text-decoration: none;
}
.quick-contact {
  text-align: right;
}
@media (max-width: 768px) {
  .quick-contact {
    text-align: center;
  }
}
/**** Break point change from bs3.2.0 default****/
@media (max-width: 950px) {
  .menu-header.navbar-fixed-top .container {
    width: auto !important;
  }
  .menu-header .navbar-header {
    float: none !important;
  }
  .menu-header .navbar-header .navbar-toggle {
    display: block!important;
    margin-top: 23px!important;
  }
  .menu-header .navbar-nav {
    margin-bottom: 15px!important;
  }
  .menu-header .navbar-nav.navbar-right {
    float: none!important;
  }
  .menu-header .navbar-nav > li {
    float: none!important;
  }
  .menu-header .navbar-nav > li > a {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    line-height: 20px!important;
  }
  .menu-header .navbar-nav > li > a#btncn {
    display: flex;
    align-items: center;
  }
  body:not(.is-authorized) .menu-header .navbar-nav > li > a#btnvp {
    padding-left: 45px;
    padding-right: 20px;
  }
  body:not(.is-authorized) .menu-header .navbar-nav > li > a#btnvp:before {
    left: 20px;
  }
  body:not(.is-authorized) .menu-header .navbar-nav > li > a#btnvp:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .menu-header .navbar-collapse.collapse {
    display: none !important;
  }
  .menu-header .navbar-collapse.collapse.in {
    display: block !important;
    overflow-y: auto !important;
  }
  .menu-header .beeween-mega-menu {
    width: 97%!important;
    padding-top: 20px !important;
  }
  .menu-header .beeween-mega-menu:before,
  .menu-header .beeween-mega-menu:after {
    content: " ";
    display: table;
  }
  .menu-header .beeween-mega-menu:after {
    clear: both;
  }
  .menu-header .beeween-mega-menu .mega-inner {
    padding: 0;
  }
  .menu-header .beeween-mega-menu .col-md-3 {
    width: 100%!important;
    padding: 0!important;
  }
}
/**** Break point change from bs3.2.0 default****/
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-nav > li > a {
    padding: 31px 10px;
  }
}
@media (min-width: 1025px) {
  .menu-header .nav a {
    /*display: inline-block;*/
    padding-left: 16px;
    padding-right: 16px;
  }
  .menu-header .nav > li:not(:first-child):not(:last-child):before {
    /*display: inline-block;*/
    content: '';
  }
  .menu-header .nav li .btn {
    margin-top: 21px;
  }
  .menu-header .nav > li .sub-menu {
    left: 0;
    margin-left: 0;
  }
  .menu-header .nav > li .sub-menu > li .sub-menu {
    top: 0;
    left: 130px;
  }
  .menu-header .nav > li .sub-menu a {
    width: 100%;
    padding: 10px;
  }
  .menu-header .nav li.beeween-mega-menu-trigger {
    position: static !important;
  }
  .menu-header .sub-menu {
    position: absolute;
    z-index: 1;
    min-width: 220px;
  }
  .beeween-mega-menu {
    right: 0;
    left: 0 !important;
    padding-left: 0;
  }
  .beeween-mega-menu h2 {
    padding-left: 10px;
  }
  .beeween-mega-menu .mega-inner {
    padding: 30px 0;
  }
  .beeween-mega-menu .mega-inner ul > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .quick-contact {
    text-align: right;
  }
}
/** sidebar menu **/
.sidebar-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidebar-menu li a {
  padding: 16px 0;
  display: block;
}
.sidebar-menu li a:before {
  font-family: 'custom-icons';
  content: '\e962';
  margin-right: 6px;
}
.sidebar-menu li a:hover,
.sidebar-menu li a.active {
  text-decoration: none;
}
/* NAVABAR OPTIONS
================================================== */
body {
  padding-top: 81px;
}
body #pre-header {
  display: none;
}
.pre-header-on {
  padding-top: 112px;
}
.pre-header-on #pre-header {
  display: block;
}
@media (min-width: 768px) {
  .pre-header-on-sm {
    padding-top: 112px;
  }
  .pre-header-on-sm #pre-header {
    display: block;
  }
}
@media (min-width: 1025px) {
  body.header-1 {
    padding-top: 122px;
  }
  body.header-1.pre-header-on,
  body.header-1.pre-header-on-sm {
    padding-top: 153px;
  }
  body.header-1 .menu-header > .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  body.header-1 .menu-header .navbar a {
    font-weight: lighter;
  }
  body.header-1 .menu-header.scroll-header .nav {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  body.header-2 .menu-header .nav a.btn {
    margin-left: 10px;
  }
}
body.header-3 #pre-header {
  border-bottom: 1px solid transparent;
}
@media (min-width: 1025px) {
  body.header-3 .menu-header .nav a {
    font-weight: lighter;
    text-transform: none;
  }
  body.header-3 .menu-header .nav > li > a:not(.btn) {
    border-left: 1px solid transparent;
  }
}
@media (min-width: 1025px) {
  body.header-4 .navbar-brand {
    padding-top: 37px;
  }
  body.header-4 .menu-header .nav > li > a:not(.btn) {
    padding: 8px 13px;
    margin-top: 22px;
    margin-bottom: 22px;
    margin-right: 10px;
    border: 1px solid transparent;
    font-weight: bold;
  }
  body.header-4 .menu-header .nav > li > a:not(.btn) i {
    display: block;
    text-align: center;
  }
  body.header-4 .menu-header .nav li .btn.border {
    margin-top: 32px;
  }
  body.header-4 .menu-header .nav > li > .sub-menu {
    margin-top: -2px;
    border-radius: 0;
    top: 70px;
    padding: 15px;
  }
  body.header-4 .menu-header .nav > li > .sub-menu a {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 1025px) and (min-width: 1200px) {
  body.header-4 .menu-header .nav > li > a:not(.btn) {
    padding: 8px 16px;
  }
}
@media (min-width: 950px) {
  body.header-5 .menu-header .nav > li > a {
    border-radius: 4px;
    padding: 8px 13px;
    margin-top: 22px;
    margin-bottom: 22px;
    margin-right: 10px;
    border: 1px solid #bbb;;
  }
  body.header-5 .menu-header .nav > li > .sub-menu {
    border-radius: 4px;
    top: 70px;
  }
  body.header-5 .menu-header .nav > li > .sub-menu a {
    border-bottom: 1px solid transparent;
  }
  body.header-5 .menu-header .nav .beeween-mega-menu .mega-inner {
    border: none !important;
  }
}
@media (min-width: 1025px) {
  body.header-6 {
    padding-top: 0;
  }
  body.header-6 .menu-header {
    border-bottom: 1px solid transparent;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    /* easeInOutQuart */
    box-shadow: none;
  }
  body.header-6 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    width: 100%;
    -moz-animation: bounceIn 300ms ease-in;
    -webkit-animation: bounceIn 300ms ease-in;
    animation: bounceIn 300ms ease-in;
    border-bottom: 2px solid transparent;
  }
  body.header-6 .menu-header .navbar-default .navbar-nav > li > a:not(.btn) {
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
  }
  body.header-6 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after {
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    width: 100%;
    -moz-animation: bounceIn 300ms ease-in;
    -webkit-animation: bounceIn 300ms ease-in;
    animation: bounceIn 300ms ease-in;
    border-bottom: 2px solid transparent;
  }
  body.header-6 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after {
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    width: 100%;
    -moz-animation: bounceIn 300ms ease-in;
    -webkit-animation: bounceIn 300ms ease-in;
    animation: bounceIn 300ms ease-in;
    border-bottom: 2px solid transparent;
  }
  body.header-6 .menu-header:not(.scroll-header) .main-logo {
    display: none;
  }
  body.header-6 .menu-header:not(.scroll-header) .main-logo-light {
    display: block;
  }
}
/* spacer for image headers */
@media (min-width: 1025px) {
  .header-6-header-space {
    height: 80px;
  }
}
body.header-7 .menu-header {
  border-bottom: 1px solid transparent;
  box-shadow: none;
}
@media (min-width: 1025px) {
  body.header-7 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    width: 100%;
    -moz-animation: bounceIn 300ms ease-in;
    -webkit-animation: bounceIn 300ms ease-in;
    animation: bounceIn 300ms ease-in;
    border-bottom: 2px solid transparent;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn) {
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after {
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    width: 100%;
    -moz-animation: bounceIn 300ms ease-in;
    -webkit-animation: bounceIn 300ms ease-in;
    animation: bounceIn 300ms ease-in;
    border-bottom: 2px solid transparent;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after {
    position: absolute;
    bottom: 25px;
    left: 0;
    content: '';
    width: 100%;
    -moz-animation: bounceIn 300ms ease-in;
    -webkit-animation: bounceIn 300ms ease-in;
    animation: bounceIn 300ms ease-in;
    border-bottom: 2px solid transparent;
  }
}
.side-menu #pre-header {
  display: none;
}
.side-menu .menu-header {
  width: 300px;
  height: 100%;
}
.side-menu .menu-header .container {
  width: 100%;
}
.side-menu .menu-header .nav li {
  width: 100%;
}
.side-menu .menu-header .sub-menu {
  position: static;
}
.side-menu .menu-header .navbar-nav > li > a {
  padding: 6px;
}
.side-menu main#content {
  margin-left: 350px;
  padding-right: 50px;
}
.side-menu .container {
  width: 100%;
}
@media (min-width: 1025px) {
  body.header-transparent,
  body.header-semi-transparent {
    padding-top: 0;
  }
}
body.header-transparent.light-header .menu-header:not(.scroll-header) .main-logo-light {
  display: block;
}
body.header-transparent.light-header .menu-header:not(.scroll-header) .main-logo {
  display: none;
}
/* PROGRESS BARS
================================================== */
.progress {
  height: 18px;
  border-radius: 9px;
  border: 1px solid transparent;
  margin-bottom: 0;
}
.progress span {
  line-height: 18px;
}
.progress.large {
  height: 36px;
  border-radius: 18px;
}
.progress.large span {
  line-height: 36px;
}
.progress.medium {
  height: 24px;
  border-radius: 12px;
}
.progress.medium span {
  line-height: 24px;
}
.progress.small {
  height: 10px;
  border-radius: 5px;
}
.progress.small span {
  line-height: 10px;
}
.progress.x-small {
  height: 2px;
  border-radius: 2px;
  border: none;
}
.progress-bar {
  line-height: 10px;
}
footer#main-footer {
  padding-top: 96px;
  padding-bottom: 0;
}
footer#main-footer a:hover {
  text-decoration: none;
}
footer#main-footer #footer-rights {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}
footer#main-footer #footer-rights h1:first-child,
footer#main-footer #footer-rights h2:first-child,
footer#main-footer #footer-rights h3:first-child,
footer#main-footer #footer-rights h4:first-child,
footer#main-footer #footer-rights h5:first-child,
footer#main-footer #footer-rights h6:first-child,
footer#main-footer #footer-rights p:first-child {
  margin-top: 0;
}
footer#main-footer #footer-rights h1:last-child,
footer#main-footer #footer-rights h2:last-child,
footer#main-footer #footer-rights h3:last-child,
footer#main-footer #footer-rights h4:last-child,
footer#main-footer #footer-rights h5:last-child,
footer#main-footer #footer-rights h6:last-child,
footer#main-footer #footer-rights p:last-child {
  margin-bottom: 0;
}
footer#main-footer #footer-rights p {
  font-size: 9.6px;
}
footer#main-footer #footer-rights .baseline-right {
  text-align: center;
}
@media (min-width: 992px) {
  footer#main-footer #footer-rights .baseline-right {
    float: right;
    text-align: right;
  }
}
.footer-widget {
  margin-bottom: 100px;
}
.footer-widget h1:first-child,
.footer-widget h2:first-child,
.footer-widget h3:first-child,
.footer-widget h4:first-child,
.footer-widget h5:first-child,
.footer-widget h6:first-child,
.footer-widget p:first-child {
  margin-top: 0;
}
.footer-widget h1:last-child,
.footer-widget h2:last-child,
.footer-widget h3:last-child,
.footer-widget h4:last-child,
.footer-widget h5:last-child,
.footer-widget h6:last-child,
.footer-widget p:last-child {
  margin-bottom: 0;
}
.footer-widget h1 {
  font-size: 28.8px;
}
.footer-widget h2 {
  font-size: 19.2px;
}
.footer-widget h3 {
  font-size: 16px;
}
.footer-widget h4 {
  font-size: 14.4px;
}
.footer-widget h5 {
  font-size: 12.8px;
}
.footer-widget h6 {
  font-size: 11.2px;
}
.footer-widget p {
  font-size: 14.4px;
}
.works-list li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  width: 60px;
  height: 60px;
}
.works-list li a {
  display: block;
}
.works-list li img {
  max-width: 100%;
}
footer#main-footer ul.border li {
  font-size: 14.4px;
}
@media (min-width: 768px) {
  .parallaxed-footer footer#main-footer {
    position: fixed;
    width: 100%;
    z-index: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
  }
}
.carousel-control[data-slide="prev"],
.carousel-control[data-slide="next"] {
  padding-top: 25%;
}
/* OWL CAROUSEL
================================================== */
.owl-carousel .owl-item .item {
  position: relative;
}
.owl-carousel.owl-margins .owl-item .item {
  margin-right: 3px;
  margin-left: 3px;
}
/*** pagination ***/
/* small device */
.owl-theme .owl-controls {
  margin-top: 24px;
}
.owl-theme .owl-controls .owl-page span.owl-numbers,
.owl-theme .owl-controls .owl-buttons div {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-next i[class^="icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-prev i[class^="icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-next i[class*=" icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-prev i[class*=" icon-"]:before {
  margin: 0;
  text-align: center;
  font-size: 0.8em;
}
.owl-theme .owl-controls .owl-buttons .owl-prev i.icon-owl-navigation-left:before {
  content: '\e8cd';
}
.owl-theme .owl-controls .owl-buttons .owl-next i.icon-owl-navigation-right:before {
  content: '\e8cc';
}
/* Captions mamangement */
.caption-wrapper {
  position: absolute;
  top: 0;
  right: auto;
  width: 100%;
  height: 100%;
}
.caption-wrapper .caption {
  display: table;
  height: 100%;
  width: 100%;
  padding: 24px;
}
.caption-wrapper .caption h1:first-child,
.caption-wrapper .caption h2:first-child,
.caption-wrapper .caption h3:first-child,
.caption-wrapper .caption h4:first-child,
.caption-wrapper .caption h5:first-child,
.caption-wrapper .caption h6:first-child,
.caption-wrapper .caption p:first-child {
  margin-top: 0;
}
.caption-wrapper .caption h1:last-child,
.caption-wrapper .caption h2:last-child,
.caption-wrapper .caption h3:last-child,
.caption-wrapper .caption h4:last-child,
.caption-wrapper .caption h5:last-child,
.caption-wrapper .caption h6:last-child,
.caption-wrapper .caption p:last-child {
  margin-bottom: 0;
}
.caption-wrapper .caption.right {
  position: absolute;
  right: 0;
  left: auto;
  height: 100%;
  width: 50%;
}
.caption-wrapper .caption.left {
  height: 100%;
  width: 50%;
}
.caption-wrapper .caption .caption-body-wrapper {
  text-align: left;
  display: inline-block;
}
.caption-wrapper .caption-content-position {
  display: table-cell;
  padding-right: 10px;
  padding-left: 10px;
}
.caption-wrapper .caption-content-position.v-top {
  vertical-align: top;
}
.caption-wrapper .caption-content-position.v-middle {
  vertical-align: middle;
}
.caption-wrapper .caption-content-position.v-bottom {
  vertical-align: bottom;
}
.owl-theme.beeween-owl-theme-1:hover .owl-controls,
.owl-theme.beeween-owl-theme-1:hover .owl-controls .owl-buttons div {
  opacity: 1;
}
.owl-theme.beeween-owl-theme-1 .owl-wrapper {
  z-index: 1;
}
.owl-theme.beeween-owl-theme-1 .owl-controls {
  margin-top: -30px;
  display: block;
  width: 100%;
  opacity: 0;
}
.owl-theme.beeween-owl-theme-1 .owl-controls .owl-pagination {
  z-index: 9999;
  display: block;
  position: relative;
}
.owl-theme.beeween-owl-theme-1 .owl-controls .owl-page span {
  background: white;
}
.owl-theme.beeween-owl-theme-1 .owl-controls .owl-page.active span {
  opacity: 1;
}
.owl-theme.beeween-owl-theme-1 .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  z-index: 2000;
  margin: 0;
  margin-top: -50px;
  height: 100px;
  width: 50px;
  border-radius: 0;
  line-height: 100px;
  opacity: 0;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.owl-theme.beeween-owl-theme-1 .owl-controls .owl-buttons .owl-prev {
  left: 0;
}
.owl-theme.beeween-owl-theme-1 .owl-controls .owl-buttons .owl-next {
  right: 0;
}
.owl-theme.beeween-owl-left-nav .owl-controls {
  text-align: left;
}
.owl-theme.beeween-owl-left-nav .owl-controls .owl-prev,
.owl-theme.beeween-owl-left-nav .owl-controls .owl-next {
  text-align: center;
}
.owl-theme.beeween-owl-right-nav .owl-controls {
  text-align: right;
}
.owl-theme.beeween-owl-right-nav .owl-controls .owl-prev,
.owl-theme.beeween-owl-right-nav .owl-controls .owl-next {
  text-align: center;
}
/*.arrows-middle .owl-buttons div{
  position:absolute;
}*/
/* BLOG
================================================== */
ul.entry-meta {
  margin: 0 0 16px 0;
  padding: 0;
}
ul.entry-meta li {
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 5px;
  line-height: 1em;
  font-size: x-small;
}
/*** Post date ***/
/* See feature box for "latest posts" style */
.post-date {
  display: block;
  line-height: 1;
  width: 55px;
  text-align: center;
  top: 1em;
}
.post-date .date-day {
  border: 1px solid transparent;
  border-bottom: none;
  display: block;
  font-size: 28px;
  line-height: 1em;
  padding: 11px 0;
  font-weight: 800;
}
.post-date .date-month {
  border: 1px solid transparent;
  border-top: none;
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.widget {
  margin-bottom: 24px;
}
.tag-cloud a {
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  padding: 13px 22px;
  font-size: 12px;
  line-height: 1.33;
  padding: 8px 20px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 6px;
  display: inline-block;
}
@media (max-width: 767px) {
  .tag-cloud a {
    white-space: normal;
  }
}
.tag-cloud a:hover {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.tag-cloud a:active,
.tag-cloud a.active,
.tag-cloud a:focus {
  outline: none;
  box-shadow: none;
}
.tag-cloud a:hover {
  text-decoration: none;
}
/* END BLOG
================================================== */
/* COUNTER
================================================== */
.counter {
  font-size: 72px;
  font-weight: x-bold;
  text-align: center;
}
/* END COUNTER
================================================== */
/* Free wall */
.free-wall {
  opacity: 0;
  margin: 0;
}
.free-wall.beeween-hover-2 figure {
  height: 100%;
  position: relative;
}
.free-wall.beeween-hover-2 figure > div {
  height: 100%;
}
.free-wall .brick {
  width: 350px;
  height: 350px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  background-position: center center;
}
.free-wall .brick.ht2 {
  height: 700px;
}
.free-wall .brick.w2 {
  width: 700px;
}
.free-wall .brick.caption {
  width: 400px;
  height: auto !important;
  border: 1px solid transparent;
}
.free-wall .brick.caption figcaption {
  padding: 10px;
}
.free-wall.rollover figure {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.free-wall.rollover .hovered {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
/* End Free wall */
/* Mosaic */
.portfolio-mosaic.mosaic5 article,
.portfolio-mosaic.mosaic4 article,
.portfolio-mosaic.mosaic3 article,
.portfolio-mosaic.mosaic2 article {
  width: 50%;
  position: relative;
  overflow: hidden;
}
.portfolio-mosaic article {
  float: left;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* End Mosaic */
/* Portfolio common elements */
.icon-popup:before {
  content: '\e81a';
}
.icon-readmore:before {
  content: '\e810';
}
/* End Portfolio common elements */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Mosaic */
  .portfolio-mosaic.mosaic5 article,
  .portfolio-mosaic.mosaic4 article,
  .portfolio-mosaic .mosaic3 article,
  .portfolio-mosaic.mosaic2 article {
    width: 33.32%;
  }
  /* End Mosaic */
}
/* Medium devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* End Masonery */
  /* Mosaic */
  .portfolio-mosaic.mosaic5 article {
    width: 20%;
  }
  .portfolio-mosaic.mosaic4 article {
    width: 25%;
  }
  .portfolio-mosaic.mosaic3 article {
    width: 33.32%;
  }
  .portfolio-mosaic.mosaic2 article {
    width: 50%;
  }
  /* End Mosaic */
}
.caption-grid-layout figure figcaption {
  margin-top: 0;
}
.caption-grid-layout figure figcaption p {
  margin-bottom: 0;
}
.caption-grid-layout.free-wall .brick.caption figcaption {
  padding: 22px;
}
.alert {
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 0;
}
.alert .alert-link {
  font-weight: bold;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 44px;
}
.swiper-tab .swiper-engine {
  height: 400px;
  width: 100% !important;
  border-top: 0;
  position: relative;
  overflow: hidden;
}
.swiper-tab .swiper-engine .swiper-slide {
  height: 600px;
  width: 100%;
}
.swiper-tab .swiper-engine .content-slide {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 24px;
}
.swiper-tab .swiper-engine.medium {
  height: 600px;
}
.swiper-tab .swiper-engine.large {
  height: 800px;
}
.swiper-tab .swiper-engine.fullscreen {
  height: 100%;
}
.swiper-tab .swiper-engine .swiper-slide {
  position: relative;
}
.swiper-tab .btn-group {
  height: 100%;
}
.swiper-tab .btn-group .btn {
  vertical-align: top;
  white-space: normal;
  border: none;
  padding: 2em 0.5em;
  height: 100%;
}
@media (max-width: 991px) {
  .swiper-tab .btn-group .btn {
    width: 100%;
    display: block;
    float: left;
  }
}
@media (max-width: 480px) {
  .swiper-tab .btn-group .btn {
    width: 100%;
  }
}
.swiper-tab .btn-group .btn.active,
.swiper-tab .btn-group .btn:hover {
  box-shadow: none;
}
.swiper-tab .btn-group .btn:first-child,
.swiper-tab .btn-group .btn:last-child {
  border-radius: 0;
}
.swiper-vertical {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.swiper-vertical .swiper-slide {
  min-height: 400px;
  width: 100%;
  opacity: 0.2;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.swiper-vertical .swiper-slide-visible {
  opacity: 1;
}
.swiper-vertical .swiper-preloader {
  position: absolute;
  left: 0;
  bottom: -100px;
  z-index: 0;
  text-align: center;
  line-height: 100px;
  height: 100px;
  width: 100%;
  opacity: 0;
  font-size: 25px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.swiper-vertical .swiper-preloader.visible {
  bottom: 0px;
  opacity: 1;
}
.swiper-horizontal {
  width: 100%;
  position: relative;
  height: 800px;
  opacity: 0;
  cursor: col-resize;
}
.swiper-horizontal .swiper-slide {
  height: 100%;
  width: 20%;
  opacity: 1;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  display: table;
}
.swiper-horizontal .swiper-slide figure {
  height: 100%;
  display: table-row;
}
.swiper-horizontal .swiper-slide figure figcaption {
  display: table-cell;
  margin-top: 0;
  height: 100%;
  vertical-align: middle;
  opacity: 0;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.swiper-horizontal .swiper-slide-visible {
  opacity: 1;
}
.swiper-horizontal .swiper-scrollbar {
  height: 10px;
  width: 100%;
  left: 0;
  bottom: 0px;
  position: absolute;
  border-radius: 0;
}
.swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
}
.swiper-horizontal .swiper-preloader {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 100px;
  height: 100%;
  width: 100px;
  opacity: 0;
  font-size: 25px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  z-index: -1;
}
.swiper-horizontal .swiper-preloader.visible {
  right: 0;
  opacity: 1;
  z-index: 0;
}
.swiper-centered {
  width: 100%;
  height: 500px;
  color: #fff;
  text-align: center;
  opacity: 0;
}
@media (max-width: 1025px) {
  .swiper-centered {
    height: 300px;
  }
}
.swiper-centered .swiper-slide {
  height: 500px;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.swiper-centered .swiper-slide.swiper-slide-active {
  opacity: 1;
}
@media (max-width: 1025px) {
  .swiper-centered .swiper-slide {
    height: 300px;
  }
}
.swiper-centered .navigation {
  position: absolute;
  z-index: 20;
  top: 50%;
  width: 100%;
  margin-top: -50px;
}
.swiper-centered .navigation a {
  height: 100px;
  width: 50px;
  border-radius: 0;
  line-height: 100px;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.swiper-centered .navigation a i[class^="icon-"]:before,
.swiper-centered .navigation a i[class*=" icon-"]:before {
  margin: 0;
  text-align: center;
  font-size: 0.8em;
}
.swiper-centered .navigation a.swiper-prev {
  float: left;
}
.swiper-centered .navigation a.swiper-prev i:before {
  content: '\e8cd';
}
.swiper-centered .navigation a.swiper-next {
  float: right;
}
.swiper-centered .navigation a.swiper-next i:before {
  content: '\e8cc';
}
.swiper-parent .swiper-pagination-switch,
.swiper-child .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-parent .swiper-visible-switch,
.swiper-child .swiper-visible-switch {
  background: #aaa;
}
.swiper-parent .swiper-active-switch,
.swiper-child .swiper-active-switch {
  background: #fff;
}
/* PARALLAX
================================================== */
.parallax {
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 1025px) {
  .parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    transition-property: background-position;
  }
}
/* Large devices (large desktops, 1200px and up) */
/* END PARALLAX
================================================== */
/*** G.map***/
#map-wrapper {
  height: 300px;
  width: 100%;
}
#map-wrapper.large {
  height: 650px;
}
#map-wrapper.medium {
  height: 450px;
}
#map-wrapper.small {
  height: 250px;
}
@media (max-width: 767px) {
  #map-wrapper {
    width: 300px;
    margin: 0 auto;
  }
}
/* accordeon */
.panel-group .panel-heading .accordion-toggle {
  display: block;
}
.panel-group .panel-heading .accordion-toggle:before {
  font-family: 'custom-icons';
  content: '\e8ce';
  float: right;
}
.panel-group .panel-heading .accordion-toggle.collapsed:before {
  content: '\e8cc';
}
.panel-title > a:hover,
.panel-title > a:focus {
  text-decoration: none;
}
/* accordeon */
.panel-group.accordion-minimal {
  overflow: hidden;
}
.panel-group.accordion-minimal .panel-heading {
  padding: 0;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
  padding: 16px;
  padding-left: 25px;
  display: block;
  position: relative;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle i {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
  position: absolute;
  left: 0;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle i:before {
  font-size: 18px;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle:before {
  /* symbol for "opening" panels */
  font-family: 'custom-icons';
  content: '\e8ce';
  float: right;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle:after {
  content: ' ';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
  background: red;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed {
  padding-left: 0;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed i {
  left: -30px;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:after {
  width: 0;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:before {
  /* symbol for "collapsed" panels */
  content: '\e8cc';
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover {
  padding-left: 25px;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover i {
  left: 0;
}
.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover:after {
  width: 100%;
}
/* superslides
================================================== */
.superslide-wrapper {
  height: 600px;
}
.superslides.superslide-beeween-theme-1 .prev,
.superslides.superslide-beeween-theme-1 .next {
  padding: 16px;
}
.superslides.superslide-beeween-theme-1 .prev {
  border-radius: 0 0 0 0;
}
.superslides.superslide-beeween-theme-1 .next {
  border-radius: 0 0 0 0;
}
.superslides.superslide-beeween-theme-1:hover,
.superslides.superslide-beeween-theme-1:active,
.superslides.superslide-beeween-theme-1:focus {
  text-decoration: none;
}
.superslides .slides-pagination {
  padding-bottom: 24px;
}
.superslides .slides-pagination a {
  width: 15px;
  height: 15px;
  margin: 5px;
}
.superslides.superslide-beeween-theme-2 .prev,
.superslides.superslide-beeween-theme-2 .next {
  padding: 11px 16px 16px 16px;
  border: 2px solid transparent;
  width: 50px;
  height: 50px;
  text-align: center;
}
.superslides.superslide-beeween-theme-2 .prev:before,
.superslides.superslide-beeween-theme-2 .next:before {
  font-family: 'custom-icons';
  font-size: 18px;
}
.superslides.superslide-beeween-theme-2 .prev:hover,
.superslides.superslide-beeween-theme-2 .next:hover,
.superslides.superslide-beeween-theme-2 .prev:active,
.superslides.superslide-beeween-theme-2 .next:active,
.superslides.superslide-beeween-theme-2 .prev:focus,
.superslides.superslide-beeween-theme-2 .next:focus {
  text-decoration: none;
  opacity: 0.5;
}
.superslides.superslide-beeween-theme-2 span {
  display: none;
}
.superslides.superslide-beeween-theme-2 .prev {
  margin-left: 10px;
}
.superslides.superslide-beeween-theme-2 .next {
  margin-right: 10px;
}
.superslides.superslide-beeween-theme-2 .prev:before {
  content: '\e8cd';
}
.superslides.superslide-beeween-theme-2 .next:before {
  content: '\e8cc';
}
.superslides .slides-pagination {
  padding-bottom: 24px;
  text-align: left;
  padding-left: 10px;
}
.superslides .slides-pagination a {
  border: none;
  width: 10px;
  height: 10px;
  margin: 5px;
}
main#content {
  overflow: hidden;
}
/*** Scroll up Button ***/
#beeween-to-top {
  position: fixed;
  bottom: 0;
  right: 20px;
  padding: 5px;
  display: none;
  border-radius: 4px 4px 0 0;
  text-align: center;
  z-index: 5;
  width: 50px;
  height: 50px;
}
#beeween-to-top i:before {
  content: '\e8cb';
  line-height: 40px;
  margin: 0;
}
/** background video **/
#video-bg {
  height: 450px;
  position: relative;
}
/**** demo ***/
/*** STYLE SWITCHER ***/
#switcherContent {
  padding: 0 0 15px 0;
}
.styleSwitcher {
  position: fixed;
  top: 250px;
  width: 170px;
  left: -170px;
  z-index: 9999;
}
@media (max-width: 768px) {
  .styleSwitcher {
    display: none;
  }
}
.styleSwitcher ul li {
  display: inline-block;
  line-height: 20px;
}
.styleSwitcher ul {
  display: block;
  padding: 0;
  margin: 0;
}
.styleSwitcher ul.switcher li a {
  display: block;
  text-indent: -3000px;
  overflow: hidden;
  border: none;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
}
.styleSwitcher h1 {
  padding: 0 0 6px 15px;
  line-height: 44px;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  border: none;
  margin: 0;
  text-align: left;
}
.styleSwitcher h1:after {
  content: none;
}
.styleSwitcher #showHideSwitcher {
  outline: none;
  width: 50px;
  height: 50px;
  position: absolute;
  right: -50px;
  top: 0;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
}
.styleSwitcher #showHideSwitcher i:before {
  font-size: 26px;
  margin-right: 0!important;
  padding: 10px 0 0 3px;
}
.styleSwitcher #showHideSwitcher:hover i:before,
.styleSwitcher #showHideSwitcher:focus i:before,
.styleSwitcher #showHideSwitcher:active i:before {
  text-decoration: none;
}
.styleSwitcher select {
  font-size: 11px;
  margin: 0 0 15px 15px;
  border: 1px solid transparent;
  width: 120px;
  padding: 4px;
}
.styleSwitcher .switcher {
  padding: 15px 15px 8px 15px;
}
.layoutStyle {
  margin-bottom: 10px;
}
a.btnSwitcher {
  display: block;
  width: 120px;
  border: 1px solid transparent;
  margin-top: 10px;
  text-transform: uppercase;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  margin-left: 15px;
}
.headerSwitcher label {
  margin-left: 15px;
}
/*** Preloader ***/
#preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.ie .beeween-preloader {
  background: transparent url('../../../images/loading_dots.gif') no-repeat top left !important;
  width: 44px;
  margin: 0 auto;
  height: 11px !important;
}
html:not(.ie) .beeween-preloader {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50px !important;
  margin: 0 auto;
  -webkit-animation: preloader_5 1.5s infinite linear;
  -moz-animation: preloader_5 1.5s infinite linear;
  -ms-animation: preloader_5 1.5s infinite linear;
  animation: preloader_5 1.5s infinite linear;
}
html:not(.ie) .beeween-preloader:after {
  position: absolute !important;
  width: 60px !important;
  height: 60px !important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-radius: 50px;
  content: '';
  top: -15px !important;
  left: -15px !important;
  -webkit-animation: preloader_5_after 1.5s infinite linear;
  -moz-animation: preloader_5_after 1.5s infinite linear;
  -ms-animation: preloader_5_after 1.5s infinite linear;
  animation: preloader_5_after 1.5s infinite linear;
}
/**** PRELOADER ADD TO BEEWEEN FRAMEWORK****/
/*** fullscreen ***/
.fullscreen,
.real-fullscreen {
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  height: 100%;
}
@media (max-width: 767px) {
  .fullscreen,
  .real-fullscreen {
    height: auto!important;
  }
}
/*** Force vertical scroll bar (isotope fix)***/
html.f-vertical-scroll {
  overflow-y: scroll;
}
/*** Parallaxed footer main ***/
@media (min-width: 768px) {
  .parallaxed-footer main {
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
  }
}
.video-medp,
.audio-medp {
  width: 100%;
  height: 100%;
}
/*** Animated header ***/
#animated-bubble {
  position: absolute;
  top: 0;
  left: 0;
}
/*** Google Map ***/
.infoWindow {
  white-space: nowrap;
}
.infoWindow h3 {
  margin: 5px 0 0 0;
  font-size: 14px;
}
.infoWindow p {
  margin: 0;
}
/* SHOP
================================================== */
.rollover.effect-zoe .shop-product figure figcaption {
  padding: 1em 0 0 0;
}
.rollover.effect-zoe .shop-product figure figcaption .icon-links {
  float: none;
  width: 100%;
}
.rollover.effect-zoe .shop-product figure figcaption .icon-links a {
  font-size: 10px;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  padding: 13px 22px;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 0;
  padding: 7px 15px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .rollover.effect-zoe .shop-product figure figcaption .icon-links a {
    white-space: normal;
  }
}
.rollover.effect-zoe .shop-product figure figcaption .icon-links a:hover {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.rollover.effect-zoe .shop-product figure figcaption .icon-links a:active,
.rollover.effect-zoe .shop-product figure figcaption .icon-links a.active,
.rollover.effect-zoe .shop-product figure figcaption .icon-links a:focus {
  outline: none;
  box-shadow: none;
}
.rollover.effect-zoe .shop-product figure figcaption .icon-links a + a {
  float: right;
}
#pre-header.shop-pre-header {
  padding: 0;
}
#pre-header.shop-pre-header .quick-menu {
  margin-top: 10px;
}
#pre-header.shop-pre-header .quick-menu a {
  text-transform: uppercase;
}
.shopping-cart-view {
  position: absolute;
  z-index: 80;
  top: 41px;
  right: 22px;
  opacity: 0;
  display: none;
}
.shopping-cart-view table {
  width: 100%;
}
.shopping-cart-view table > tbody > tr > td {
  padding: 10px;
  border-bottom: 1px solid transparent;
  text-align: left;
}
.shopping-cart-view table > thead > tr > th {
  padding: 10px;
  text-align: left;
  text-transform: uppercase;
}
.shopping-cart-view table > tbody > tr.shopping-cart-total > td {
  font-size: 14px;
  text-align: right;
}
.shopping-cart-view .btn-group {
  margin: 10px;
}
.product-gallery img {
  opacity: 0.6;
  cursor: pointer;
}
.product-gallery img.product-active {
  opacity: 1;
  cursor: default;
}
/* UTILITIES
================================================== */
.no-mt {
  margin-top: 0!important;
}
.no-mb {
  margin-bottom: 0!important;
}
.no-pb {
  padding-bottom: 0!important;
}
.no-pt {
  padding-top: 0!important;
}
.no-padding {
  padding: 0!important;
}
.no-margin {
  margin: 0!important;
}
/*  margin */
.mb-large {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .mb-large {
    margin-bottom: 120px;
  }
}
.mb-medium {
  margin-bottom: 66.66666667px;
}
@media (min-width: 768px) {
  .mb-medium {
    margin-bottom: 100px;
  }
}
.mb-small {
  margin-bottom: 16px;
}
.mb {
  margin-bottom: 24px;
}
.mt-large {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .mt-large {
    margin-top: 120px;
  }
}
.mt-medium {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .mt-medium {
    margin-top: 100px;
  }
}
.mt-small {
  margin-top: 16px;
}
.mt {
  margin-top: 24px;
}
/*  padding */
.pb-large {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .pb-large {
    padding-bottom: 120px;
  }
}
.pb-medium {
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .pb-medium {
    padding-bottom: 96px;
  }
}
.pb-small {
  padding-bottom: 16px;
}
.pb {
  padding-bottom: 24px;
}
.pt-large {
  padding-top: 60px;
}
@media (min-width: 768px) {
  .pt-large {
    padding-top: 120px;
  }
}
.pt-medium {
  padding-top: 48px;
}
@media (min-width: 768px) {
  .pt-medium {
    padding-top: 96px;
  }
}
.pt-small {
  padding-top: 16px;
}
.pt {
  padding-top: 24px;
}
/** add a margin bottom or top, only on mobile **/
@media (max-width: 767px) {
  .mb-xs {
    margin-bottom: 24px;
  }
  .mt-xs {
    margin-top: 24px;
  }
}
/** add a margin bottom, on mobile and small devices **/
@media (max-width: 991px) {
  .mb-sm {
    margin-bottom: 24px;
  }
  .mt-sm {
    margin-top: 24px;
  }
}
/** border ***/
.no-border {
  border: none!important;
}
a.no-underline,
a.no-underline:hover {
  text-decoration: none;
}
/** force inline-block **/
.inline {
  display: inline-block !important;
}
.inline.hidden-xs {
  display: none!important;
}
@media (min-width: 480px) {
  .inline.hidden-xs {
    display: inline-block !important;
  }
}
/** force block **/
.block {
  display: block!important;
}
/** boxed layout **/
@media (min-width: 480px) {
  .boxed-layout #global-wrapper {
    margin: auto;
  }
}
@media (min-width: 768px) {
  .boxed-layout {
    padding-top: 24px;
  }
  .boxed-layout #global-wrapper {
    width: 768px;
  }
  .boxed-layout .navbar-fixed-top {
    position: static;
  }
}
@media (min-width: 992px) {
  .boxed-layout #global-wrapper {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .boxed-layout #global-wrapper {
    width: 1200px;
  }
}
/* extends bootstrap with responsive pull right */
.pull-right-xs {
  float: right;
}
@media (min-width: 480px) {
  .pull-right-sm {
    float: right;
  }
}
@media (min-width: 992px) {
  .pull-right-md {
    float: right;
  }
}
@media (min-width: 1200px) {
  .pull-right-lg {
    float: right;
  }
}
.col-lg-1.padding-large,
.col-lg-10.padding-large,
.col-lg-11.padding-large,
.col-lg-12.padding-large,
.col-lg-2.padding-large,
.col-lg-3.padding-large,
.col-lg-4.padding-large,
.col-lg-5.padding-large,
.col-lg-6.padding-large,
.col-lg-7.padding-large,
.col-lg-8.padding-large,
.col-lg-9.padding-large,
.col-md-1.padding-large,
.col-md-10.padding-large,
.col-md-11.padding-large,
.col-md-12.padding-large,
.col-md-2.padding-large,
.col-md-3.padding-large,
.col-md-4.padding-large,
.col-md-5.padding-large,
.col-md-6.padding-large,
.col-md-7.padding-large,
.col-md-8.padding-large,
.col-md-9.padding-large,
.col-sm-1.padding-large,
.col-sm-10.padding-large,
.col-sm-11.padding-large,
.col-sm-12.padding-large,
.col-sm-2.padding-large,
.col-sm-3.padding-large,
.col-sm-4.padding-large,
.col-sm-5.padding-large,
.col-sm-6.padding-large,
.col-sm-7.padding-large,
.col-sm-8.padding-large,
.col-sm-9.padding-large,
.col-xs-1.padding-large,
.col-xs-10.padding-large,
.col-xs-11.padding-large,
.col-xs-12.padding-large,
.col-xs-2.padding-large,
.col-xs-3.padding-large,
.col-xs-4.padding-large,
.col-xs-5.padding-large,
.col-xs-6.padding-large,
.col-xs-7.padding-large,
.col-xs-8.padding-large,
.col-xs-9.padding-large {
  padding: 120px;
}
@media (max-width: 768px) {
  .col-lg-1.padding-large,
  .col-lg-10.padding-large,
  .col-lg-11.padding-large,
  .col-lg-12.padding-large,
  .col-lg-2.padding-large,
  .col-lg-3.padding-large,
  .col-lg-4.padding-large,
  .col-lg-5.padding-large,
  .col-lg-6.padding-large,
  .col-lg-7.padding-large,
  .col-lg-8.padding-large,
  .col-lg-9.padding-large,
  .col-md-1.padding-large,
  .col-md-10.padding-large,
  .col-md-11.padding-large,
  .col-md-12.padding-large,
  .col-md-2.padding-large,
  .col-md-3.padding-large,
  .col-md-4.padding-large,
  .col-md-5.padding-large,
  .col-md-6.padding-large,
  .col-md-7.padding-large,
  .col-md-8.padding-large,
  .col-md-9.padding-large,
  .col-sm-1.padding-large,
  .col-sm-10.padding-large,
  .col-sm-11.padding-large,
  .col-sm-12.padding-large,
  .col-sm-2.padding-large,
  .col-sm-3.padding-large,
  .col-sm-4.padding-large,
  .col-sm-5.padding-large,
  .col-sm-6.padding-large,
  .col-sm-7.padding-large,
  .col-sm-8.padding-large,
  .col-sm-9.padding-large,
  .col-xs-1.padding-large,
  .col-xs-10.padding-large,
  .col-xs-11.padding-large,
  .col-xs-12.padding-large,
  .col-xs-2.padding-large,
  .col-xs-3.padding-large,
  .col-xs-4.padding-large,
  .col-xs-5.padding-large,
  .col-xs-6.padding-large,
  .col-xs-7.padding-large,
  .col-xs-8.padding-large,
  .col-xs-9.padding-large {
    padding: 24px;
  }
}
.col-lg-1.padding-medium,
.col-lg-10.padding-medium,
.col-lg-11.padding-medium,
.col-lg-12.padding-medium,
.col-lg-2.padding-medium,
.col-lg-3.padding-medium,
.col-lg-4.padding-medium,
.col-lg-5.padding-medium,
.col-lg-6.padding-medium,
.col-lg-7.padding-medium,
.col-lg-8.padding-medium,
.col-lg-9.padding-medium,
.col-md-1.padding-medium,
.col-md-10.padding-medium,
.col-md-11.padding-medium,
.col-md-12.padding-medium,
.col-md-2.padding-medium,
.col-md-3.padding-medium,
.col-md-4.padding-medium,
.col-md-5.padding-medium,
.col-md-6.padding-medium,
.col-md-7.padding-medium,
.col-md-8.padding-medium,
.col-md-9.padding-medium,
.col-sm-1.padding-medium,
.col-sm-10.padding-medium,
.col-sm-11.padding-medium,
.col-sm-12.padding-medium,
.col-sm-2.padding-medium,
.col-sm-3.padding-medium,
.col-sm-4.padding-medium,
.col-sm-5.padding-medium,
.col-sm-6.padding-medium,
.col-sm-7.padding-medium,
.col-sm-8.padding-medium,
.col-sm-9.padding-medium,
.col-xs-1.padding-medium,
.col-xs-10.padding-medium,
.col-xs-11.padding-medium,
.col-xs-12.padding-medium,
.col-xs-2.padding-medium,
.col-xs-3.padding-medium,
.col-xs-4.padding-medium,
.col-xs-5.padding-medium,
.col-xs-6.padding-medium,
.col-xs-7.padding-medium,
.col-xs-8.padding-medium,
.col-xs-9.padding-medium {
  padding: 96px;
}
@media (max-width: 768px) {
  .col-lg-1.padding-medium,
  .col-lg-10.padding-medium,
  .col-lg-11.padding-medium,
  .col-lg-12.padding-medium,
  .col-lg-2.padding-medium,
  .col-lg-3.padding-medium,
  .col-lg-4.padding-medium,
  .col-lg-5.padding-medium,
  .col-lg-6.padding-medium,
  .col-lg-7.padding-medium,
  .col-lg-8.padding-medium,
  .col-lg-9.padding-medium,
  .col-md-1.padding-medium,
  .col-md-10.padding-medium,
  .col-md-11.padding-medium,
  .col-md-12.padding-medium,
  .col-md-2.padding-medium,
  .col-md-3.padding-medium,
  .col-md-4.padding-medium,
  .col-md-5.padding-medium,
  .col-md-6.padding-medium,
  .col-md-7.padding-medium,
  .col-md-8.padding-medium,
  .col-md-9.padding-medium,
  .col-sm-1.padding-medium,
  .col-sm-10.padding-medium,
  .col-sm-11.padding-medium,
  .col-sm-12.padding-medium,
  .col-sm-2.padding-medium,
  .col-sm-3.padding-medium,
  .col-sm-4.padding-medium,
  .col-sm-5.padding-medium,
  .col-sm-6.padding-medium,
  .col-sm-7.padding-medium,
  .col-sm-8.padding-medium,
  .col-sm-9.padding-medium,
  .col-xs-1.padding-medium,
  .col-xs-10.padding-medium,
  .col-xs-11.padding-medium,
  .col-xs-12.padding-medium,
  .col-xs-2.padding-medium,
  .col-xs-3.padding-medium,
  .col-xs-4.padding-medium,
  .col-xs-5.padding-medium,
  .col-xs-6.padding-medium,
  .col-xs-7.padding-medium,
  .col-xs-8.padding-medium,
  .col-xs-9.padding-medium {
    padding: 24px;
  }
}
.col-lg-1.padding-small,
.col-lg-10.padding-small,
.col-lg-11.padding-small,
.col-lg-12.padding-small,
.col-lg-2.padding-small,
.col-lg-3.padding-small,
.col-lg-4.padding-small,
.col-lg-5.padding-small,
.col-lg-6.padding-small,
.col-lg-7.padding-small,
.col-lg-8.padding-small,
.col-lg-9.padding-small,
.col-md-1.padding-small,
.col-md-10.padding-small,
.col-md-11.padding-small,
.col-md-12.padding-small,
.col-md-2.padding-small,
.col-md-3.padding-small,
.col-md-4.padding-small,
.col-md-5.padding-small,
.col-md-6.padding-small,
.col-md-7.padding-small,
.col-md-8.padding-small,
.col-md-9.padding-small,
.col-sm-1.padding-small,
.col-sm-10.padding-small,
.col-sm-11.padding-small,
.col-sm-12.padding-small,
.col-sm-2.padding-small,
.col-sm-3.padding-small,
.col-sm-4.padding-small,
.col-sm-5.padding-small,
.col-sm-6.padding-small,
.col-sm-7.padding-small,
.col-sm-8.padding-small,
.col-sm-9.padding-small,
.col-xs-1.padding-small,
.col-xs-10.padding-small,
.col-xs-11.padding-small,
.col-xs-12.padding-small,
.col-xs-2.padding-small,
.col-xs-3.padding-small,
.col-xs-4.padding-small,
.col-xs-5.padding-small,
.col-xs-6.padding-small,
.col-xs-7.padding-small,
.col-xs-8.padding-small,
.col-xs-9.padding-small {
  padding: 16px;
}
.col-lg-1.padding,
.col-lg-10.padding,
.col-lg-11.padding,
.col-lg-12.padding,
.col-lg-2.padding,
.col-lg-3.padding,
.col-lg-4.padding,
.col-lg-5.padding,
.col-lg-6.padding,
.col-lg-7.padding,
.col-lg-8.padding,
.col-lg-9.padding,
.col-md-1.padding,
.col-md-10.padding,
.col-md-11.padding,
.col-md-12.padding,
.col-md-2.padding,
.col-md-3.padding,
.col-md-4.padding,
.col-md-5.padding,
.col-md-6.padding,
.col-md-7.padding,
.col-md-8.padding,
.col-md-9.padding,
.col-sm-1.padding,
.col-sm-10.padding,
.col-sm-11.padding,
.col-sm-12.padding,
.col-sm-2.padding,
.col-sm-3.padding,
.col-sm-4.padding,
.col-sm-5.padding,
.col-sm-6.padding,
.col-sm-7.padding,
.col-sm-8.padding,
.col-sm-9.padding,
.col-xs-1.padding,
.col-xs-10.padding,
.col-xs-11.padding,
.col-xs-12.padding,
.col-xs-2.padding,
.col-xs-3.padding,
.col-xs-4.padding,
.col-xs-5.padding,
.col-xs-6.padding,
.col-xs-7.padding,
.col-xs-8.padding,
.col-xs-9.padding {
  padding: 24px;
}
.col-lg-1.no-padding,
.col-lg-10.no-padding,
.col-lg-11.no-padding,
.col-lg-12.no-padding,
.col-lg-2.no-padding,
.col-lg-3.no-padding,
.col-lg-4.no-padding,
.col-lg-5.no-padding,
.col-lg-6.no-padding,
.col-lg-7.no-padding,
.col-lg-8.no-padding,
.col-lg-9.no-padding,
.col-md-1.no-padding,
.col-md-10.no-padding,
.col-md-11.no-padding,
.col-md-12.no-padding,
.col-md-2.no-padding,
.col-md-3.no-padding,
.col-md-4.no-padding,
.col-md-5.no-padding,
.col-md-6.no-padding,
.col-md-7.no-padding,
.col-md-8.no-padding,
.col-md-9.no-padding,
.col-sm-1.no-padding,
.col-sm-10.no-padding,
.col-sm-11.no-padding,
.col-sm-12.no-padding,
.col-sm-2.no-padding,
.col-sm-3.no-padding,
.col-sm-4.no-padding,
.col-sm-5.no-padding,
.col-sm-6.no-padding,
.col-sm-7.no-padding,
.col-sm-8.no-padding,
.col-sm-9.no-padding,
.col-xs-1.no-padding,
.col-xs-10.no-padding,
.col-xs-11.no-padding,
.col-xs-12.no-padding,
.col-xs-2.no-padding,
.col-xs-3.no-padding,
.col-xs-4.no-padding,
.col-xs-5.no-padding,
.col-xs-6.no-padding,
.col-xs-7.no-padding,
.col-xs-8.no-padding,
.col-xs-9.no-padding {
  padding: 0;
}
/*.container-fw {
  display: table;
  width: 100%;
}
.row-fw{
  display:table-row;

  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    @media (min-width: @screen-sm-max){
      display:table-cell;
      float:none;
    }
    vertical-align: middle;
    overflow: hidden;
    &.image-background {
      min-height: 400px;
    }
  }

  }*/
.section-fw .container-fw {
  width: 100%;
  overflow: hidden;
}
.section-fw .row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.section-fw .image-background {
  min-height: 400px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .section-fw .image-background {
    position: absolute;
    height: 100%;
  }
  .section-fw .image-background.image-fw-right {
    left: auto;
    right: 0;
  }
}
/* grid with borders, ie. used for logo */
.border-grid .col-lg-1,
.border-grid .col-lg-10,
.border-grid .col-lg-11,
.border-grid .col-lg-12,
.border-grid .col-lg-2,
.border-grid .col-lg-3,
.border-grid .col-lg-4,
.border-grid .col-lg-5,
.border-grid .col-lg-6,
.border-grid .col-lg-7,
.border-grid .col-lg-8,
.border-grid .col-lg-9,
.border-grid .col-md-1,
.border-grid .col-md-10,
.border-grid .col-md-11,
.border-grid .col-md-12,
.border-grid .col-md-2,
.border-grid .col-md-3,
.border-grid .col-md-4,
.border-grid .col-md-5,
.border-grid .col-md-6,
.border-grid .col-md-7,
.border-grid .col-md-8,
.border-grid .col-md-9,
.border-grid .col-sm-1,
.border-grid .col-sm-10,
.border-grid .col-sm-11,
.border-grid .col-sm-12,
.border-grid .col-sm-2,
.border-grid .col-sm-3,
.border-grid .col-sm-4,
.border-grid .col-sm-5,
.border-grid .col-sm-6,
.border-grid .col-sm-7,
.border-grid .col-sm-8,
.border-grid .col-sm-9,
.border-grid .col-xs-1,
.border-grid .col-xs-10,
.border-grid .col-xs-11,
.border-grid .col-xs-12,
.border-grid .col-xs-2,
.border-grid .col-xs-3,
.border-grid .col-xs-4,
.border-grid .col-xs-5,
.border-grid .col-xs-6,
.border-grid .col-xs-7,
.border-grid .col-xs-8,
.border-grid .col-xs-9 {
  padding: 0!important;
}
.border-grid .row {
  padding-left: 22px;
  padding-right: 22px;
}
.border-grid .row .col-lg-1,
.border-grid .row .col-lg-10,
.border-grid .row .col-lg-11,
.border-grid .row .col-lg-12,
.border-grid .row .col-lg-2,
.border-grid .row .col-lg-3,
.border-grid .row .col-lg-4,
.border-grid .row .col-lg-5,
.border-grid .row .col-lg-6,
.border-grid .row .col-lg-7,
.border-grid .row .col-lg-8,
.border-grid .row .col-lg-9,
.border-grid .row .col-md-1,
.border-grid .row .col-md-10,
.border-grid .row .col-md-11,
.border-grid .row .col-md-12,
.border-grid .row .col-md-2,
.border-grid .row .col-md-3,
.border-grid .row .col-md-4,
.border-grid .row .col-md-5,
.border-grid .row .col-md-6,
.border-grid .row .col-md-7,
.border-grid .row .col-md-8,
.border-grid .row .col-md-9,
.border-grid .row .col-sm-1,
.border-grid .row .col-sm-10,
.border-grid .row .col-sm-11,
.border-grid .row .col-sm-12,
.border-grid .row .col-sm-2,
.border-grid .row .col-sm-3,
.border-grid .row .col-sm-4,
.border-grid .row .col-sm-5,
.border-grid .row .col-sm-6,
.border-grid .row .col-sm-7,
.border-grid .row .col-sm-8,
.border-grid .row .col-sm-9,
.border-grid .row .col-xs-1,
.border-grid .row .col-xs-10,
.border-grid .row .col-xs-11,
.border-grid .row .col-xs-12,
.border-grid .row .col-xs-2,
.border-grid .row .col-xs-3,
.border-grid .row .col-xs-4,
.border-grid .row .col-xs-5,
.border-grid .row .col-xs-6,
.border-grid .row .col-xs-7,
.border-grid .row .col-xs-8,
.border-grid .row .col-xs-9 {
  border-right: 1px solid transparent;
}
@media (max-width: 768px) {
  .border-grid .row .col-lg-1,
  .border-grid .row .col-lg-10,
  .border-grid .row .col-lg-11,
  .border-grid .row .col-lg-12,
  .border-grid .row .col-lg-2,
  .border-grid .row .col-lg-3,
  .border-grid .row .col-lg-4,
  .border-grid .row .col-lg-5,
  .border-grid .row .col-lg-6,
  .border-grid .row .col-lg-7,
  .border-grid .row .col-lg-8,
  .border-grid .row .col-lg-9,
  .border-grid .row .col-md-1,
  .border-grid .row .col-md-10,
  .border-grid .row .col-md-11,
  .border-grid .row .col-md-12,
  .border-grid .row .col-md-2,
  .border-grid .row .col-md-3,
  .border-grid .row .col-md-4,
  .border-grid .row .col-md-5,
  .border-grid .row .col-md-6,
  .border-grid .row .col-md-7,
  .border-grid .row .col-md-8,
  .border-grid .row .col-md-9,
  .border-grid .row .col-sm-1,
  .border-grid .row .col-sm-10,
  .border-grid .row .col-sm-11,
  .border-grid .row .col-sm-12,
  .border-grid .row .col-sm-2,
  .border-grid .row .col-sm-3,
  .border-grid .row .col-sm-4,
  .border-grid .row .col-sm-5,
  .border-grid .row .col-sm-6,
  .border-grid .row .col-sm-7,
  .border-grid .row .col-sm-8,
  .border-grid .row .col-sm-9,
  .border-grid .row .col-xs-1,
  .border-grid .row .col-xs-10,
  .border-grid .row .col-xs-11,
  .border-grid .row .col-xs-12,
  .border-grid .row .col-xs-2,
  .border-grid .row .col-xs-3,
  .border-grid .row .col-xs-4,
  .border-grid .row .col-xs-5,
  .border-grid .row .col-xs-6,
  .border-grid .row .col-xs-7,
  .border-grid .row .col-xs-8,
  .border-grid .row .col-xs-9 {
    border: none;
  }
}
.border-grid .row:not(:last-child) .col-lg-1,
.border-grid .row:not(:last-child) .col-lg-10,
.border-grid .row:not(:last-child) .col-lg-11,
.border-grid .row:not(:last-child) .col-lg-12,
.border-grid .row:not(:last-child) .col-lg-2,
.border-grid .row:not(:last-child) .col-lg-3,
.border-grid .row:not(:last-child) .col-lg-4,
.border-grid .row:not(:last-child) .col-lg-5,
.border-grid .row:not(:last-child) .col-lg-6,
.border-grid .row:not(:last-child) .col-lg-7,
.border-grid .row:not(:last-child) .col-lg-8,
.border-grid .row:not(:last-child) .col-lg-9,
.border-grid .row:not(:last-child) .col-md-1,
.border-grid .row:not(:last-child) .col-md-10,
.border-grid .row:not(:last-child) .col-md-11,
.border-grid .row:not(:last-child) .col-md-12,
.border-grid .row:not(:last-child) .col-md-2,
.border-grid .row:not(:last-child) .col-md-3,
.border-grid .row:not(:last-child) .col-md-4,
.border-grid .row:not(:last-child) .col-md-5,
.border-grid .row:not(:last-child) .col-md-6,
.border-grid .row:not(:last-child) .col-md-7,
.border-grid .row:not(:last-child) .col-md-8,
.border-grid .row:not(:last-child) .col-md-9,
.border-grid .row:not(:last-child) .col-sm-1,
.border-grid .row:not(:last-child) .col-sm-10,
.border-grid .row:not(:last-child) .col-sm-11,
.border-grid .row:not(:last-child) .col-sm-12,
.border-grid .row:not(:last-child) .col-sm-2,
.border-grid .row:not(:last-child) .col-sm-3,
.border-grid .row:not(:last-child) .col-sm-4,
.border-grid .row:not(:last-child) .col-sm-5,
.border-grid .row:not(:last-child) .col-sm-6,
.border-grid .row:not(:last-child) .col-sm-7,
.border-grid .row:not(:last-child) .col-sm-8,
.border-grid .row:not(:last-child) .col-sm-9,
.border-grid .row:not(:last-child) .col-xs-1,
.border-grid .row:not(:last-child) .col-xs-10,
.border-grid .row:not(:last-child) .col-xs-11,
.border-grid .row:not(:last-child) .col-xs-12,
.border-grid .row:not(:last-child) .col-xs-2,
.border-grid .row:not(:last-child) .col-xs-3,
.border-grid .row:not(:last-child) .col-xs-4,
.border-grid .row:not(:last-child) .col-xs-5,
.border-grid .row:not(:last-child) .col-xs-6,
.border-grid .row:not(:last-child) .col-xs-7,
.border-grid .row:not(:last-child) .col-xs-8,
.border-grid .row:not(:last-child) .col-xs-9 {
  border-bottom: 1px solid transparent;
}
@media (max-width: 768px) {
  .border-grid .row:not(:last-child) .col-lg-1,
  .border-grid .row:not(:last-child) .col-lg-10,
  .border-grid .row:not(:last-child) .col-lg-11,
  .border-grid .row:not(:last-child) .col-lg-12,
  .border-grid .row:not(:last-child) .col-lg-2,
  .border-grid .row:not(:last-child) .col-lg-3,
  .border-grid .row:not(:last-child) .col-lg-4,
  .border-grid .row:not(:last-child) .col-lg-5,
  .border-grid .row:not(:last-child) .col-lg-6,
  .border-grid .row:not(:last-child) .col-lg-7,
  .border-grid .row:not(:last-child) .col-lg-8,
  .border-grid .row:not(:last-child) .col-lg-9,
  .border-grid .row:not(:last-child) .col-md-1,
  .border-grid .row:not(:last-child) .col-md-10,
  .border-grid .row:not(:last-child) .col-md-11,
  .border-grid .row:not(:last-child) .col-md-12,
  .border-grid .row:not(:last-child) .col-md-2,
  .border-grid .row:not(:last-child) .col-md-3,
  .border-grid .row:not(:last-child) .col-md-4,
  .border-grid .row:not(:last-child) .col-md-5,
  .border-grid .row:not(:last-child) .col-md-6,
  .border-grid .row:not(:last-child) .col-md-7,
  .border-grid .row:not(:last-child) .col-md-8,
  .border-grid .row:not(:last-child) .col-md-9,
  .border-grid .row:not(:last-child) .col-sm-1,
  .border-grid .row:not(:last-child) .col-sm-10,
  .border-grid .row:not(:last-child) .col-sm-11,
  .border-grid .row:not(:last-child) .col-sm-12,
  .border-grid .row:not(:last-child) .col-sm-2,
  .border-grid .row:not(:last-child) .col-sm-3,
  .border-grid .row:not(:last-child) .col-sm-4,
  .border-grid .row:not(:last-child) .col-sm-5,
  .border-grid .row:not(:last-child) .col-sm-6,
  .border-grid .row:not(:last-child) .col-sm-7,
  .border-grid .row:not(:last-child) .col-sm-8,
  .border-grid .row:not(:last-child) .col-sm-9,
  .border-grid .row:not(:last-child) .col-xs-1,
  .border-grid .row:not(:last-child) .col-xs-10,
  .border-grid .row:not(:last-child) .col-xs-11,
  .border-grid .row:not(:last-child) .col-xs-12,
  .border-grid .row:not(:last-child) .col-xs-2,
  .border-grid .row:not(:last-child) .col-xs-3,
  .border-grid .row:not(:last-child) .col-xs-4,
  .border-grid .row:not(:last-child) .col-xs-5,
  .border-grid .row:not(:last-child) .col-xs-6,
  .border-grid .row:not(:last-child) .col-xs-7,
  .border-grid .row:not(:last-child) .col-xs-8,
  .border-grid .row:not(:last-child) .col-xs-9 {
    border: none;
  }
}
/** clear bootstrap cols **/
/*  Tablet  */
@media (min-width: 767px) {
  .row-auto {
    /* Column clear fix */
  }
  .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1),
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1) {
    clear: none;
  }
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}
/*  Medium Desktop  */
@media (min-width: 992px) {
  .row-auto {
    /* Column clear fix */
  }
  .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1),
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1) {
    clear: none;
  }
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1) {
    clear: left;
  }
}
/*  Large Desktop  */
@media (min-width: 1200px) {
  .row-auto {
    /* Column clear fix */
  }
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1),
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1) {
    clear: none;
  }
  .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}
/* SEMANTIC
================================================== */
/*** image responsive ***/
img.responsive {
  max-width: 100%;
}

/*#pub2 {visibility:hidden; display:block !important;}*/

/*#pub2 {display:none!important;}*/

#pub1 {display:none;margin-top:10px;}

#pub2 {display:none;}

#pub3 {display:none;}

#pub4 {
  max-width: 970px;
  max-height: 250px;
  margin-bottom: 80px;
}

.billboard-970x250 {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 993px) {
  #div-gpt-ad-1407836036323-0 {
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    background: rgba(241, 241, 241, 0.5);
    border: 1px solid rgb(230, 231, 232);
    box-sizing: content-box;
    z-index: 2000000;
    position: fixed;
    width: 320px;
    min-width: 320px;
    display: none;
    text-align: center;
  }
  #div-gpt-ad-1407836036323-0.show {
    display: block;
  }
  .yieldlove-sticky-close-btn {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    top: -29px;
    right: -1px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 13px 13px;
    background-position: 7px center;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    box-shadow: rgb(0 0 0 / 20%) 0px -1px 1px 0px;
    border: none;
    border-radius: 6px 6px 0px 0px;
    cursor: pointer;
  }
}

/*#pub3En {z-index:-10;}*/
#pub3En {visibility:visible; display:block;}


/*.menuprem {display:block!important;}*/
/*.menuprem {display:none!important;}*/
.menuprem  {visibility:hidden; display:block;}

/*** buttons ***/
/*** pagination ***/
/* RESPONSIVE
================================================== */
/*** Bootstrap modal fix ***/
body.modal-open .menu-header {
  margin-right: 17px;
}
body.modal-open #beeween-to-top {
  right: 37px;
}
body.slide-menu {
  padding-top: 70px;
}
body.infografics {
  padding-top: 0;
}
.sub-menu.beeween-mega-menu > div {
  display: table;
  width: 100%;
}
.menu-header .nav a {
  font-size: 14px;
  font-weight: normal;
  font-family: 'Segoe-UI';
}

/* Select langue */
.select-langue {
  position:relative;
}
.select-langue ul{
  display: inline-block !important;
  padding-left: 0;
  padding-right:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.select-langue ul:hover{
  background-color:#f9f9f9;
}
.select-langue li:last-child{
  position:absolute;
  display: block;
  background-color:#fff;
  box-shadow:0 2px 3px rgba(0,0,0,0.1);
  padding-right: 10px;
}
.select-langue li:first-child a::after{
  content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #777777 transparent transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 0px;
}
.select-langue li a {
  position:relative;
  padding: 33px 14px 30px 10px !important;
  background:transparent!important;
  color: #777!important;
  width: 86px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.select-langue li:last-child a{
  height:0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.select-langue li:last-child a:hover{
  /* background-color:#f2f2f2!important; */
}
.select-langue ul:hover li:last-child a{
  height:auto;
  padding-top: 19px !important;
  padding-bottom: 19px !important;
  overflow: visible;
}
.select-langue .btn-lang img{
  max-width: 30px !important;
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.menu-header .nav > li .sub-menu a {
  padding: 14px 20px;
}
/* hamburger menu turns on at 950px */
@media only screen and (max-width: 950px) {
  .navbar-right {
    margin-right: 0;
  }
  .select-langue li:last-child {
    top: 0;
    left: 95px;
  }
  .select-langue ul li:last-child a {
    height: auto;
    width: 0;
    padding-top: 31px !important;
    padding-bottom: 31px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .select-langue ul:hover li:last-child a {
    width: auto;
    display: flex;
    padding-top: 31px !important;
    padding-bottom: 31px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
  .select-langue li:last-child {
    padding-right: 0;
  }
  .select-langue li:first-child a::after {
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #777;
    top: calc(50% - 3px);
  }
}
/* parallax */
/* big pics */
/* page headers */
/* megamenu */
/*** box ***/
.box-arrow:after,
.box-arrow:before {
  margin-top: -3px;
}
/*** progress bar ***/
.progress {
  border: none;
  height: 10px;
}
/*** tabs ***/
.tab-content,
.tabs-minimal .tab-content {
  padding-top: 40px;
}
/*** typo ***/
.heading {
  margin-bottom: 62px;
  position: relative;
}
.heading h2:last-child,
.heading h3:last-child,
.heading h4:last-child,
.heading h5:last-child,
.heading h6:last-child,
.heading p:last-child,
.heading p.lead:last-child {
  margin-bottom: 0;
  padding-bottom: 13px;
}
.heading:after {
  font-family: "custom-icons";
  display: block;
  height: 10px;
  border-radius: 5px;
  width: 146px;
  content: '\E90A';
  top: -30px;
  bottom: auto;
  position: absolute;
  margin-left: -73px;
  left: 50%;
  background: none!important;
  position: relative;
  z-index: 1;
  font-size: 75px;
}
h1.large-heading:after {
  margin-left: 0;
  position: static;
}
h1 {
  letter-spacing: 2px;
  z-index: 5;
  position: relative;
}
h1 span,
h2 span {
  display: block;
  letter-spacing: normal;
  opacity: 0.8;
  font-weight: bold;
}
h1 span {
  margin-bottom: 3px;
  font-size: 25px;
}
h1.large span {
  margin-bottom: 3px;
}
.cta-box-text h1 {
  font-size: 22px;
}
h2 span {
  margin-bottom: 6px;
  font-size: 14px;
}
h1 span.text-main-color,
h2 span.text-main-color,
h1 span .text-main-color,
h2 span .text-main-color {
  font-size: inherit;
}
blockquote {
  border: none;
}
p.lead {
  font-family: Georgia, "Times New Roman", Times, serif;
}
blockquote:before {
  content: '“';
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 60px;
}
.blockquote-reverse:before {
  content: '”';
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 60px;
}
/*** end typo ***/
/*** navbar ***/
.menu-header .nav a {
  font-size: 13px;
}
/* megamenu */
.menu-header .nav > li .sub-menu a:not(.btn) {
  -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
}
.menu-header .nav > li .sub-menu a:not(.btn):hover {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.menu-header .nav > li .beeween-mega-menu.sub-menu {
  display: none;
  padding: 0 22px;
}
.menu-header .nav > li .beeween-mega-menu.sub-menu h2 {
  padding-left: 0;
  font-weight: bold;
}
@media (max-width: 1025px) {
  .menu-header .nav > li .beeween-mega-menu.sub-menu .col-md-3:not(:first-child) {
    margin-top: 20px;
  }
}
@media (min-width: 1025px) {
  .menu-header .nav > li .beeween-mega-menu.sub-menu .col-md-3 {
    display: table-cell;
    float: none;
  }
  .menu-header .nav > li .beeween-mega-menu.sub-menu .col-md-3:not(:last-child) {
    border-right: 1px solid red;
  }
}
.menu-header .nav > li .beeween-mega-menu.sub-menu .mega-inner ul > li > a:not(.btn) {
  padding: 5px 0;
  -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
}
.menu-header .nav > li .beeween-mega-menu.sub-menu .mega-inner ul > li > a:not(.btn):hover {
  background: none;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}
.header-3 .menu-header {
  border-bottom: 1px solid;
}
.sidebar-menu li a {
  position: relative;
  padding-left: 22px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sidebar-menu li a:before {
  position: absolute;
  left: 0;
}
.sidebar-menu li a:hover,
.sidebar-menu li a.active {
  padding-left: 0;
}
.sidebar-menu li a:hover:before,
.sidebar-menu li a.active:before {
  right: 0;
  left: auto;
}
/*** box ***/
.box-icon a:hover i {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
/*** button ***/
.btn:not(.border).primary,
.btn:not(.border).btn-primary,
.btn:not(.border).large,
.btn:not(.border).btn-large,
.btn:not(.border).default,
.btn:not(.border).btn-default,
.btn:not(.border).small,
.btn:not(.border).btn-sm,
.btn:not(.border).x-small,
.btn:not(.border).btn-xs,
.btn:not(.border).btn.small,
.btn:not(.border).btn.x-small {
  border: none;
  font-weight: normal;
  letter-spacing: 3px;
}
.btn:not(.border) i:before {
  margin-right: 12px;
}
.btn-icon i,
.btn-icon:hover i {
  border: none;
}
.btn-icon i[class^="icon-"]:before,
.btn-icon i[class*=" icon-"]:before {
  margin-right: 17px;
}
.btn-icon.small i:before {
  margin-right: 9px;
}
.btn-icon.medium i:before {
  margin-right: 17px;
}
.btn-icon.large i:before {
  margin-right: 24px;
}
.btn-icon.small span,
.btn-icon.medium span,
.btn-icon.large span {
  border: none;
  font-weight: normal;
  letter-spacing: 3px;
}
.btn-success,
.btn.success,
.btn-danger,
.btn.danger,
.btn-info,
.btn.info,
.btn-warning,
.btn.warning {
  border: none;
}
/*** end button ***/
.embed-responsive-custom {
  padding-bottom: 39.6%;
}
/*** footer ***/
footer#main-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#footer-rights p,
#footer-rights a {
  text-transform: uppercase;
}
/*** end footer ***/
/*** modal ***/
.modal-content {
  border-radius: 0;
  padding: 24px;
}
/*** magnific popup ***/
.mfp-figure {
  line-height: 0;
  padding: 12px 44px;
  background: #FFF;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #222;
  right: 44px;
  top: 11px;
  padding-right: 0;
  width: 100%;
}
.mfp-counter {
  top: -12px;
  right: 44px;
}
/***  box  ***/
.box {
  border-width: 2px;
}
.box.rounded {
  border-radius: 22px;
}
.caption-over .box {
  border: none;
}
/***  end box  ***/
/***  miscellanious ***/
#beeween-to-top {
  padding-bottom: 20px;
  border: 3px solid transparent;
  border-radius: 0;
  bottom: 20px;
  padding: 0;
}
/* MENU */
/* custom bootstrap test */
.container,
.container-fluid {
  padding-right: 22px;
  padding-left: 22px;
}
.row {
  margin-right: -22px;
  margin-left: -22px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 22px;
  padding-left: 22px;
}
/* accordion */
.panel-group {
  border: none;
}
.panel-group .panel {
  border-radius: 0;
}
.panel {
  background: none;
  border: none;
  box-shadow: none;
}
.panel-group .panel-heading {
  border-bottom: 1px solid #DDD;
}
.panel-default > .panel-heading {
  background: none;
  padding: 1em 0;
}
.panel-title > a {
  text-transform: uppercase;
}
.progress {
  border-radius: 0;
}
/* custom bootstrap test */
/*** tabs ***/
/** Blog **/
ul.entry-meta li {
  padding-left: 0;
  font-size: 10px;
  text-transform: uppercase;
}
ul.entry-meta li a {
  border-right: 1px solid transparent;
  padding-right: 10px;
}
/** Owl carousel **/
.owl-theme .owl-controls .owl-page span.owl-numbers,
.owl-theme .owl-controls .owl-buttons div {
  border-radius: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
/** page header **/
.page-header h1 small {
  display: block;
  padding-top: 11px;
}
/** utilities **/
.mb {
  margin-bottom: 44px;
}
.mt {
  margin-top: 44px;
}
.pb {
  padding-bottom: 44px;
}
.pt {
  padding-top: 44px;
}

.pt-pub1 {
  padding-top: 3px;
}

/* FULLPAGE
================================================== */
/** bullets menu ***/
#fp-nav {
  top: 40%;
  margin-top: 80px!important;
  padding: 11px;
}
@media (max-width: 1025px) {
  #fp-nav {
    display: none;
  }
}
#fp-nav.right {
  right: 0;
}
.fp-tooltip {
  padding: 5px 10px;
  top: -9px;
  text-transform: uppercase;
}
#fp-nav span,
.fp-slidesNav span {
  width: 10px;
  height: 10px;
}
#fullpage > div:first-child:after {
  content: "\e82a";
  display: block;
  position: absolute;
  right: 50%;
  bottom: 40px;
  bottom: 80px\9;
  font-size: 44px;
  margin-right: -22px;
  font-family: 'custom-icons';
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  -webkit-font-smoothing: antialiased;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -ms-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
}
/** slideshow nav **/
.fp-controlArrow {
  margin-top: 0;
}
.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {
  border: none;
  width: auto;
}
.fp-controlArrow.fp-next:after,
.fp-controlArrow.fp-prev:after {
  font-family: 'custom-icons';
  font-size: 14px;
  content: '\e8cd';
}
@media (min-width: 768px) {
  .fp-controlArrow.fp-next:after,
  .fp-controlArrow.fp-prev:after {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .fp-controlArrow.fp-next:after,
  .fp-controlArrow.fp-prev:after {
    font-size: 44px;
  }
}
.fp-controlArrow.fp-next:after {
  content: '\e8cc';
}
#fp-main-heading {
  display: block;
  padding-left: 70px;
}
.fp-tableCell table,
.fp-tableCell .table-responsive {
  margin-bottom: 0;
}
.thank-you > div > div {
  padding-left: 70px;
}
#fp-main-heading {
  text-decoration: none;
}
/* SLIDE MENU
================================================== */
.navicon-line {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
}
/* MAIN CONTENT
================================================== */
html.sb-active #sb-site,
.sb-toggle-left,
.sb-toggle-right,
.sb-open-left,
.sb-open-right,
.sb-close {
  cursor: pointer;
}
/* CHART JS
================================================== */
html:not(.ie9) .charts {
  width: 100%!important;
  height: 100%!important;
}
.graph-legend li {
  position: relative;
  height: 25px;
  padding-bottom: 20px;
  padding-left: 50px;
  margin-bottom: 1em;
}
.graph-legend span {
  display: inline-block;
  height: 100%;
  width: 40px;
  border: 1px solid transparent;
  position: absolute;
  left: 0;
}
/* Gauge
================================================== */
.donut,
.txt-preview {
  opacity: 0;
}
.donut-txtpreview,
.gauge-txtpreview {
  font-size: 3em;
}
/* SVG
================================================== */
.svg-icon.charts-icon {
  width: 250px;
  height: 250px;
  background-image: url(../images/svg/rising9.svg);
  background-size: contain;
}
/*** embed video ***/
.embed-responsive-custom {
  padding-bottom: 39.6%;
}
#video-bg {
  height: 600px;
}
/* style switcher */
.slide-menu .styleSwitcher {
  right: -170px;
  left: auto;
  top: 280px;
}
.slide-menu .styleSwitcher #showHideSwitcher {
  left: -50px;
  right: auto;
}
/*** Portfolio masonry ***/
.fw-image1 {
  background-image: url('../../../images/portfolio/vign-large1.jpg');
}
.fw-image2 {
  background-image: url('../../../images/portfolio/vign8.jpg');
}
.fw-image3 {
  background-image: url('../../../images/portfolio/vign-large2.jpg');
}
.fw-image4 {
  background-image: url('../../../images/portfolio/vign2.jpg');
}
.fw-image5 {
  background-image: url('../../../images/portfolio/vign-big1.jpg');
}
.fw-image6 {
  background-image: url('../../../images/portfolio/vign7.jpg');
}
.fw-image7 {
  background-image: url('../../../images/portfolio/vign-big2.jpg');
}
.fw-image8 {
  background-image: url('../../../images/portfolio/vign4.jpg');
}
.fw-image9 {
  background-image: url('../../../images/portfolio/vign9.jpg');
}
.fw-image10 {
  background-image: url('../../../images/portfolio/vign-large3.jpg');
}
.fw-image11 {
  background-image: url('../../../images/portfolio/vign10.jpg');
}
.v-image1 {
  background-image: url('../../../images/portfolio/v-image1.jpg');
}
.v-image2 {
  background-image: url('../../../images/portfolio/v-image2.jpg');
}
.v-image3 {
  background-image: url('../../../images/portfolio/v-image3.jpg');
}
.v-image4 {
  background-image: url('../../../images/portfolio/v-image4.jpg');
}
.v-image5 {
  background-image: url('../../../images/portfolio/v-image5.jpg');
}
.v-image6 {
  background-image: url('../../../images/portfolio/v-image6.jpg');
}
.v-image7 {
  background-image: url('../../../images/portfolio/v-image7.jpg');
}
.v-image8 {
  background-image: url('../../../images/portfolio/v-image8.jpg');
}
.v-image9 {
  background-image: url('../../../images/portfolio/v-image9.jpg');
}
.v-image10 {
  background-image: url('../../../images/portfolio/v-image10.jpg');
}
.v-image11 {
  background-image: url('../../../images/portfolio/v-image11.jpg');
}
.v-image12 {
  background-image: url('../../../images/portfolio/v-image12.jpg');
}
/*** Portfolio masonry ***/
/*** hover images ***/
.beeween-hover-1 .mask-over a,
.beeween-hover-2 .mask-over a {
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0.02em;
}
/*** prelaoder custom infografix ***/
@media (max-width: 1025px) {
  .preloader-btn-start p,
  .preloader-btn-start img {
    display: none;
  }
}
/*** Parallaxed footer main ***/
/*** tocify (demo beeween css framework) ***/
#toc {
  position: static;
  width: 100%;
  border-radius: 0;
  max-height: auto;
}
.ln-doc-example {
  border: 1px solid transparent;
  position: relative;
  padding: 45px 15px 15px;
  margin-bottom: 1.5em;
  border-radius: 4px;
}
.ln-doc-example:after {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  content: "Example";
}
body.header-7 .ln-doc-example #pre-header {
  display: block!important;
  height: 31px!important;
  padding-top: 5px!important;
  margin-top: 0!important;
  padding-bottom: 5px!important;
  margin-bottom: 0 !important;
}
.ln-doc-example .container {
  width: 100% !important;
}
.tocify-header {
  text-indent: 0px;
}
.tocify li.tocify-item {
  border-bottom: 1px solid #D7D7D7;
}
.tocify li.tocify-item > a {
  padding: 16px 0;
}
.tocify li.tocify-item > a:hover {
  background: none;
}
/*** swiper coming soon ***/
.coming-soon-slider.swiper-parent .pagination {
  width: 100%;
  text-align: center;
}
.coming-soon-slider.swiper-parent .swiper-pagination-switch {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  opacity: .5;
  border: none;
  background: white;
}
.coming-soon-slider.swiper-parent .swiper-active-switch {
  opacity: 1;
}
/*** form ***/
.form-control {
  border-radius: 0;
}



/*
|--------------------------------------------------------------------------
| Color Theme
|--------------------------------------------------------------------------
*/

.dark-color {
  background-color:#333;
  color:#999;
}

.light-color {
  background-color:#f6f6f6;
  color:#64676e;
}

.dark-main-color {
  background-color:#c14127;
  color:#fff;
}

.main-color {
  background-color:#e04343;
  color:#fff;
}

.light-main-color {
  background-color:#ce6359;
  color:#fff;
}

.dark-color .dark-color {
  background-color:#404040;
}

.light-color .light-color {
  background-color:#f2f2f2;
}

.dark-main-color .dark-main-color {
  background-color:#d5492d;
}

.main-color .main-color {
  background-color:#e05c42;
  color:#fff;
}

.light-main-color .light-main-color {
  background-color:#bc4338;
}

.body-color {
  background-color:#fdfdfd;
  color:#64676e;
}

body {
  background:#fdfdfd;
  color:#64676e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color:inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  color:inherit;
}

.lead {
  color:inherit;
}

.text-light h1,
.text-light h2,
.text-light h1 span,
.text-light h2 span,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light p.lead,
.text-light blockquote,
.text-light cite {
  color:#fff;
}

h1.text-main-color,
h2.text-main-color,
h1 span.text-main-color,
h2 span.text-main-color,
h3.text-main-color,
h4.text-main-color,
h5.text-main-color,
h6.text-main-color,
p.text-main-color,
p.lead.text-main-color,
blockquote.text-main-color,
cite.text-main-color,
h1 .text-main-color,
h2 .text-main-color,
h1 span .text-main-color,
h2 span .text-main-color,
h3 .text-main-color,
h4 .text-main-color,
h5 .text-main-color,
h6 .text-main-color,
p .text-main-color,
p.lead .text-main-color,
blockquote .text-main-color,
cite .text-main-color {
  color:#ee6e73;
}

h1.text-light,
h2.text-light,
h1 span.text-light,
h2 span.text-light,
h3.text-light,
h4.text-light,
h5.text-light,
h6.text-light,
p.text-light,
p.lead.text-light {
  color:#fff;
}

mark,
.mark {
  background-color:#e04343;
  color:#fff;
}

.main-color mark,
.main-color .mark {
  background-color:#ce6359;
}

a,
a:hover,
a:focus,
a:active {
  color:#e04343;
}

.main-color a,
.main-color a:hover,
.main-color a:focus {
  color:#f5cdc5;
}

.light-main-color a,
.light-main-color a:hover,
.light-main-color a:focus {
  color:#b7371e;
}

a.box-link {
  color:#222;
}

a.box-link h1,
a.box-link h2,
a.box-link h3,
a.box-link h4,
a.box-link h5,
a.box-link h6,
a.box-link p {
  color:#222;
}

a.box-link:hover {
  color:#e04343;
}

a.box-link:hover h1,
a.box-link:hover h2,
a.box-link:hover h3,
a.box-link:hover h4,
a.box-link:hover h5,
a.box-link:hover h6,
a.box-link:hover p {
  color:#e04343;
}

.main-color a.box-link {
  color:#fff;
}

.main-color a.box-link h1,
.main-color a.box-link h2,
.main-color a.box-link h3,
.main-color a.box-link h4,
.main-color a.box-link h5,
.main-color a.box-link h6,
.main-color a.box-link p {
  color:#fff;
}

.main-color a.box-link:hover {
  color:#a1311b;
}

.main-color a.box-link:hover h1,
.main-color a.box-link:hover h2,
.main-color a.box-link:hover h3,
.main-color a.box-link:hover h4,
.main-color a.box-link:hover h5,
.main-color a.box-link:hover h6,
.main-color a.box-link:hover p {
  color:#a1311b;
}

.dark-main-color a.box-link {
  color:#fff;
}

.dark-main-color a.box-link h1,
.dark-main-color a.box-link h2,
.dark-main-color a.box-link h3,
.dark-main-color a.box-link h4,
.dark-main-color a.box-link h5,
.dark-main-color a.box-link h6,
.dark-main-color a.box-link p {
  color:#fff;
}

.dark-main-color a.box-link:hover {
  color:#dd6e57;
}

.dark-main-color a.box-link:hover h1,
.dark-main-color a.box-link:hover h2,
.dark-main-color a.box-link:hover h3,
.dark-main-color a.box-link:hover h4,
.dark-main-color a.box-link:hover h5,
.dark-main-color a.box-link:hover h6,
.dark-main-color a.box-link:hover p {
  color:#dd6e57;
}

.light-main-color a.box-link {
  color:#fff;
}

.light-main-color a.box-link h1,
.light-main-color a.box-link h2,
.light-main-color a.box-link h3,
.light-main-color a.box-link h4,
.light-main-color a.box-link h5,
.light-main-color a.box-link h6,
.light-main-color a.box-link p {
  color:#fff;
}

.light-main-color a.box-link:hover {
  color:#a93c32;
}

.light-main-color a.box-link:hover h1,
.light-main-color a.box-link:hover h2,
.light-main-color a.box-link:hover h3,
.light-main-color a.box-link:hover h4,
.light-main-color a.box-link:hover h5,
.light-main-color a.box-link:hover h6,
.light-main-color a.box-link:hover p {
  color:#a93c32;
}

.light-color a.box-link {
  color:#222;
}

.light-color a.box-link h1,
.light-color a.box-link h2,
.light-color a.box-link h3,
.light-color a.box-link h4,
.light-color a.box-link h5,
.light-color a.box-link h6,
.light-color a.box-link p {
  color:#222;
}

.light-color a.box-link:hover {
  color:#e04343;
}

.light-color a.box-link:hover h1,
.light-color a.box-link:hover h2,
.light-color a.box-link:hover h3,
.light-color a.box-link:hover h4,
.light-color a.box-link:hover h5,
.light-color a.box-link:hover h6,
.light-color a.box-link:hover p {
  color:#e04343;
}

.dark-color a.box-link {
  color:#999;
}

.dark-color a.box-link h1,
.dark-color a.box-link h2,
.dark-color a.box-link h3,
.dark-color a.box-link h4,
.dark-color a.box-link h5,
.dark-color a.box-link h6,
.dark-color a.box-link p {
  color:#999;
}

.dark-color a.box-link:hover {
  color:#e04343;
}

.dark-color a.box-link:hover h1,
.dark-color a.box-link:hover h2,
.dark-color a.box-link:hover h3,
.dark-color a.box-link:hover h4,
.dark-color a.box-link:hover h5,
.dark-color a.box-link:hover h6,
.dark-color a.box-link:hover p {
  color:#e04343;
}

blockquote {
  border-color:#e6e6e6;
}

blockquote:before {
  color:#eee;
}

.blockquote-reverse {
  border-left-color:#d5d5d5;
}

.dark-main-color blockquote {
  background-color:#e04343;
  border-color:#b7371e;
  color:#fff;
}

.dark-main-color blockquote h1,
.dark-main-color blockquote h2,
.dark-main-color blockquote h3,
.dark-main-color blockquote h4,
.dark-main-color blockquote h5,
.dark-main-color blockquote h6,
.dark-main-color blockquote p {
  color:#fff;
}

.dark-main-color blockquote footer {
  color:#a1311b;
}

.dark-main-color blockquote:before {
  color:#fff;
}

.main-color blockquote {
  background-color:#ce6359;
  border-color:#bc4338;
  color:#fff;
}

.main-color blockquote h1,
.main-color blockquote h2,
.main-color blockquote h3,
.main-color blockquote h4,
.main-color blockquote h5,
.main-color blockquote h6,
.main-color blockquote p {
  color:#fff;
}

.main-color blockquote footer {
  color:#95352c;
}

.main-color blockquote:before {
  color:#bc4338;
}

.light-main-color blockquote {
  background-color:#e04343;
  border-color:#b7371e;
  color:#fff;
}

.light-main-color blockquote h1,
.light-main-color blockquote h2,
.light-main-color blockquote h3,
.light-main-color blockquote h4,
.light-main-color blockquote h5,
.light-main-color blockquote h6,
.light-main-color blockquote p {
  color:#fff;
}

.light-main-color blockquote footer {
  color:#a1311b;
}

.light-main-color blockquote:before {
  color:#c14127;
}

.dark-color blockquote {
  background-color:#404040;
  border-color:#262626;
  color:#999;
}

.dark-color blockquote h1,
.dark-color blockquote h2,
.dark-color blockquote h3,
.dark-color blockquote h4,
.dark-color blockquote h5,
.dark-color blockquote h6,
.dark-color blockquote p {
  color:#999;
}

.dark-color blockquote footer {
  color:#737373;
}

.dark-color blockquote:before {
  color:#333;
}

.light-color blockquote {
  background-color:#f2f2f2;
  border-color:#d9d9d9;
  color:#222;
}

.light-color blockquote h1,
.light-color blockquote h2,
.light-color blockquote h3,
.light-color blockquote h4,
.light-color blockquote h5,
.light-color blockquote h6,
.light-color blockquote p {
  color:#222;
}

.light-color blockquote footer {
  color:#bfbfbf;
}

.light-color blockquote:before {
  color:#d9d9d9;
}

.dark-main-color blockquote.main-color,
.main-color blockquote.main-color,
.light-main-color blockquote.main-color,
.dark-color blockquote.main-color,
.light-color blockquote.main-color {
  background-color:#e04343;
  border-color:#b7371e;
  color:#fff;
}

.dark-main-color blockquote.main-color h1,
.main-color blockquote.main-color h1,
.light-main-color blockquote.main-color h1,
.dark-color blockquote.main-color h1,
.light-color blockquote.main-color h1,
.dark-main-color blockquote.main-color h2,
.main-color blockquote.main-color h2,
.light-main-color blockquote.main-color h2,
.dark-color blockquote.main-color h2,
.light-color blockquote.main-color h2,
.dark-main-color blockquote.main-color h3,
.main-color blockquote.main-color h3,
.light-main-color blockquote.main-color h3,
.dark-color blockquote.main-color h3,
.light-color blockquote.main-color h3,
.dark-main-color blockquote.main-color h4,
.main-color blockquote.main-color h4,
.light-main-color blockquote.main-color h4,
.dark-color blockquote.main-color h4,
.light-color blockquote.main-color h4,
.dark-main-color blockquote.main-color h5,
.main-color blockquote.main-color h5,
.light-main-color blockquote.main-color h5,
.dark-color blockquote.main-color h5,
.light-color blockquote.main-color h5,
.dark-main-color blockquote.main-color h6,
.main-color blockquote.main-color h6,
.light-main-color blockquote.main-color h6,
.dark-color blockquote.main-color h6,
.light-color blockquote.main-color h6,
.dark-main-color blockquote.main-color p,
.main-color blockquote.main-color p,
.light-main-color blockquote.main-color p,
.dark-color blockquote.main-color p,
.light-color blockquote.main-color p {
  color:#fff;
}

.dark-main-color blockquote.main-color footer,
.main-color blockquote.main-color footer,
.light-main-color blockquote.main-color footer,
.dark-color blockquote.main-color footer,
.light-color blockquote.main-color footer {
  color:#a1311b;
}

.dark-main-color blockquote.dark-main-color,
.main-color blockquote.dark-main-color,
.light-main-color blockquote.dark-main-color,
.dark-color blockquote.dark-main-color,
.light-color blockquote.dark-main-color {
  background-color:#c14127;
  border-color:#97331e;
  color:#fff;
}

.dark-main-color blockquote.dark-main-color h1,
.main-color blockquote.dark-main-color h1,
.light-main-color blockquote.dark-main-color h1,
.dark-color blockquote.dark-main-color h1,
.light-color blockquote.dark-main-color h1,
.dark-main-color blockquote.dark-main-color h2,
.main-color blockquote.dark-main-color h2,
.light-main-color blockquote.dark-main-color h2,
.dark-color blockquote.dark-main-color h2,
.light-color blockquote.dark-main-color h2,
.dark-main-color blockquote.dark-main-color h3,
.main-color blockquote.dark-main-color h3,
.light-main-color blockquote.dark-main-color h3,
.dark-color blockquote.dark-main-color h3,
.light-color blockquote.dark-main-color h3,
.dark-main-color blockquote.dark-main-color h4,
.main-color blockquote.dark-main-color h4,
.light-main-color blockquote.dark-main-color h4,
.dark-color blockquote.dark-main-color h4,
.light-color blockquote.dark-main-color h4,
.dark-main-color blockquote.dark-main-color h5,
.main-color blockquote.dark-main-color h5,
.light-main-color blockquote.dark-main-color h5,
.dark-color blockquote.dark-main-color h5,
.light-color blockquote.dark-main-color h5,
.dark-main-color blockquote.dark-main-color h6,
.main-color blockquote.dark-main-color h6,
.light-main-color blockquote.dark-main-color h6,
.dark-color blockquote.dark-main-color h6,
.light-color blockquote.dark-main-color h6,
.dark-main-color blockquote.dark-main-color p,
.main-color blockquote.dark-main-color p,
.light-main-color blockquote.dark-main-color p,
.dark-color blockquote.dark-main-color p,
.light-color blockquote.dark-main-color p {
  color:#fff;
}

.dark-main-color blockquote.dark-main-color footer,
.main-color blockquote.dark-main-color footer,
.light-main-color blockquote.dark-main-color footer,
.dark-color blockquote.dark-main-color footer,
.light-color blockquote.dark-main-color footer {
  color:#812c1a;
}

.dark-main-color blockquote.light-main-color,
.main-color blockquote.light-main-color,
.light-main-color blockquote.light-main-color,
.dark-color blockquote.light-main-color,
.light-color blockquote.light-main-color {
  background-color:#ce6359;
  border-color:#bc4338;
  color:#fff;
}

.dark-main-color blockquote.light-main-color h1,
.main-color blockquote.light-main-color h1,
.light-main-color blockquote.light-main-color h1,
.dark-color blockquote.light-main-color h1,
.light-color blockquote.light-main-color h1,
.dark-main-color blockquote.light-main-color h2,
.main-color blockquote.light-main-color h2,
.light-main-color blockquote.light-main-color h2,
.dark-color blockquote.light-main-color h2,
.light-color blockquote.light-main-color h2,
.dark-main-color blockquote.light-main-color h3,
.main-color blockquote.light-main-color h3,
.light-main-color blockquote.light-main-color h3,
.dark-color blockquote.light-main-color h3,
.light-color blockquote.light-main-color h3,
.dark-main-color blockquote.light-main-color h4,
.main-color blockquote.light-main-color h4,
.light-main-color blockquote.light-main-color h4,
.dark-color blockquote.light-main-color h4,
.light-color blockquote.light-main-color h4,
.dark-main-color blockquote.light-main-color h5,
.main-color blockquote.light-main-color h5,
.light-main-color blockquote.light-main-color h5,
.dark-color blockquote.light-main-color h5,
.light-color blockquote.light-main-color h5,
.dark-main-color blockquote.light-main-color h6,
.main-color blockquote.light-main-color h6,
.light-main-color blockquote.light-main-color h6,
.dark-color blockquote.light-main-color h6,
.light-color blockquote.light-main-color h6,
.dark-main-color blockquote.light-main-color p,
.main-color blockquote.light-main-color p,
.light-main-color blockquote.light-main-color p,
.dark-color blockquote.light-main-color p,
.light-color blockquote.light-main-color p {
  color:#fff;
}

.dark-main-color blockquote.light-main-color footer,
.main-color blockquote.light-main-color footer,
.light-main-color blockquote.light-main-color footer,
.dark-color blockquote.light-main-color footer,
.light-color blockquote.light-main-color footer {
  color:#95352c;
}

.dark-main-color blockquote.dark-color,
.main-color blockquote.dark-color,
.light-main-color blockquote.dark-color,
.dark-color blockquote.dark-color,
.light-color blockquote.dark-color {
  background-color:#333;
  border-color:#1a1a1a;
  color:#999;
}

.dark-main-color blockquote.dark-color h1,
.main-color blockquote.dark-color h1,
.light-main-color blockquote.dark-color h1,
.dark-color blockquote.dark-color h1,
.light-color blockquote.dark-color h1,
.dark-main-color blockquote.dark-color h2,
.main-color blockquote.dark-color h2,
.light-main-color blockquote.dark-color h2,
.dark-color blockquote.dark-color h2,
.light-color blockquote.dark-color h2,
.dark-main-color blockquote.dark-color h3,
.main-color blockquote.dark-color h3,
.light-main-color blockquote.dark-color h3,
.dark-color blockquote.dark-color h3,
.light-color blockquote.dark-color h3,
.dark-main-color blockquote.dark-color h4,
.main-color blockquote.dark-color h4,
.light-main-color blockquote.dark-color h4,
.dark-color blockquote.dark-color h4,
.light-color blockquote.dark-color h4,
.dark-main-color blockquote.dark-color h5,
.main-color blockquote.dark-color h5,
.light-main-color blockquote.dark-color h5,
.dark-color blockquote.dark-color h5,
.light-color blockquote.dark-color h5,
.dark-main-color blockquote.dark-color h6,
.main-color blockquote.dark-color h6,
.light-main-color blockquote.dark-color h6,
.dark-color blockquote.dark-color h6,
.light-color blockquote.dark-color h6,
.dark-main-color blockquote.dark-color p,
.main-color blockquote.dark-color p,
.light-main-color blockquote.dark-color p,

.dark-color blockquote.dark-color p,
.light-color blockquote.dark-color p {
  color:#999;
}

.dark-main-color blockquote.dark-color footer,
.main-color blockquote.dark-color footer,
.light-main-color blockquote.dark-color footer,
.dark-color blockquote.dark-color footer,
.light-color blockquote.dark-color footer {
  color:#595959;
}

.dark-main-color blockquote.light-color,
.main-color blockquote.light-color,
.light-main-color blockquote.light-color,
.dark-color blockquote.light-color,
.light-color blockquote.light-color {
  background-color:#fff;
  border-color:#e6e6e6;
  color:#222;
}

.dark-main-color blockquote.light-color h1,
.main-color blockquote.light-color h1,
.light-main-color blockquote.light-color h1,
.dark-color blockquote.light-color h1,
.light-color blockquote.light-color h1,
.dark-main-color blockquote.light-color h2,
.main-color blockquote.light-color h2,
.light-main-color blockquote.light-color h2,
.dark-color blockquote.light-color h2,
.light-color blockquote.light-color h2,
.dark-main-color blockquote.light-color h3,
.main-color blockquote.light-color h3,
.light-main-color blockquote.light-color h3,
.dark-color blockquote.light-color h3,
.light-color blockquote.light-color h3,
.dark-main-color blockquote.light-color h4,
.main-color blockquote.light-color h4,
.light-main-color blockquote.light-color h4,
.dark-color blockquote.light-color h4,
.light-color blockquote.light-color h4,
.dark-main-color blockquote.light-color h5,
.main-color blockquote.light-color h5,
.light-main-color blockquote.light-color h5,
.dark-color blockquote.light-color h5,
.light-color blockquote.light-color h5,
.dark-main-color blockquote.light-color h6,
.main-color blockquote.light-color h6,
.light-main-color blockquote.light-color h6,
.dark-color blockquote.light-color h6,
.light-color blockquote.light-color h6,
.dark-main-color blockquote.light-color p,
.main-color blockquote.light-color p,
.light-main-color blockquote.light-color p,
.dark-color blockquote.light-color p,
.light-color blockquote.light-color p {
  color:#222;
}

.dark-main-color blockquote.light-color footer,
.main-color blockquote.light-color footer,
.light-main-color blockquote.light-color footer,
.dark-color blockquote.light-color footer,
.light-color blockquote.light-color footer {
  color:#bfbfbf;
}

.dark-main-color blockquote.white,
.main-color blockquote.white,
.light-main-color blockquote.white,
.dark-color blockquote.white,
.light-color blockquote.white {
  background-color:#fff;
  border-color:#e6e6e6;
  color:#222;
}

.dark-main-color blockquote.white h1,
.main-color blockquote.white h1,
.light-main-color blockquote.white h1,
.dark-color blockquote.white h1,
.light-color blockquote.white h1,
.dark-main-color blockquote.white h2,
.main-color blockquote.white h2,
.light-main-color blockquote.white h2,
.dark-color blockquote.white h2,
.light-color blockquote.white h2,
.dark-main-color blockquote.white h3,
.main-color blockquote.white h3,
.light-main-color blockquote.white h3,
.dark-color blockquote.white h3,
.light-color blockquote.white h3,
.dark-main-color blockquote.white h4,
.main-color blockquote.white h4,
.light-main-color blockquote.white h4,
.dark-color blockquote.white h4,
.light-color blockquote.white h4,
.dark-main-color blockquote.white h5,
.main-color blockquote.white h5,
.light-main-color blockquote.white h5,
.dark-color blockquote.white h5,
.light-color blockquote.white h5,
.dark-main-color blockquote.white h6,
.main-color blockquote.white h6,
.light-main-color blockquote.white h6,
.dark-color blockquote.white h6,
.light-color blockquote.white h6,
.dark-main-color blockquote.white p,
.main-color blockquote.white p,
.light-main-color blockquote.white p,
.dark-color blockquote.white p,
.light-color blockquote.white p {
  color:#222;
}

.dark-main-color blockquote.white footer,
.main-color blockquote.white footer,
.light-main-color blockquote.white footer,
.dark-color blockquote.white footer,
.light-color blockquote.white footer {
  color:#bfbfbf;
}

ul.border li {
  border-bottom-color:#a2a2a2;
}

.light-color ul.border li {
  border-bottom-color:#d9d9d9;
}

.dark-color ul.border li {
  border-bottom-color:#fff;
}

.dark-main-color ul.border li {
  border-bottom-color:#e04343;
}

.light-main-color ul.border li {
  border-bottom-color:#a93c32;
}

.main-color ul.border li {
  border-bottom-color:#c14127;
}

.list-icon li:before,
li > i {
  color:#e04343;
}

.main-color .list-icon li:before {
  color:#fff;
}

.light-main-color .list-icon li:before,
.dark-main-color .list-icon li:before {
  color:inherit;
}

.list-icon.rounded li:before,
li > i[class^="icon-"].rounded:before,
li > i[class*=" icon-"].rounded:before {
  background-color:#e04343;
  color:#fff;
}

.main-color .list-icon.rounded li:before,
.main-color li > i[class^="icon-"].rounded:before,
.main-color li > i[class*=" icon-"].rounded:before {
  background-color:#ce6359;
}

.table td {
  background-color:#fdfdfd;
  color:#222;
}

.table > thead > tr > th,
.table > thead > tr > th {
  background-color:#e04343;
  color:#fff;
}

.table,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color:#a2a2a2;
}

.dark-color .table > thead > tr > td,
.dark-color .table > tbody > tr > td,
.dark-color .table > tfoot > tr > td,
.dark-color .table > thead > tr > th,
.dark-color .table {
  border-color:#1a1a1a;
}

.light-color .table > thead > tr > td,
.light-color .table > tbody > tr > td,
.light-color .table > tfoot > tr > td,
.light-color .table > thead > tr > th,
.light-color .table {
  border-color:#e6e6e6;
}

.main-color .table > thead > tr > td,
.main-color .table > tbody > tr > td,
.main-color .table > tfoot > tr > td,
.main-color .table > thead > tr > th,
.main-color .table {
  border-color:#b7371e;
}

.main-color .table > thead > tr > th,
.main-color .table > thead > tr > th {
  color:#fff;
}

.dark-main-color .table > thead > tr > td,
.dark-main-color .table > tbody > tr > td,
.dark-main-color .table > tfoot > tr > td,
.dark-main-color .table > thead > tr > th,
.dark-main-color .table {
  border-color:#97331e;
}

.light-main-color .table > thead > tr > td,
.light-main-color .table > tbody > tr > td,
.light-main-color .table > tfoot > tr > td,
.light-main-color .table > thead > tr > th,
.light-main-color .table {
  border-color:#bc4338;
}

.table-bordered {
  border-color:#a2a2a2;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color:#a2a2a2;
}

.form-control {
  box-shadow:none;
}

.form-control:focus {
  border-color:#e04343;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.main-color .form-control:focus {
  border-color:#ce6359;
}

.dark-main-color .form-control {
  border-color:#97331e;
}

.dark-main-color .form-control:focus {
  border-color:#ce6359;
}

.dark-main-color .help-block {
  color:#fff;
}

.light-main-color .form-control {
  border-color:#bc4338;
}

.light-main-color .form-control:focus {
  border-color:#e04343;
}

.dark-color .form-control {
  border-color:#1a1a1a;
}

.dark-color .form-control:focus {
  border-color:#e04343;
}

.light-color .form-control {
  border-color:#e6e6e6;
}

.light-color .form-control:focus {
  border-color:#e04343;
}

.form-minimal .form-line {
  background-color:#e04343;
}

.form-minimal .form-control {
  border-bottom-color:#ddd;
  background-color:transparent;
}

.form-minimal .form-control:focus {
  border-color:#ddd;
}

.form-minimal .has-error .form-control {
  box-shadow:none;
  border-bottom-color:#A94442;
}

.form-minimal:focus {
  border-bottom:none !important;
}

.btn {
  color:#fff;
}

.btn:active,
.btn .active {
  box-shadow:none;
}

.main-color .btn,
.dark-main-color .btn,
.light-main-color .btn,
.dark-color .btn,
.light-color .btn,
.main-color .btn:hover,
.dark-main-color .btn:hover,
.light-main-color .btn:hover,
.dark-color .btn:hover,
.light-color .btn:hover {
  color:#fff;
}

.btn-default,
.btn.default {
  color:red;
  color:#fff;
  background-color:#e04343;
  border-color:#cd3e22;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn.default:hover,
.btn.default:focus,
.btn.default:active,
.btn.default.active,
.open > .dropdown-toggle.btn.default {
  color:#fff;
  background-color:#b7371e;
  border-color:#982e19;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn.default:active,
.btn.default.active,
.open > .dropdown-toggle.btn.default {
  background-image:none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.btn.default.disabled,
.btn.default[disabled],
fieldset[disabled] .btn.default,
.btn.default.disabled:hover,
.btn.default[disabled]:hover,
fieldset[disabled] .btn.default:hover,
.btn.default.disabled:focus,
.btn.default[disabled]:focus,
fieldset[disabled] .btn.default:focus,
.btn.default.disabled:active,
.btn.default[disabled]:active,
fieldset[disabled] .btn.default:active,
.btn.default.disabled.active,
.btn.default[disabled].active,
fieldset[disabled] .btn.default.active {
  background-color:#e04343;
  border-color:#cd3e22;
}

.btn-default .badge,
.btn.default .badge {
  color:#e04343;
  background-color:#fff;
}

.btn-primary,
.btn.primary {
  color:#999;
  background-color:#333;
  border-color:#262626;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn.primary:hover,
.btn.primary:focus,
.btn.primary:active,
.btn.primary.active,
.open > .dropdown-toggle.btn.primary {
  color:#999;
  background-color:#1a1a1a;
  border-color:#080808;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn.primary:active,
.btn.primary.active,
.open > .dropdown-toggle.btn.primary {
  background-image:none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn.primary.disabled,
.btn.primary[disabled],
fieldset[disabled] .btn.primary,
.btn.primary.disabled:hover,
.btn.primary[disabled]:hover,
fieldset[disabled] .btn.primary:hover,
.btn.primary.disabled:focus,
.btn.primary[disabled]:focus,
fieldset[disabled] .btn.primary:focus,
.btn.primary.disabled:active,
.btn.primary[disabled]:active,
fieldset[disabled] .btn.primary:active,
.btn.primary.disabled.active,
.btn.primary[disabled].active,
fieldset[disabled] .btn.primary.active {
  background-color:#333;
  border-color:#262626;
}

.btn-primary .badge,
.btn.primary .badge {
  color:#333;
  background-color:#999;
}

.btn-success,
.btn.success {
  color:#fff;
  background-color:#5cb85c;
  border-color:#4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn.success:hover,
.btn.success:focus,
.btn.success:active,
.btn.success.active,
.open > .dropdown-toggle.btn.success {
  color:#fff;
  background-color:#449d44;
  border-color:#398439;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn.success:active,
.btn.success.active,
.open > .dropdown-toggle.btn.success {
  background-image:none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active,
.btn.success.disabled,
.btn.success[disabled],
fieldset[disabled] .btn.success,
.btn.success.disabled:hover,
.btn.success[disabled]:hover,
fieldset[disabled] .btn.success:hover,
.btn.success.disabled:focus,
.btn.success[disabled]:focus,
fieldset[disabled] .btn.success:focus,
.btn.success.disabled:active,
.btn.success[disabled]:active,
fieldset[disabled] .btn.success:active,
.btn.success.disabled.active,
.btn.success[disabled].active,
fieldset[disabled] .btn.success.active {
  background-color:#5cb85c;
  border-color:#4cae4c;
}

.btn-success .badge,
.btn.success .badge {
  color:#5cb85c;
  background-color:#fff;
}

.btn-info,
.btn.info {
  color:#fff;
  background-color:#5bc0de;
  border-color:#46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.btn.info:hover,
.btn.info:focus,
.btn.info:active,
.btn.info.active,
.open > .dropdown-toggle.btn.info {
  color:#fff;
  background-color:#31b0d5;
  border-color:#269abc;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.btn.info:active,
.btn.info.active,
.open > .dropdown-toggle.btn.info {
  background-image:none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active,
.btn.info.disabled,
.btn.info[disabled],
fieldset[disabled] .btn.info,
.btn.info.disabled:hover,
.btn.info[disabled]:hover,
fieldset[disabled] .btn.info:hover,
.btn.info.disabled:focus,
.btn.info[disabled]:focus,
fieldset[disabled] .btn.info:focus,
.btn.info.disabled:active,
.btn.info[disabled]:active,
fieldset[disabled] .btn.info:active,
.btn.info.disabled.active,
.btn.info[disabled].active,
fieldset[disabled] .btn.info.active {
  background-color:#5bc0de;
  border-color:#46b8da;
}

.btn-info .badge,
.btn.info .badge {
  color:#5bc0de;
  background-color:#fff;
}

.btn-warning,
.btn.warning {
  color:#fff;
  background-color:#f0ad4e;
  border-color:#eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn.warning:hover,
.btn.warning:focus,
.btn.warning:active,
.btn.warning.active,
.open > .dropdown-toggle.btn.warning {
  color:#fff;
  background-color:#ec971f;
  border-color:#d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn.warning:active,
.btn.warning.active,
.open > .dropdown-toggle.btn.warning {
  background-image:none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active,
.btn.warning.disabled,
.btn.warning[disabled],
fieldset[disabled] .btn.warning,
.btn.warning.disabled:hover,
.btn.warning[disabled]:hover,
fieldset[disabled] .btn.warning:hover,
.btn.warning.disabled:focus,
.btn.warning[disabled]:focus,
fieldset[disabled] .btn.warning:focus,
.btn.warning.disabled:active,
.btn.warning[disabled]:active,
fieldset[disabled] .btn.warning:active,
.btn.warning.disabled.active,
.btn.warning[disabled].active,
fieldset[disabled] .btn.warning.active {
  background-color:#f0ad4e;
  border-color:#eea236;
}

.btn-warning .badge,
.btn.warning .badge {
  color:#f0ad4e;
  background-color:#fff;
}

.btn-danger,
.btn.danger {
  color:#fff;
  background-color:#d9534f;
  border-color:#d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn.danger:hover,
.btn.danger:focus,
.btn.danger:active,
.btn.danger.active,
.open > .dropdown-toggle.btn.danger {
  color:#fff;
  background-color:#c9302c;
  border-color:#ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn.danger:active,
.btn.danger.active,
.open > .dropdown-toggle.btn.danger {
  background-image:none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active,
.btn.danger.disabled,
.btn.danger[disabled],
fieldset[disabled] .btn.danger,
.btn.danger.disabled:hover,
.btn.danger[disabled]:hover,
fieldset[disabled] .btn.danger:hover,
.btn.danger.disabled:focus,
.btn.danger[disabled]:focus,
fieldset[disabled] .btn.danger:focus,
.btn.danger.disabled:active,
.btn.danger[disabled]:active,
fieldset[disabled] .btn.danger:active,
.btn.danger.disabled.active,
.btn.danger[disabled].active,
fieldset[disabled] .btn.danger.active {
  background-color:#d9534f;
  border-color:#d43f3a;
}

.btn-danger .badge,
.btn.danger .badge {
  color:#d9534f;
  background-color:#fff;
}

.btn.border,
.btn-icon.border {
  background:none;
  color:#222;
  border-color:#222;
}

.btn.border:hover,
.btn-icon.border:hover {
  color:#fdfdfd;
  background:#222;
  border-color:#222;
}

.btn.border.white,
.btn-icon.border.white {
  color:#fff;
  border-color:#fff;
  opacity:0.9;
}

.btn.border.white:hover,
.btn-icon.border.white:hover {
  opacity:1;
}

.main-color .btn.border,
.btn-icon.border {
  background:none;
  color:#fff;
  border-color:#fff;
}

.main-color .btn.border:hover,
.btn-icon.border:hover {
  color:#e04343;
  background:#fff;
  border-color:#fff;
}

.main-color .btn.border.white,
.btn-icon.border.white {
  color:#fff;
  border-color:#fff;
  opacity:0.9;
}

.main-color .btn.border.white:hover,
.btn-icon.border.white:hover {
  opacity:1;
}

.btn.border i,
.btn-icon.border i {
  background:none;
  color:#222;
  border-color:#222;
}

.btn.border i:hover,
.btn-icon.border i:hover {
  color:#fdfdfd;
  background:#222;
  border-color:#222;
}

.btn.border i.white,
.btn-icon.border i.white {
  color:#fff;
  border-color:#fff;
  opacity:0.9;
}

.btn.border i.white:hover,
.btn-icon.border i.white:hover {
  opacity:1;
}

.btn.border i:before,
.btn-icon.border i:before {
  color:#222;
}

.btn.border:hover i:before,
.btn-icon.border:hover i:before {
  color:#fdfdfd;
}

.btn-default:active,
.btn.default:active {
  border-color:#e05c42;
  background-color:#e05c42;
  outline:none;
  box-shadow:none;
}

.btn-primary:active,
.btn.primary:active {
  border-color:#404040;
  background-color:#404040;
  outline:none;
  box-shadow:none;
}


.btn-success:active,
.btn.success:active {
  border-color:#6ec06e;
  background-color:#6ec06e;
  outline:none;
  box-shadow:none;
}

.btn-info:active,
.btn.info:active {
  border-color:#70c8e2;
  background-color:#70c8e2;
  outline:none;
  box-shadow:none;
}

.btn-warning:active,
.btn.warning:active {
  border-color:#f2b866;
  background-color:#f2b866;
  outline:none;
  box-shadow:none;
}

.btn-danger:active,
.btn.danger:active {
  border-color:#de6764;
  background-color:#de6764;
  outline:none;
  box-shadow:none;
}

.btn.rss,
ul.social-icons-bar a.rss {
  background-color:#f56505;
  border-color:#c35004;
  color:#fff;
}

.btn.rss:hover,
ul.social-icons-bar a.rss:hover {
  background-color:#fb8232;
  border-color:#fb8232;
}

.btn.facebook,
ul.social-icons-bar a.facebook {
  background-color:#3b5998;
  border-color:#2d4373;
  color:#fff;
}

.btn.facebook:hover,
ul.social-icons-bar a.facebook:hover {
  background-color:#4c70ba;
  border-color:#4c70ba;
}

.btn.twitter,
ul.social-icons-bar a.twitter {
  background-color:#3cf;
  border-color:#00bfff;
  color:#fff;
}

.btn.twitter:hover,
ul.social-icons-bar a.twitter:hover {
  background-color:#66d9ff;
  border-color:#66d9ff;
}

.btn.gplus,
ul.social-icons-bar a.gplus {
  background-color:#bd3518;
  border-color:#902812;
  color:#fff;
}

.btn.gplus:hover,
ul.social-icons-bar a.gplus:hover {
  background-color:#e34625;
  border-color:#e34625;
}

.btn.dribbble,
ul.social-icons-bar a.dribbble {
  background-color:#e04b85;
  border-color:#d42469;
  color:#fff;
}

.btn.dribbble:hover,
ul.social-icons-bar a.dribbble:hover {
  background-color:#e777a2;
  border-color:#e777a2;
}

.btn.linkedin,
ul.social-icons-bar a.linkedin {
  background-color:#007bb7;
  border-color:#005984;
  color:#fff;
}

.btn.linkedin:hover,
ul.social-icons-bar a.linkedin:hover {
  background-color:#009dea;
  border-color:#009dea;
}

ul.social-icons a {
  background:none;
}

ul.social-icons.main-color,
ul.social-icons.dark-main-color,
ul.social-icons.light-main-color,
ul.social-icons.dark-color,
ul.social-icons.light-color {
  background:transparent;
}

ul.social-icons.dark-main-color i:before {
  color:#c14127;
}

ul.social-icons.light-main-color i:before {
  color:#ce6359;
}

ul.social-icons.dark-color i:before {
  color:#333;
}

ul.social-icons.light-color i:before {
  color:#fff;
}

ul.social-icons.squared.main-color a.rss,
ul.social-icons.circle.main-color a.rss,
ul.social-icons.rounded.main-color a.rss,
ul.social-icons.squared.main-color a.facebook,
ul.social-icons.circle.main-color a.facebook,
ul.social-icons.rounded.main-color a.facebook,
ul.social-icons.squared.main-color a.twitter,
ul.social-icons.circle.main-color a.twitter,
ul.social-icons.rounded.main-color a.twitter,
ul.social-icons.squared.main-color a.gplus,
ul.social-icons.circle.main-color a.gplus,
ul.social-icons.rounded.main-color a.gplus,
ul.social-icons.squared.main-color a.dribbble,
ul.social-icons.circle.main-color a.dribbble,
ul.social-icons.rounded.main-color a.dribbble,
ul.social-icons.squared.main-color a.linkedin,
ul.social-icons.circle.main-color a.linkedin,
ul.social-icons.rounded.main-color a.linkedin {
  background-color:#e04343;
  border-color:#cd3e22;
}

ul.social-icons.squared.main-color a.rss i:before,
ul.social-icons.circle.main-color a.rss i:before,
ul.social-icons.rounded.main-color a.rss i:before,
ul.social-icons.squared.main-color a.facebook i:before,
ul.social-icons.circle.main-color a.facebook i:before,
ul.social-icons.rounded.main-color a.facebook i:before,
ul.social-icons.squared.main-color a.twitter i:before,
ul.social-icons.circle.main-color a.twitter i:before,
ul.social-icons.rounded.main-color a.twitter i:before,
ul.social-icons.squared.main-color a.gplus i:before,
ul.social-icons.circle.main-color a.gplus i:before,
ul.social-icons.rounded.main-color a.gplus i:before,
ul.social-icons.squared.main-color a.dribbble i:before,
ul.social-icons.circle.main-color a.dribbble i:before,
ul.social-icons.rounded.main-color a.dribbble i:before,
ul.social-icons.squared.main-color a.linkedin i:before,
ul.social-icons.circle.main-color a.linkedin i:before,
ul.social-icons.rounded.main-color a.linkedin i:before {
  color:#fff;
}

ul.social-icons.squared.main-color a.rss:hover,
ul.social-icons.circle.main-color a.rss:hover,
ul.social-icons.rounded.main-color a.rss:hover,
ul.social-icons.squared.main-color a.facebook:hover,
ul.social-icons.circle.main-color a.facebook:hover,
ul.social-icons.rounded.main-color a.facebook:hover,
ul.social-icons.squared.main-color a.twitter:hover,
ul.social-icons.circle.main-color a.twitter:hover,
ul.social-icons.rounded.main-color a.twitter:hover,
ul.social-icons.squared.main-color a.gplus:hover,
ul.social-icons.circle.main-color a.gplus:hover,
ul.social-icons.rounded.main-color a.gplus:hover,
ul.social-icons.squared.main-color a.dribbble:hover,
ul.social-icons.circle.main-color a.dribbble:hover,
ul.social-icons.rounded.main-color a.dribbble:hover,
ul.social-icons.squared.main-color a.linkedin:hover,
ul.social-icons.circle.main-color a.linkedin:hover,
ul.social-icons.rounded.main-color a.linkedin:hover {
  background-color:#e36f58;
  border-color:#e05c42;
}

ul.social-icons.squared.dark-main-color a.rss,
ul.social-icons.circle.dark-main-color a.rss,
ul.social-icons.rounded.dark-main-color a.rss,
ul.social-icons.squared.dark-main-color a.facebook,
ul.social-icons.circle.dark-main-color a.facebook,
ul.social-icons.rounded.dark-main-color a.facebook,
ul.social-icons.squared.dark-main-color a.twitter,
ul.social-icons.circle.dark-main-color a.twitter,
ul.social-icons.rounded.dark-main-color a.twitter,
ul.social-icons.squared.dark-main-color a.gplus,
ul.social-icons.circle.dark-main-color a.gplus,
ul.social-icons.rounded.dark-main-color a.gplus,
ul.social-icons.squared.dark-main-color a.dribbble,
ul.social-icons.circle.dark-main-color a.dribbble,
ul.social-icons.rounded.dark-main-color a.dribbble,
ul.social-icons.squared.dark-main-color a.linkedin,
ul.social-icons.circle.dark-main-color a.linkedin,
ul.social-icons.rounded.dark-main-color a.linkedin {
  background-color:#c14127;
  border-color:#ac3a23;
}

ul.social-icons.squared.dark-main-color a.rss i:before,
ul.social-icons.circle.dark-main-color a.rss i:before,
ul.social-icons.rounded.dark-main-color a.rss i:before,
ul.social-icons.squared.dark-main-color a.facebook i:before,
ul.social-icons.circle.dark-main-color a.facebook i:before,
ul.social-icons.rounded.dark-main-color a.facebook i:before,
ul.social-icons.squared.dark-main-color a.twitter i:before,
ul.social-icons.circle.dark-main-color a.twitter i:before,
ul.social-icons.rounded.dark-main-color a.twitter i:before,
ul.social-icons.squared.dark-main-color a.gplus i:before,
ul.social-icons.circle.dark-main-color a.gplus i:before,
ul.social-icons.rounded.dark-main-color a.gplus i:before,
ul.social-icons.squared.dark-main-color a.dribbble i:before,
ul.social-icons.circle.dark-main-color a.dribbble i:before,
ul.social-icons.rounded.dark-main-color a.dribbble i:before,
ul.social-icons.squared.dark-main-color a.linkedin i:before,
ul.social-icons.circle.dark-main-color a.linkedin i:before,
ul.social-icons.rounded.dark-main-color a.linkedin i:before {
  color:#fff;
}

ul.social-icons.squared.dark-main-color a.rss:hover,
ul.social-icons.circle.dark-main-color a.rss:hover,
ul.social-icons.rounded.dark-main-color a.rss:hover,
ul.social-icons.squared.dark-main-color a.facebook:hover,
ul.social-icons.circle.dark-main-color a.facebook:hover,
ul.social-icons.rounded.dark-main-color a.facebook:hover,
ul.social-icons.squared.dark-main-color a.twitter:hover,
ul.social-icons.circle.dark-main-color a.twitter:hover,
ul.social-icons.rounded.dark-main-color a.twitter:hover,
ul.social-icons.squared.dark-main-color a.gplus:hover,
ul.social-icons.circle.dark-main-color a.gplus:hover,
ul.social-icons.rounded.dark-main-color a.gplus:hover,
ul.social-icons.squared.dark-main-color a.dribbble:hover,
ul.social-icons.circle.dark-main-color a.dribbble:hover,
ul.social-icons.rounded.dark-main-color a.dribbble:hover,
ul.social-icons.squared.dark-main-color a.linkedin:hover,
ul.social-icons.circle.dark-main-color a.linkedin:hover,
ul.social-icons.rounded.dark-main-color a.linkedin:hover {
  background-color:#d95c42;
  border-color:#d5492d;
}

ul.social-icons.squared.light-main-color a.rss,
ul.social-icons.circle.light-main-color a.rss,
ul.social-icons.rounded.light-main-color a.rss,
ul.social-icons.squared.light-main-color a.facebook,
ul.social-icons.circle.light-main-color a.facebook,
ul.social-icons.rounded.light-main-color a.facebook,
ul.social-icons.squared.light-main-color a.twitter,
ul.social-icons.circle.light-main-color a.twitter,
ul.social-icons.rounded.light-main-color a.twitter,
ul.social-icons.squared.light-main-color a.gplus,
ul.social-icons.circle.light-main-color a.gplus,
ul.social-icons.rounded.light-main-color a.gplus,
ul.social-icons.squared.light-main-color a.dribbble,
ul.social-icons.circle.light-main-color a.dribbble,
ul.social-icons.rounded.light-main-color a.dribbble,
ul.social-icons.squared.light-main-color a.linkedin,
ul.social-icons.circle.light-main-color a.linkedin,
ul.social-icons.rounded.light-main-color a.linkedin {
  background-color:#ce6359;
  border-color:#c85045;
}

ul.social-icons.squared.light-main-color a.rss i:before,
ul.social-icons.circle.light-main-color a.rss i:before,
ul.social-icons.rounded.light-main-color a.rss i:before,
ul.social-icons.squared.light-main-color a.facebook i:before,
ul.social-icons.circle.light-main-color a.facebook i:before,
ul.social-icons.rounded.light-main-color a.facebook i:before,
ul.social-icons.squared.light-main-color a.twitter i:before,
ul.social-icons.circle.light-main-color a.twitter i:before,
ul.social-icons.rounded.light-main-color a.twitter i:before,
ul.social-icons.squared.light-main-color a.gplus i:before,
ul.social-icons.circle.light-main-color a.gplus i:before,
ul.social-icons.rounded.light-main-color a.gplus i:before,
ul.social-icons.squared.light-main-color a.dribbble i:before,
ul.social-icons.circle.light-main-color a.dribbble i:before,
ul.social-icons.rounded.light-main-color a.dribbble i:before,
ul.social-icons.squared.light-main-color a.linkedin i:before,
ul.social-icons.circle.light-main-color a.linkedin i:before,
ul.social-icons.rounded.light-main-color a.linkedin i:before {
  color:#fff;
}

ul.social-icons.squared.light-main-color a.rss:hover,
ul.social-icons.circle.light-main-color a.rss:hover,
ul.social-icons.rounded.light-main-color a.rss:hover,
ul.social-icons.squared.light-main-color a.facebook:hover,
ul.social-icons.circle.light-main-color a.facebook:hover,
ul.social-icons.rounded.light-main-color a.facebook:hover,
ul.social-icons.squared.light-main-color a.twitter:hover,
ul.social-icons.circle.light-main-color a.twitter:hover,
ul.social-icons.rounded.light-main-color a.twitter:hover,
ul.social-icons.squared.light-main-color a.gplus:hover,
ul.social-icons.circle.light-main-color a.gplus:hover,
ul.social-icons.rounded.light-main-color a.gplus:hover,
ul.social-icons.squared.light-main-color a.dribbble:hover,
ul.social-icons.circle.light-main-color a.dribbble:hover,
ul.social-icons.rounded.light-main-color a.dribbble:hover,
ul.social-icons.squared.light-main-color a.linkedin:hover,
ul.social-icons.circle.light-main-color a.linkedin:hover,
ul.social-icons.rounded.light-main-color a.linkedin:hover {
  background-color:#da8880;
  border-color:#d4766d;
}

ul.social-icons.squared.dark-color a.rss,
ul.social-icons.circle.dark-color a.rss,
ul.social-icons.rounded.dark-color a.rss,
ul.social-icons.squared.dark-color a.facebook,
ul.social-icons.circle.dark-color a.facebook,
ul.social-icons.rounded.dark-color a.facebook,
ul.social-icons.squared.dark-color a.twitter,
ul.social-icons.circle.dark-color a.twitter,
ul.social-icons.rounded.dark-color a.twitter,
ul.social-icons.squared.dark-color a.gplus,
ul.social-icons.circle.dark-color a.gplus,
ul.social-icons.rounded.dark-color a.gplus,
ul.social-icons.squared.dark-color a.dribbble,
ul.social-icons.circle.dark-color a.dribbble,
ul.social-icons.rounded.dark-color a.dribbble,
ul.social-icons.squared.dark-color a.linkedin,
ul.social-icons.circle.dark-color a.linkedin,
ul.social-icons.rounded.dark-color a.linkedin,
ul.social-icons.squared.dark-color a.instagram,
ul.social-icons.circle.dark-color a.instagram,
ul.social-icons.rounded.dark-color a.instagram {
  background-color:#1b8fcf;
  border-color:#1b8fcf;
}

ul.social-icons.squared.dark-color a.rss i:before,
ul.social-icons.circle.dark-color a.rss i:before,
ul.social-icons.rounded.dark-color a.rss i:before,
ul.social-icons.squared.dark-color a.facebook i:before,
ul.social-icons.circle.dark-color a.facebook i:before,
ul.social-icons.rounded.dark-color a.facebook i:before,
ul.social-icons.squared.dark-color a.twitter i:before,
ul.social-icons.circle.dark-color a.twitter i:before,
ul.social-icons.rounded.dark-color a.twitter i:before,
ul.social-icons.squared.dark-color a.gplus i:before,
ul.social-icons.circle.dark-color a.gplus i:before,
ul.social-icons.rounded.dark-color a.gplus i:before,
ul.social-icons.squared.dark-color a.dribbble i:before,
ul.social-icons.circle.dark-color a.dribbble i:before,
ul.social-icons.rounded.dark-color a.dribbble i:before,
ul.social-icons.squared.dark-color a.linkedin i:before,
ul.social-icons.circle.dark-color a.linkedin i:before,
ul.social-icons.squared.dark-color a.instagram i:before,
ul.social-icons.circle.dark-color a.instagram i:before,
ul.social-icons.rounded.dark-color a.instagram i:before {
  color:#fff;
}
ul.social-icons a.instagram {
  font-size: 16px;
}

ul.social-icons.squared.dark-color a.rss:hover,
ul.social-icons.circle.dark-color a.rss:hover,
ul.social-icons.rounded.dark-color a.rss:hover,
ul.social-icons.squared.dark-color a.facebook:hover,
ul.social-icons.circle.dark-color a.facebook:hover,
ul.social-icons.rounded.dark-color a.facebook:hover,
ul.social-icons.squared.dark-color a.twitter:hover,
ul.social-icons.circle.dark-color a.twitter:hover,
ul.social-icons.rounded.dark-color a.twitter:hover,
ul.social-icons.squared.dark-color a.gplus:hover,
ul.social-icons.circle.dark-color a.gplus:hover,
ul.social-icons.rounded.dark-color a.gplus:hover,
ul.social-icons.squared.dark-color a.dribbble:hover,
ul.social-icons.circle.dark-color a.dribbble:hover,
ul.social-icons.rounded.dark-color a.dribbble:hover,
ul.social-icons.squared.dark-color a.linkedin:hover,
ul.social-icons.circle.dark-color a.linkedin:hover,
ul.social-icons.rounded.dark-color a.linkedin:hover,
ul.social-icons.squared.dark-color a.instagram:hover,
ul.social-icons.circle.dark-color a.instagram:hover,
ul.social-icons.rounded.dark-color a.instagram:hover {
  background-color:#4d4d4d;
  border-color:#404040;
}

ul.social-icons.squared.light-color a.rss,
ul.social-icons.circle.light-color a.rss,
ul.social-icons.rounded.light-color a.rss,
ul.social-icons.squared.light-color a.facebook,
ul.social-icons.circle.light-color a.facebook,
ul.social-icons.rounded.light-color a.facebook,
ul.social-icons.squared.light-color a.twitter,
ul.social-icons.circle.light-color a.twitter,
ul.social-icons.rounded.light-color a.twitter,
ul.social-icons.squared.light-color a.gplus,
ul.social-icons.circle.light-color a.gplus,
ul.social-icons.rounded.light-color a.gplus,
ul.social-icons.squared.light-color a.dribbble,
ul.social-icons.circle.light-color a.dribbble,
ul.social-icons.rounded.light-color a.dribbble,
ul.social-icons.squared.light-color a.linkedin,
ul.social-icons.circle.light-color a.linkedin,
ul.social-icons.rounded.light-color a.linkedin {
  background-color:#fff;
  border-color:#f2f2f2;
}

ul.social-icons.squared.light-color a.rss i:before,
ul.social-icons.circle.light-color a.rss i:before,
ul.social-icons.rounded.light-color a.rss i:before,
ul.social-icons.squared.light-color a.facebook i:before,
ul.social-icons.circle.light-color a.facebook i:before,
ul.social-icons.rounded.light-color a.facebook i:before,
ul.social-icons.squared.light-color a.twitter i:before,
ul.social-icons.circle.light-color a.twitter i:before,
ul.social-icons.rounded.light-color a.twitter i:before,
ul.social-icons.squared.light-color a.gplus i:before,
ul.social-icons.circle.light-color a.gplus i:before,
ul.social-icons.rounded.light-color a.gplus i:before,
ul.social-icons.squared.light-color a.dribbble i:before,
ul.social-icons.circle.light-color a.dribbble i:before,
ul.social-icons.rounded.light-color a.dribbble i:before,
ul.social-icons.squared.light-color a.linkedin i:before,
ul.social-icons.circle.light-color a.linkedin i:before,
ul.social-icons.rounded.light-color a.linkedin i:before {
  color:#222;
}

ul.social-icons.squared.light-color a.rss:hover,
ul.social-icons.circle.light-color a.rss:hover,
ul.social-icons.rounded.light-color a.rss:hover,
ul.social-icons.squared.light-color a.facebook:hover,
ul.social-icons.circle.light-color a.facebook:hover,
ul.social-icons.rounded.light-color a.facebook:hover,
ul.social-icons.squared.light-color a.twitter:hover,
ul.social-icons.circle.light-color a.twitter:hover,
ul.social-icons.rounded.light-color a.twitter:hover,
ul.social-icons.squared.light-color a.gplus:hover,
ul.social-icons.circle.light-color a.gplus:hover,
ul.social-icons.rounded.light-color a.gplus:hover,
ul.social-icons.squared.light-color a.dribbble:hover,
ul.social-icons.circle.light-color a.dribbble:hover,
ul.social-icons.rounded.light-color a.dribbble:hover,
ul.social-icons.squared.light-color a.linkedin:hover,
ul.social-icons.circle.light-color a.linkedin:hover,
ul.social-icons.rounded.light-color a.linkedin:hover {
  background-color:#fff;
  border-color:#fff;
}

ul.social-icons.squared a.rss,
ul.social-icons.circle a.rss,
ul.social-icons.rounded a.rss,
ul.social-icons.squared.social-hover a:hover.rss,
ul.social-icons.circle.social-hover a:hover.rss,
ul.social-icons.rounded.social-hover a:hover.rss {
  background-color:#f56505;
  border-color:#dc5b04;
}

ul.social-icons.squared a.rss i:before,
ul.social-icons.circle a.rss i:before,
ul.social-icons.rounded a.rss i:before,
ul.social-icons.squared.social-hover a:hover.rss i:before,
ul.social-icons.circle.social-hover a:hover.rss i:before,
ul.social-icons.rounded.social-hover a:hover.rss i:before {
  color:#fff;
}

ul.social-icons.squared a.rss:hover,
ul.social-icons.circle a.rss:hover,
ul.social-icons.rounded a.rss:hover,
ul.social-icons.squared.social-hover a:hover.rss:hover,
ul.social-icons.circle.social-hover a:hover.rss:hover,
ul.social-icons.rounded.social-hover a:hover.rss:hover {
  background-color:#fb8232;
  border-color:#fa7319;
}

ul.social-icons.squared a.facebook,
ul.social-icons.circle a.facebook,
ul.social-icons.rounded a.facebook,
ul.social-icons.squared.social-hover a:hover.facebook,
ul.social-icons.circle.social-hover a:hover.facebook,
ul.social-icons.rounded.social-hover a:hover.facebook {
  background-color:#3b5998;
  border-color:#344e86;
}

ul.social-icons.squared a.facebook i:before,
ul.social-icons.circle a.facebook i:before,
ul.social-icons.rounded a.facebook i:before,
ul.social-icons.squared.social-hover a:hover.facebook i:before,
ul.social-icons.circle.social-hover a:hover.facebook i:before,
ul.social-icons.rounded.social-hover a:hover.facebook i:before {
  color:#fff;
}

ul.social-icons.squared a.facebook:hover,
ul.social-icons.circle a.facebook:hover,
ul.social-icons.rounded a.facebook:hover,
ul.social-icons.squared.social-hover a:hover.facebook:hover,
ul.social-icons.circle.social-hover a:hover.facebook:hover,
ul.social-icons.rounded.social-hover a:hover.facebook:hover {
  background-color:#4c70ba;
  border-color:#4264aa;
}

ul.social-icons.squared a.twitter,
ul.social-icons.circle a.twitter,
ul.social-icons.rounded a.twitter,
ul.social-icons.squared.social-hover a:hover.twitter,
ul.social-icons.circle.social-hover a:hover.twitter,
ul.social-icons.rounded.social-hover a:hover.twitter {
  background-color:#3cf;
  border-color:#19c6ff;
}

ul.social-icons.squared a.twitter i:before,
ul.social-icons.circle a.twitter i:before,
ul.social-icons.rounded a.twitter i:before,
ul.social-icons.squared.social-hover a:hover.twitter i:before,
ul.social-icons.circle.social-hover a:hover.twitter i:before,
ul.social-icons.rounded.social-hover a:hover.twitter i:before {
  color:#fff;
}

ul.social-icons.squared a.twitter:hover,
ul.social-icons.circle a.twitter:hover,
ul.social-icons.rounded a.twitter:hover,
ul.social-icons.squared.social-hover a:hover.twitter:hover,
ul.social-icons.circle.social-hover a:hover.twitter:hover,
ul.social-icons.rounded.social-hover a:hover.twitter:hover {
  background-color:#66d9ff;
  border-color:#4dd2ff;
}

ul.social-icons.squared a.gplus,
ul.social-icons.circle a.gplus,
ul.social-icons.rounded a.gplus,
ul.social-icons.squared.social-hover a:hover.gplus,
ul.social-icons.circle.social-hover a:hover.gplus,
ul.social-icons.rounded.social-hover a:hover.gplus {
  background-color:#bd3518;
  border-color:#a62f15;
}

ul.social-icons.squared a.gplus i:before,
ul.social-icons.circle a.gplus i:before,
ul.social-icons.rounded a.gplus i:before,
ul.social-icons.squared.social-hover a:hover.gplus i:before,
ul.social-icons.circle.social-hover a:hover.gplus i:before,
ul.social-icons.rounded.social-hover a:hover.gplus i:before {
  color:#fff;
}

ul.social-icons.squared a.gplus:hover,
ul.social-icons.circle a.gplus:hover,
ul.social-icons.rounded a.gplus:hover,
ul.social-icons.squared.social-hover a:hover.gplus:hover,
ul.social-icons.circle.social-hover a:hover.gplus:hover,
ul.social-icons.rounded.social-hover a:hover.gplus:hover {
  background-color:#e34625;
  border-color:#d43b1b;
}

ul.social-icons.squared a.dribbble,
ul.social-icons.circle a.dribbble,
ul.social-icons.rounded a.dribbble,
ul.social-icons.squared.social-hover a:hover.dribbble,
ul.social-icons.circle.social-hover a:hover.dribbble,
ul.social-icons.rounded.social-hover a:hover.dribbble {
  background-color:#e04b85;
  border-color:#dc3576;
}

ul.social-icons.squared a.dribbble i:before,
ul.social-icons.circle a.dribbble i:before,
ul.social-icons.rounded a.dribbble i:before,
ul.social-icons.squared.social-hover a:hover.dribbble i:before,
ul.social-icons.circle.social-hover a:hover.dribbble i:before,
ul.social-icons.rounded.social-hover a:hover.dribbble i:before {
  color:#fff;
}

ul.social-icons.squared a.dribbble:hover,
ul.social-icons.circle a.dribbble:hover,
ul.social-icons.rounded a.dribbble:hover,
ul.social-icons.squared.social-hover a:hover.dribbble:hover,
ul.social-icons.circle.social-hover a:hover.dribbble:hover,
ul.social-icons.rounded.social-hover a:hover.dribbble:hover {
  background-color:#e777a2;
  border-color:#e46194;
}

ul.social-icons.squared a.linkedin,
ul.social-icons.circle a.linkedin,
ul.social-icons.rounded a.linkedin,
ul.social-icons.squared.social-hover a:hover.linkedin,
ul.social-icons.circle.social-hover a:hover.linkedin,
ul.social-icons.rounded.social-hover a:hover.linkedin {
  background-color:#007bb7;
  border-color:#006a9e;
}

ul.social-icons.squared a.linkedin i:before,
ul.social-icons.circle a.linkedin i:before,
ul.social-icons.rounded a.linkedin i:before,
ul.social-icons.squared.social-hover a:hover.linkedin i:before,
ul.social-icons.circle.social-hover a:hover.linkedin i:before,
ul.social-icons.rounded.social-hover a:hover.linkedin i:before {
  color:#fff;
}

ul.social-icons.squared a.linkedin:hover,
ul.social-icons.circle a.linkedin:hover,
ul.social-icons.rounded a.linkedin:hover,
ul.social-icons.squared.social-hover a:hover.linkedin:hover,
ul.social-icons.circle.social-hover a:hover.linkedin:hover,
ul.social-icons.rounded.social-hover a:hover.linkedin:hover {
  background-color:#009dea;
  border-color:#008cd1;
}

ul.social-icons a.facebook.rounded > i:before,
ul.social-icons-2 a.facebook.rounded > i:before,
ul.social-icons a.facebook.squared > i:before,
ul.social-icons-2 a.facebook.squared > i:before,
ul.social-icons a.facebook.circle > i:before,
ul.social-icons-2 a.facebook.circle > i:before {
  width:6px;
}

a.link-icon {
  background:#e04343;
}

a.link-icon.squared > i:before,
a.link-icon.circle > i:before,
a.link-icon.rounded > i:before {
  color:white;
}

.btn i:before {
  color:#fff !important;
}

.btn-icon i:before {
  color:white;
}

.btn-icon i,
.btn-icon span {
  border-color:#b7371e;
  color:#fff;
}

.btn-icon i,
.btn-icon.large i,
.btn-icon.medium i,
.btn-icon.small i {
  background-color:#cd3e22;
}

.btn-icon span,
.btn-icon.large span,
.btn-icon.medium span,
.btn-icon.small span {
  background-color:#e04343;
}

.btn-icon:hover i,
.btn-icon:hover span {
  background-color:#b7371e;
  border-color:#b7371e;
}

.btn-icon:hover span {
  border-left-color:#cd3e22;
}

.btn-icon.default {
  background-color:transparent;
  border:none;
}

.btn-icon.default span,
.btn-icon.default i {
  border-color:#b7371e;
}

.btn-icon.default span {
  background:#e04343;
}

.btn-icon.default i {
  background:#cd3e22;
}

.btn-icon.default:hover span,
.btn-icon.default:hover i {
  background:#b7371e;
  border-color:#b7371e;
}

.btn-icon.default:hover span {
  border-left-color:#cd3e22;
}

.btn-icon.primary {
  background-color:transparent;
  border:none;
}

.btn-icon.primary span,
.btn-icon.primary i {
  border-color:#1a1a1a;
}

.btn-icon.primary span {
  background:#333;
}

.btn-icon.primary i {
  background:#262626;
}

.btn-icon.primary:hover span,
.btn-icon.primary:hover i {
  background:#1a1a1a;
  border-color:#1a1a1a;
}

.btn-icon.primary:hover span {
  border-left-color:#262626;
}

.btn-icon.success {
  background-color:transparent;
  border:none;
}

.btn-icon.success span,
.btn-icon.success i {
  border-color:#449d44;
}

.btn-icon.success span {
  background:#5cb85c;
}

.btn-icon.success i {
  background:#4cae4c;
}

.btn-icon.success:hover span,
.btn-icon.success:hover i {
  background:#449d44;
  border-color:#449d44;
}

.btn-icon.success:hover span {
  border-left-color:#4cae4c;
}

.btn-icon.info {
  background-color:transparent;
  border:none;
}

.btn-icon.info span,
.btn-icon.info i {
  border-color:#31b0d5;
}

.btn-icon.info span {
  background:#5bc0de;
}

.btn-icon.info i {
  background:#46b8da;
}

.btn-icon.info:hover span,
.btn-icon.info:hover i {
  background:#31b0d5;
  border-color:#31b0d5;
}

.btn-icon.info:hover span {
  border-left-color:#46b8da;
}

.btn-icon.warning {
  background-color:transparent;
  border:none;
}

.btn-icon.warning span,
.btn-icon.warning i {
  border-color:#ec971f;
}

.btn-icon.warning span {
  background:#f0ad4e;
}

.btn-icon.warning i {
  background:#eea236;
}

.btn-icon.warning:hover span,
.btn-icon.warning:hover i {
  background:#ec971f;
  border-color:#ec971f;
}

.btn-icon.warning:hover span {
  border-left-color:#eea236;
}

.btn-icon.danger {
  background-color:transparent;
  border:none;
}

.btn-icon.danger span,
.btn-icon.danger i {
  border-color:#c9302c;
}

.btn-icon.danger span {
  background:#d9534f;
}

.btn-icon.danger i {
  background:#d43f3a;
}

.btn-icon.danger:hover span,
.btn-icon.danger:hover i {
  background:#c9302c;
  border-color:#c9302c;
}

.btn-icon.danger:hover span {
  border-left-color:#d43f3a;
}

.tab-content {
  border-color:#ddd;
}

.nav.nav-tabs > li > a {
  color:#222;
}

.nav.nav-tabs > li > a i[class^="icon-"]:before,
.nav.nav-tabs > li > a i[class*=" icon-"]:before {
  color:#222;
}

.nav.nav-tabs > li > a:hover {
  background-color:#e04343;
  color:#fff;
  border-color:#fff;
}

.nav.nav-tabs > li > a:hover i[class^="icon-"]:before,
.nav.nav-tabs > li > a:hover i[class*=" icon-"]:before {
  color:#fff;
}

.nav-tabs > li.active > a i[class^="icon-"]:before,
.nav-tabs > li.active > a i[class*=" icon-"]:before {
  color:#222;
}

@media (max-width:768px) {
  div:not(.tabs-minimal) > .nav.nav-tabs > li {
    border-color:#ddd;
  }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:focus {
    color:#e04343;
  }
  .nav-tabs > li.active > a:hover {
    color:white;
  }
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color:#fff;
}

.tabs-left .tab-content,
.tabs-right .tab-content {
  border-top-color:#ddd;
}

.tabs-left .nav.nav-tabs > li,
.tabs-right .nav.nav-tabs > li {
  border-color:#ddd;
}

.tabs-left .nav.nav-tabs > li.active > a,
.tabs-right .nav.nav-tabs > li.active > a {
  color:#e04343;
}

.tabs-left .nav.nav-tabs > li.active > a:hover,
.tabs-right .nav.nav-tabs > li.active > a:hover {
  color:white;
}

.tabs-minimal .nav.nav-tabs {
  border-color:#ddd;
}

.tabs-minimal .nav.nav-tabs > li {
  border-color:#ddd;
}

.tabs-minimal .nav.nav-tabs > li > a:after {
  background-color:#e04343;
}

.tabs-minimal .nav.nav-tabs > li > a:hover {
  background-color:transparent;
  color:#222;
}

.tabs-minimal .nav.nav-tabs > li > a:hover:after {
  background-color:#222;
}

.tabs-minimal .nav.nav-tabs > li.active > a {
  background-color:transparent;
  color:#e04343;
}

.tabs-minimal .nav.nav-tabs > li.active > a:focus {
  background-color:transparent;
}

.tabs-minimal .nav.nav-tabs > li.active > a:hover {
  color:#e04343;
}

.tabs-minimal .nav.nav-tabs > li.active > a:hover:after {
  background-color:#e04343;
}

.dark-main-color .tabs-minimal .nav.nav-tabs {
  border-color:#ce6359;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li {
  border-color:#ce6359;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li > a:after {
  background-color:#fff;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li > a:hover {
  background-color:transparent;
  color:#fff;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li > a:hover:after {
  background-color:#fff;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li.active > a {
  background-color:transparent;
  color:#fff;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li.active > a:focus {
  background-color:transparent;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li.active > a:hover {
  color:#fff;
}

.dark-main-color .tabs-minimal .nav.nav-tabs > li.active > a:hover:after {
  background-color:#fff;
}

.breadcrumb {
  background:none;
}

.dark-color .breadcrumb > li + li:before {
  color:#595959;
}

.dark-color .breadcrumb > li > a {
  color:#595959;
}

.dark-color .breadcrumb > li > a:hover {
  color:#999;
  text-decoration:none;
}

.dark-color .breadcrumb > .active {
  color:#999;
}

.light-color .breadcrumb > li + li:before {
  color:#d9d9d9;
}

.light-color .breadcrumb > li > a {
  color:#d9d9d9;
}

.light-color .breadcrumb > li > a:hover {
  color:#222;
  text-decoration:none;
}

.light-color .breadcrumb > .active {
  color:#222;
}

.main-color .breadcrumb > li + li:before {
  color:#e7826e;
}

.main-color .breadcrumb > li > a {
  color:#e7826e;
}

.main-color .breadcrumb > li > a:hover {
  color:#fff;
  text-decoration:none;
}

.main-color .breadcrumb > .active {
  color:#fff;
}

.dark-main-color .breadcrumb > li + li:before {
  color:#dd6e57;
}

.dark-main-color .breadcrumb > li > a {
  color:#dd6e57;
}

.dark-main-color .breadcrumb > li > a:hover {
  color:#fff;
  text-decoration:none;
}

.dark-main-color .breadcrumb > .active {
  color:#fff;
}

.light-main-color .breadcrumb > li + li:before {
  color:#a93c32;
}

.light-main-color .breadcrumb > li > a {
  color:#a93c32;
}

.light-main-color .breadcrumb > li > a:hover {
  color:#fff;
  text-decoration:none;
}

.light-main-color .breadcrumb > .active {
  color:#fff;
}

/* i:before {color:#e04343;} */

.main-color i:before {
  color:#fff;
}

.dark-main-color i:before {
  color:#fff;
}

.light-main-color i:before {
  color:#fff;
}

.dark-color i:before {
  color:#999;
}

/*.light-color i:before {
  color:#222;
}*/

i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before {
  background-color:#e04343;
  color:#fff;
  border-color:#b7371e;
}

.main-color i[class^="icon-"].rounded:before,
.main-color i[class*=" icon-"].rounded:before,
.main-color i[class^="icon-"].squared:before,
.main-color i[class*=" icon-"].squared:before,
.main-color i[class^="icon-"].circle:before,
.main-color i[class*=" icon-"].circle:before {
  background-color:#c14127;
  border-color:#97331e;
}

i[class^="icon-"].rounded.main-color,
.main-color i[class*=" icon-"].rounded.main-color,
i[class^="icon-"].squared.main-color,
.main-color i[class*=" icon-"].squared.main-color,
i[class^="icon-"].circle.main-color,
.main-color i[class*=" icon-"].circle.main-color,
i[class^="icon-"].rounded.dark-main-color,
.main-color i[class*=" icon-"].rounded.dark-main-color,
i[class^="icon-"].squared.dark-main-color,
.main-color i[class*=" icon-"].squared.dark-main-color,
i[class^="icon-"].circle.dark-main-color,
.main-color i[class*=" icon-"].circle.dark-main-color,
i[class^="icon-"].rounded.light-main-color,
.main-color i[class*=" icon-"].rounded.light-main-color,
i[class^="icon-"].squared.light-main-color,
.main-color i[class*=" icon-"].squared.light-main-color,
i[class^="icon-"].circle.light-main-color,
.main-color i[class*=" icon-"].circle.light-main-color,
i[class^="icon-"].rounded.light-color,
.main-color i[class*=" icon-"].rounded.light-color,
i[class^="icon-"].squared.light-color,
.main-color i[class*=" icon-"].squared.light-color,
i[class^="icon-"].circle.light-color,
.main-color i[class*=" icon-"].circle.light-color,
i[class^="icon-"].rounded.dark-color,
.main-color i[class*=" icon-"].rounded.dark-color,
i[class^="icon-"].squared.dark-color,
.main-color i[class*=" icon-"].squared.dark-color,
i[class^="icon-"].circle.dark-color,
.main-color i[class*=" icon-"].circle.dark-color {
  background:none;
  color:white;
}

i[class^="icon-"].white:before,
.main-color i[class*=" icon-"].white:before {
  color:white;
}

i[class^="icon-"].main-color.rounded:before,
.main-color i[class*=" icon-"].main-color.rounded:before,
i[class^="icon-"].main-color.squared:before,
.main-color i[class*=" icon-"].main-color.squared:before,
i[class^="icon-"].main-color.circle:before,
.main-color i[class*=" icon-"].main-color.circle:before {
  background-color:#e04343;
  color:#fff;
  border-color:#b7371e;
}

i[class^="icon-"].dark-main-color.rounded:before,
.main-color i[class*=" icon-"].dark-main-color.rounded:before,
i[class^="icon-"].dark-main-color.squared:before,
.main-color i[class*=" icon-"].dark-main-color.squared:before,
i[class^="icon-"].dark-main-color.circle:before,
.main-color i[class*=" icon-"].dark-main-color.circle:before {
  background-color:#c14127;
  color:#fff;
  border-color:#97331e;
}

i[class^="icon-"].light-main-color.rounded:before,
.main-color i[class*=" icon-"].light-main-color.rounded:before,
i[class^="icon-"].light-main-color.squared:before,
.main-color i[class*=" icon-"].light-main-color.squared:before,
i[class^="icon-"].light-main-color.circle:before,
.main-color i[class*=" icon-"].light-main-color.circle:before {
  background-color:#ce6359;
  color:#fff;
  border-color:#bc4338;
}

i[class^="icon-"].light-color.rounded:before,
.main-color i[class*=" icon-"].light-color.rounded:before,
i[class^="icon-"].light-color.squared:before,
.main-color i[class*=" icon-"].light-color.squared:before,
i[class^="icon-"].light-color.circle:before,
.main-color i[class*=" icon-"].light-color.circle:before {
  background-color:#fff;
  color:#e04343;
  border-color:#e6e6e6;
}

i[class^="icon-"].dark-color.rounded:before,
.main-color i[class*=" icon-"].dark-color.rounded:before,
i[class^="icon-"].dark-color.squared:before,
.main-color i[class*=" icon-"].dark-color.squared:before,
i[class^="icon-"].dark-color.circle:before,
.main-color i[class*=" icon-"].dark-color.circle:before {
  background-color:#333;
  color:#999;
  border-color:#1a1a1a;
}

.main-color i[class*=" icon-"].main-color.rounded:before,
.main-color i[class*=" icon-"].main-color.squared:before,
.main-color i[class*=" icon-"].main-color.circle:before {
  background-color:#ce6359;
}

.dark-main-color i[class*=" icon-"].dark-main-color.rounded:before,
.dark-main-color i[class*=" icon-"].dark-main-color.squared:before,
.dark-main-color i[class*=" icon-"].dark-main-color.circle:before {
  background-color:#d5492d;
}

.light-main-color i[class*=" icon-"].light-main-color.rounded:before,
.light-main-color i[class*=" icon-"].light-main-color.squared:before,
.light-main-color i[class*=" icon-"].light-main-color.circle:before {
  background-color:#c85045;
}

.dark-color i[class*=" icon-"].dark-color.rounded:before,
.dark-color i[class*=" icon-"].dark-color.squared:before,
.dark-color i[class*=" icon-"].dark-color.circle:before {
  background-color:#404040;
}

.light-color i[class*=" icon-"].light-color.rounded:before,
.light-color i[class*=" icon-"].light-color.squared:before,
.light-color i[class*=" icon-"].light-color.circle:before {
  background-color:#f2f2f2;
}

.main-color i.inverted.circle:before,
.dark-main-color i.inverted.circle:before,
.light-main-color i.inverted.circle:before,
.light-color i.inverted.circle:before,
.dark-color i.inverted.circle:before,
.main-color i.inverted.squared:before,
.dark-main-color i.inverted.squared:before,
.light-main-color i.inverted.squared:before,
.light-color i.inverted.squared:before,
.dark-color i.inverted.squared:before,
.main-color i.inverted.rounded:before,
.dark-main-color i.inverted.rounded:before,
.light-main-color i.inverted.rounded:before,
.light-color i.inverted.rounded:before,
.dark-color i.inverted.rounded:before {
  background-color:#fff;
  color:#e04343;
}

.box {
  border-color:#e6e6e6;
}

.box.main-color {
  border-color:#b7371e;
}

.box.dark-main-color {
  border-color:#97331e;
}

.box.light-main-color {
  border-color:#bc4338;
}

.box.dark-color {
  border-color:#1a1a1a;
}

.box.light-color {
  border-color:#e6e6e6;
}

.box.white {
  border-color:#e6e6e6;
  background-color:#fff;
  color:#222;
}

.box.white-border {
  border-color:#fff;
}

.main-color .box {
  border-color:#e7826e;
}

.light-main-color .box {
  border-color:#a93c32;
}

.dark-main-color .box {
  border-color:#dd6e57;
}

.dark-color .box {
  border-color:#595959;
}

.light-color .box {
  border-color:#d9d9d9;
}

.main-color > .cta-box-btn a:not(.primary):not(.danger):not(.info):not(.warning):not(.success) {
  background-color:#e36f58;
}

.main-color > .cta-box-btn a:not(.primary):not(.danger):not(.info):not(.warning):not(.success):hover {
  background-color:#b7371e;
}

.box-icon a h1,
.box-icon a h2,
.box-icon a h3,
.box-icon a h4,
.box-icon a h5,
.box-icon a h6,
.box-icon a p {
  color:#222;
}

.box-icon a:hover h1,
.box-icon a:hover h2,
.box-icon a:hover h3,
.box-icon a:hover h4,
.box-icon a:hover h5,
.box-icon a:hover p {
  color:#e04343;
}

.box-icon a:hover i.rounded:before,
.box-icon a:hover i.squared:before,
.box-icon a:hover i.circle:before {
  background-color:#e36f58;
  border-color:#e04343;
}

.icon.circle {
  background-color:#e04343;
  border-color:#b7371e;
}

.icon.circle.main-color {
  background-color:#e04343;
  border-color:#b7371e;
}

.icon.circle.dark-main-color {
  background-color:#c14127;
  border-color:#97331e;
}

.icon.circle.light-main-color {
  background-color:#ce6359;
  border-color:#bc4338;
}

.icon.circle.dark-color {
  background-color:#333;
  border-color:#1a1a1a;
}

.icon.circle.light-color {
  background-color:#fff;
  border-color:#e6e6e6;
}

a:hover .icon.circle {
  background-color:#e05c42;
  border-color:#cd3e22;
}

a:hover .icon.circle.main-color {
  background-color:#e05c42;
  border-color:#cd3e22;
}

a:hover .icon.circle.dark-main-color {
  background-color:#d5492d;
  border-color:#ac3a23;
}

a:hover .icon.circle.light-main-color {
  background-color:#d4766d;
  border-color:#c85045;
}

a:hover .icon.circle.dark-color {
  background-color:#404040;
  border-color:#262626;
}

a:hover .icon.circle.light-color {
  background-color:#f7f7f7;
  border-color:#dedede;
}

.box-icon.main-color a h1,
.box-icon.main-color a h2,
.box-icon.main-color a h3,
.box-icon.main-color a h4,
.box-icon.main-color a h5,
.box-icon.main-color a p {
  color:#752413;
}

.box-icon.main-color a:hover h1,
.box-icon.main-color a:hover h2,
.box-icon.main-color a:hover h3,
.box-icon.main-color a:hover h4,
.box-icon.main-color a:hover h5,
.box-icon.main-color a:hover p {
  color:#fff;
}

.box-icon.dark-main-color a h1,
.box-icon.dark-main-color a h2,
.box-icon.dark-main-color a h3,
.box-icon.dark-main-color a h4,
.box-icon.dark-main-color a h5,
.box-icon.dark-main-color a p {
  color:#e69382;
}

.box-icon.dark-main-color a:hover h1,
.box-icon.dark-main-color a:hover h2,
.box-icon.dark-main-color a:hover h3,
.box-icon.dark-main-color a:hover h4,
.box-icon.dark-main-color a:hover h5,
.box-icon.dark-main-color a:hover p {
  color:#fff;
}

.box-icon.light-main-color a h1,
.box-icon.light-main-color a h2,
.box-icon.light-main-color a h3,
.box-icon.light-main-color a h4,
.box-icon.light-main-color a h5,
.box-icon.light-main-color a p {
  color:#812e26;
}

.box-icon.light-main-color a:hover h1,
.box-icon.light-main-color a:hover h2,
.box-icon.light-main-color a:hover h3,
.box-icon.light-main-color a:hover h4,
.box-icon.light-main-color a:hover h5,
.box-icon.light-main-color a:hover p {
  color:#fff;
}

.box-icon.light-color a h1,
.box-icon.light-color a h2,
.box-icon.light-color a h3,
.box-icon.light-color a h4,
.box-icon.light-color a h5,
.box-icon.light-color a p {
  color:#808080;
}

.box-icon.light-color a:hover h1,
.box-icon.light-color a:hover h2,
.box-icon.light-color a:hover h3,
.box-icon.light-color a:hover h4,
.box-icon.light-color a:hover h5,
.box-icon.light-color a:hover p {
  color:#222;
}

.box-icon.dark-color a h1,
.box-icon.dark-color a h2,
.box-icon.dark-color a h3,
.box-icon.dark-color a h4,
.box-icon.dark-color a h5,
.box-icon.dark-color a p {
  color:#8c8c8c;
}

.box-icon.dark-color a:hover h1,
.box-icon.dark-color a:hover h2,
.box-icon.dark-color a:hover h3,
.box-icon.dark-color a:hover h4,
.box-icon.dark-color a:hover h5,
.box-icon.dark-color a:hover p {
  color:#999;
}

.main-color .box-icon a h1,
.main-color .box-icon a h2,
.main-color .box-icon a h3,
.main-color .box-icon a h4,
.main-color .box-icon a h5,
.main-color .box-icon a p {
  color:#fff;
}

.main-color .box-icon a:hover h1,
.main-color .box-icon a:hover h2,
.main-color .box-icon a:hover h3,
.main-color .box-icon a:hover h4,
.main-color .box-icon a:hover h5,
.main-color .box-icon a:hover p {
  color:#eea799;
}

.dark-main-color .box-icon a h1,
.dark-main-color .box-icon a h2,
.dark-main-color .box-icon a h3,
.dark-main-color .box-icon a h4,
.dark-main-color .box-icon a h5,
.dark-main-color .box-icon a p {
  color:#fff;
}

.dark-main-color .box-icon a:hover h1,
.dark-main-color .box-icon a:hover h2,
.dark-main-color .box-icon a:hover h3,
.dark-main-color .box-icon a:hover h4,
.dark-main-color .box-icon a:hover h5,
.dark-main-color .box-icon a:hover p {
  color:#e69382;
}

.light-main-color .box-icon a h1,
.light-main-color .box-icon a h2,
.light-main-color .box-icon a h3,
.light-main-color .box-icon a h4,
.light-main-color .box-icon a h5,
.light-main-color .box-icon a p {
  color:#fff;
}

.light-main-color .box-icon a:hover h1,
.light-main-color .box-icon a:hover h2,
.light-main-color .box-icon a:hover h3,
.light-main-color .box-icon a:hover h4,
.light-main-color .box-icon a:hover h5,
.light-main-color .box-icon a:hover p {
  color:#e04343;
}

.light-color .box-icon a h1,
.light-color .box-icon a h2,
.light-color .box-icon a h3,
.light-color .box-icon a h4,
.light-color .box-icon a h5,
.light-color .box-icon a p {
  color:#222;
}

.light-color .box-icon a:hover h1,
.light-color .box-icon a:hover h2,
.light-color .box-icon a:hover h3,
.light-color .box-icon a:hover h4,
.light-color .box-icon a:hover h5,
.light-color .box-icon a:hover p {
  color:#808080;
}

.dark-color .box-icon a h1,
.dark-color .box-icon a h2,
.dark-color .box-icon a h3,
.dark-color .box-icon a h4,
.dark-color .box-icon a h5,
.dark-color .box-icon a p {
  color:#999;
}

.dark-color .box-icon a:hover h1,
.dark-color .box-icon a:hover h2,
.dark-color .box-icon a:hover h3,
.dark-color .box-icon a:hover h4,
.dark-color .box-icon a:hover h5,
.dark-color .box-icon a:hover p {
  color:#8c8c8c;
}

.mask:before {
  background-color:#000;
  opacity:.5;
  filter:alpha(opacity=50);
}

.mask.opacity-1:before {
  opacity:.1;
  filter:alpha(opacity=10);
}

.mask.opacity-2:before {
  opacity:.2;
  filter:alpha(opacity=20);
}

.mask.opacity-3:before {
  opacity:.3;
  filter:alpha(opacity=30);
}

.mask.opacity-4:before {
  opacity:.4;
  filter:alpha(opacity=40);
}

.mask.opacity-5:before {
  opacity:.5;
  filter:alpha(opacity=50);
}

.mask.opacity-6:before {
  opacity:.6;
  filter:alpha(opacity=60);
}

.mask.opacity-7:before {
  opacity:.7;
  filter:alpha(opacity=70);
}

.mask.opacity-8:before {
  opacity:.8;
  filter:alpha(opacity=80);
}

.mask.opacity-9:before {
  opacity:.9;
  filter:alpha(opacity=90);
}

.mask.mask-main-color:before {
  background-color:#e04343;
}

.beeween-hover-1 .mask-over,
.beeween-hover-2 .mask-over,
.beeween-hover-4 .mask-over {
  background:#fdfdfd;
  color:#222;
}

.beeween-hover-1 .mask-over a,
.beeween-hover-2 .mask-over a,
.beeween-hover-4 .mask-over a {
  color:#222;
}

.beeween-hover-1 .mask-over a:hover,
.beeween-hover-2 .mask-over a:hover,
.beeween-hover-4 .mask-over a:hover {
  color:#e04343;
}

.beeween-hover-1 .mask-over.main-color,
.beeween-hover-2 .mask-over.main-color,
.beeween-hover-4 .mask-over.main-color {
  background:#e04343;
  color:#fff;
}

.beeween-hover-1 .mask-over.main-color a,
.beeween-hover-2 .mask-over.main-color a,
.beeween-hover-4 .mask-over.main-color a {
  color:#fff;
}

.beeween-hover-1 .mask-over.main-color a:hover,
.beeween-hover-2 .mask-over.main-color a:hover,
.beeween-hover-4 .mask-over.main-color a:hover {
  color:#ce6359;
}

.beeween-hover-1 .mask-over.dark-main-color,
.beeween-hover-2 .mask-over.dark-main-color,
.beeween-hover-4 .mask-over.dark-main-color {
  background:#c14127;
  color:#fff;
}

.beeween-hover-1 .mask-over.dark-main-color a,
.beeween-hover-2 .mask-over.dark-main-color a,
.beeween-hover-4 .mask-over.dark-main-color a {
  color:#fff;
}

.beeween-hover-1 .mask-over.dark-main-color a:hover,
.beeween-hover-2 .mask-over.dark-main-color a:hover,
.beeween-hover-4 .mask-over.dark-main-color a:hover {
  color:#e04343;
}

.beeween-hover-1 .mask-over.light-main-color,
.beeween-hover-2 .mask-over.light-main-color,
.beeween-hover-4 .mask-over.light-main-color {
  background:#ce6359;
  color:#fff;
}

.beeween-hover-1 .mask-over.light-main-color a,
.beeween-hover-2 .mask-over.light-main-color a,
.beeween-hover-4 .mask-over.light-main-color a {
  color:#fff;
}

.beeween-hover-1 .mask-over.light-main-color a:hover,
.beeween-hover-2 .mask-over.light-main-color a:hover,
.beeween-hover-4 .mask-over.light-main-color a:hover {
  color:#e04343;
}

.beeween-hover-1 .mask-over.dark-color,
.beeween-hover-2 .mask-over.dark-color,
.beeween-hover-4 .mask-over.dark-color {
  background:#333;
  color:#999;
}

.beeween-hover-1 .mask-over.dark-color a,
.beeween-hover-2 .mask-over.dark-color a,
.beeween-hover-4 .mask-over.dark-color a {
  color:#999;
}

.beeween-hover-1 .mask-over.dark-color a:hover,
.beeween-hover-2 .mask-over.dark-color a:hover,
.beeween-hover-4 .mask-over.dark-color a:hover {
  color:#e04343;
}

.beeween-hover-1 .mask-over.light-color,
.beeween-hover-2 .mask-over.light-color,
.beeween-hover-4 .mask-over.light-color {
  background:#fff;
  color:#222;
}

.beeween-hover-1 .mask-over.light-color a,
.beeween-hover-2 .mask-over.light-color a,
.beeween-hover-4 .mask-over.light-color a {
  color:#222;
}

.beeween-hover-1 .mask-over.light-color a:hover,
.beeween-hover-2 .mask-over.light-color a:hover,
.beeween-hover-4 .mask-over.light-color a:hover {
  color:#e04343;
}

.beeween-hover-4 .mask-over a:hover {
  background:#e04343;
  color:#fff;
}

.beeween-hover-4 .mask-over.main-color a:hover,
.beeween-hover-4 .mask-over.dark-main-color a:hover,
.beeween-hover-4 .mask-over.light-main-color a:hover,
.beeween-hover-4 .mask-over.dark-color a:hover,
.beeween-hover-4 .mask-over.light-color a:hover {
  background:#fdfdfd;
  color:#e04343;
}

.beeween-hover-2 figure div .mask-over {
  opacity:0;
}

.no-touch .beeween-hover-2 figure:not(.noCss3):hover div .mask-over,
.beeween-hover-2 figure.cs-hover div .mask-over {
  opacity:1;
}

.beeween-hover-4 figcaption a {
  color:#222;
}

.beeween-hover-4 figcaption a:hover {
  color:#e04343;
}

.rollover.effect-zoe figure figcaption {
  background:#fff;
  color:#3c4a50;
}

.rollover.effect-zoe figure .description {
  color:#fff;
}

.rollover.effect-zoe figure.hovered .icon-links a:hover,
.rollover.effect-zoe figure.hovered .icon-links a:focus {
  color:#252d31;
}

.rollover.effect-zoe.hovered {
  background-color:#000;
}

.rollover.effect-lexi figure figcaption::before {
  box-shadow:0 0 0 900px rgba(255,255,255,0.2);
  border-color:#fff;
}

.rollover.effect-sarah figure h1:after,
.rollover.effect-sarah figure h2:after,
.rollover.effect-sarah figure h3:after,
.rollover.effect-sarah figure h4:after,
.rollover.effect-sarah figure h5:after,
.rollover.effect-sarah figure h6:after {
  background:#fff;
}

.box-testimonial .box-arrow:after {
  border-top-color:#fbfbfb;
}

.box-testimonial .box-arrow:before {
  border-top-color:#d5d5d5;
}

.box-arrow:after {
  border-top-color:#eee;
}

.box-arrow:before {
  border-top-color:#ccc;
}

.dark-main-color .box-testimonial .box-arrow:before {
  border-top-color:#b7371e;
}

.dark-main-color .box-testimonial .box-arrow:after {
  border-top-color:#e04343;
}

.main-color .box-testimonial .box-arrow:before {
  border-top-color:#bc4338;
}

.main-color .box-testimonial .box-arrow:after {
  border-top-color:#ce6359;
}

.light-main-color .box-testimonial .box-arrow:before {
  border-top-color:#b7371e;
}

.light-main-color .box-testimonial .box-arrow:after {
  border-top-color:#e04343;
}

.dark-color .box-testimonial .box-arrow:before {
  border-top-color:#262626;
}

.dark-color .box-testimonial .box-arrow:after {
  border-top-color:#404040;
}

.light-color .box-testimonial .box-arrow:before {
  border-top-color:#d9d9d9;
}

.light-color .box-testimonial .box-arrow:after {
  border-top-color:#f2f2f2;
}

.box-testimonial.main-color {
  background:none;
  color:#222;
}

.box-testimonial.main-color blockquote {
  background-color:#e04343;
  border-color:#b7371e;
}

.box-testimonial.main-color blockquote:before {
  color:#fff;
}

.box-testimonial.main-color .box-arrow:before {
  border-top-color:#b7371e;
}

.box-testimonial.main-color .box-arrow:after {
  border-top-color:#e04343;
}

.box-testimonial.dark-main-color {
  background:none;
  color:#222;
}

.box-testimonial.dark-main-color blockquote {
  background-color:#c14127;
  border-color:#97331e;
}

.box-testimonial.dark-main-color blockquote:before {
  color:#fff;
}

.box-testimonial.dark-main-color .box-arrow:before {
  border-top-color:#97331e;
}

.box-testimonial.dark-main-color .box-arrow:after {
  border-top-color:#c14127;
}

.box-testimonial.light-main-color {
  background:none;
  color:#222;
}

.box-testimonial.light-main-color blockquote {
  background-color:#ce6359;
  border-color:#bc4338;
}

.box-testimonial.light-main-color blockquote:before {
  color:#fff;
}

.box-testimonial.light-main-color .box-arrow:before {
  border-top-color:#bc4338;
}

.box-testimonial.light-main-color .box-arrow:after {
  border-top-color:#ce6359;
}

.box-testimonial.dark-color {
  background:none;
  color:#222;
}

.box-testimonial.dark-color blockquote {
  background-color:#333;
  border-color:#1a1a1a;
}

.box-testimonial.dark-color blockquote:before {
  color:#999;
}

.box-testimonial.dark-color .box-arrow:before {
  border-top-color:#1a1a1a;
}

.box-testimonial.dark-color .box-arrow:after {
  border-top-color:#333;
}

.box-testimonial.light-color {
  background:none;
  color:#222;
}

.box-testimonial.light-color blockquote {
  background-color:#fff;
  border-color:#e6e6e6;
}

.box-testimonial.light-color blockquote:before {
  color:#222;
}

.box-testimonial.light-color .box-arrow:before {
  border-top-color:#e6e6e6;
}

.box-testimonial.light-color .box-arrow:after {
  border-top-color:#fff;
}

.box-testimonial.white {
  background:none;
  color:#222;
}

.box-testimonial.white blockquote {
  background-color:#fff;
  border-color:#e6e6e6;
}

.box-testimonial.white blockquote:before {
  color:#222;
}

.box-testimonial.white .box-arrow:before {
  border-top-color:#e6e6e6;
}

.box-testimonial.white .box-arrow:after {
  border-top-color:#fff;
}

.box-testimonial.white p {
  color:#222;
}

.timeline:before {
  background-color:#eeeeee;
}

.timeline > li > .timeline-panel:before {
  border-left-color:#ccc;
  border-right-color:#ccc;
  border-bottom-color:transparent;
}

.timeline > li > .timeline-panel:after {
  border-top-color:transparent;
  border-left-color:#fff;
  border-right-color:#fff;
  border-bottom-color:transparent;
}

.pricing-table {
  background-color:#fff;
  border-color:rgba(0,0,0,0.1);
}

.pricing-table ul li {
  border-color:#ddd;
  color:#444 !important;
}

.pricing-table h2 {
  background-color:#a6a6a6;
  color:white;
}

.pricing-table .pricing {
  background-color:#fff;
  color:#a6a6a6;
  border-color:rgba(0,0,0,0.1);
}

.pricing-table p {
  background-color:#eee;
  color:#444 !important;
}

.pricing-table.focus-plan {
  border-color:#D1D1D1;
}

.pricing-table.focus-plan h2 {
  background-color:#333;
  color:#fff !important;
}

.pricing-table.focus-plan .pricing {
  background-color:#e04343;
  border-color:rgba(0,0,0,0.2);
  color:#fff !important;
}

.beeween_pt_style_2 div.pricing {
  background:#eee;
}

.beeween_pt_style_2.pricingBloc h2 {
  background-color:#eee;
  color:#555;
}

.beeween_pt_style_2.focusPlan div.pricing {
  background:orange;
}

.beeween_pt_style_2.focusPlan.pricingBloc h2 {
  background-color:orange;
  color:#fff;
}

.pricingBloc.beeween_pt_style_2 h3 {
  background:#fff;
  border-color:#fff;
  box-shadow:inset 0 5px 10px 2px #ddd,0px 5px 10px 2px #ddd;
  color:#555 !important;
}

.pricingBloc.beeween_pt_style_2 p.sign {
  background:#fff;
}

.beeween_pt_style_3.pricingBloc h2 {
  background-color:#333;
  color:#eee;
}

.beeween_pt_style_3.pricingBloc h3 {
  background-color:#555;
  color:#999;
  text-shadow:0 0 7px rgba(0,0,0,0.75);
}

.beeween_pt_style_3.pricingBloc div.pricing:after {
  border-color:#555 transparent transparent transparent;
}

.beeween_pt_style_3 li {
  background:#eee;
}

.beeween_pt_style_3 li:nth-child(odd) {
  background:#fff;
}

.beeween_pt_style_3 p.sign {
  background:#555;
}

.beeween_pt_style_3.focusPlan.pricingBloc h3 {
  background:orange;
}

hr {
  background:transparent;
}

hr:after {
  background:#fdfdfd;
  color:#a2a2a2;
}

.main-color hr {
  border-color:#e36f58;
}

.main-color hr:after {
  color:#e36f58;
  background:#e04343;
}

.main-color hr.double {
  border-top-color:#e36f58;
}

.dark-main-color hr {
  border-color:#d95c42;
}

.dark-main-color hr:after {
  color:#d95c42;
  background:#c14127;
}

.dark-main-color hr.double {
  border-top-color:#d95c42;
}

.light-main-color hr {
  border-color:#bc4338;
}

.light-main-color hr:after {
  color:#bc4338;
  background:#ce6359;
}

.light-main-color hr.double {
  border-top-color:#bc4338;
}

.dark-color hr {
  border-color:#4d4d4d;
}

.dark-color hr:after {
  color:#4d4d4d;
  background:#333;
}

.dark-color hr.double {
  border-top-color:#4d4d4d;
}

.light-color hr {
  border-color:#e6e6e6;
}

.light-color hr:after {
  color:#e6e6e6;
  background:#fff;
}

.light-color hr.double {
  border-top-color:#e6e6e6;
}

.pagination > li > a,
.pagination > li > span {
  color:#e04343;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color:#c14127;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color:#fff;
  background-color:#e04343;
  border-color:#e04343;
}

.pagination.pagination-minimal > li > a,
.pagination.pagination-minimal > li > span {
  color:#222;
}

.pagination.pagination-minimal > li > a:after,
.pagination.pagination-minimal > li > span:after {
  background:#222;
}

.menu-header {
  box-shadow:0 2px 3px 0 rgba(50,50,50,0.4);
}

.navbar-default {
  background-color:transparent;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background:#e04343;
}

.navbar-default .navbar-toggle:focus span,
.navbar-default .navbar-toggle:hover span {
  background:#fff;
}

.menu-header.navbar-fixed-top {
  background-color:white;
}

body .menu-header .nav > li > a.active,
body .menu-header .nav > li.active > a.active,
body .menu-header .nav > li > a.active:hover,
body .menu-header .nav > li.active > a.active:hover,
body .menu-header .nav > li > a:hover,
body .menu-header .nav > li.active > a:hover {
  color:#e04343;
}

.menu-header .nav > li.active > a {
  color:#e04343;
}

.menu-header .nav > li.active > a:hover,
.menu-header .nav > li.active > a:active {
  color:#e04343;
}

.menu-header .nav > li .sub-menu a:not(.btn) {
  color:#595959;
}

#pre-header {
  background:#333;
}

#pre-header .contact-phone,
#pre-header .social-icons {
  color:white;
}

#pre-header i:before {
  color:#999;
}

#pre-header.main-color {
  background-color:#e04343;
}

#pre-header.main-color .contact-phone,
#pre-header.main-color .social-icons,
#pre-header.main-color i:before,
#pre-header.main-color .quick-menu li a {
  color:#fff;
}

#pre-header.main-color a:hover i:before,
#pre-header.main-color .quick-menu li a:hover {
  color:#c14127;
}

#pre-header.dark-main-color {
  background-color:#c14127;
}

#pre-header.dark-main-color .contact-phone,
#pre-header.dark-main-color .social-icons,
#pre-header.dark-main-color i:before,
#pre-header.dark-main-color .quick-menu li a {
  color:#fff;
}

#pre-header.dark-main-color a:hover i:before,
#pre-header.dark-main-color .quick-menu li a:hover {
  color:#ce6359;
}

#pre-header.light-main-color {
  background-color:#ce6359;
}

#pre-header.light-main-color .contact-phone,
#pre-header.light-main-color .social-icons,
#pre-header.light-main-color i:before,
#pre-header.light-main-color .quick-menu li a {
  color:#fff;
}

#pre-header.light-main-color a:hover i:before,
#pre-header.light-main-color .quick-menu li a:hover {
  color:#c14127;
}

#pre-header.light-color {
  background-color:#fff;
  border-bottom:1px solid #e1e1e1;
}

#pre-header.light-color .contact-phone,
#pre-header.light-color .social-icons,
#pre-header.light-color i:before,
#pre-header.light-color .quick-menu li a {
  color:#222;
}

#pre-header.light-color a:hover i:before,
#pre-header.light-color .quick-menu li a:hover {
  color:#e04343;
}

#pre-header.dark-color {
  background-color:#333;
}

#pre-header.dark-color .contact-phone,
#pre-header.dark-color .social-icons,
#pre-header.dark-color i:before,
#pre-header.dark-color .quick-menu li a {
  color:#999;
}

#pre-header.dark-color a:hover i:before,
#pre-header.dark-color .quick-menu li a:hover {
  color:#e04343;
}

.quick-menu li a {
  color:#999;
}

.quick-menu li a:hover {
  color:white;
}

@media (min-width:1025px) {
  .sub-menu {
    box-shadow:rgba(0,0,0,0.109804) 0 1px 2px 0;
  }
  .menu-header .nav > li .sub-menu {
    background-color:#fefefe;
  }
  .menu-header .nav > li .sub-menu > li .sub-menu {
    background-color:#fefefe;
  }
  .menu-header .nav > li .sub-menu a:not(.btn) {
    color:#999;
  }
  .menu-header .nav > li .sub-menu a:not(.btn):hover {
    color:#fff;
    background:#f7f7f7;
  }
  .beeween-mega-menu h2 {
    color:#bfbfbf;
  }
}

.sidebar-menu li {
  border-bottom:1px solid #a2a2a2;
}

.sidebar-menu li a {
  color:#222;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active {
  color:#e04343;
}

@media (min-width:1025px) {
  body.header-1.header-dark .menu-header {
    background-color:#333;
  }
}

@media (min-width:1025px) {
  body.header-2 .navbar-default .navbar-nav > .active > a,
  body.header-2 .navbar-default .navbar-nav > .active > a:focus,
  body.header-2 .navbar-default .navbar-nav > .active > a:hover {
    background-color:#ccc;
    color:#fff;
  }
  body.header-2 .menu-header .nav > li:hover > a:not(.selected),
  body.header-2 .menu-header .nav a:not(.selected):hover {
    background-color:#696d78;
    color:#fff;
  }
  body.header-2 .menu-header .nav a.selected {
    background-color:#e04343;
    color:#fff;
  }
  body.header-2 .menu-header .nav .beeween-mega-menu h2 {
    color:#fff;
  }
  body.header-2 .menu-header .nav > li .sub-menu {
    background-color:#e04343;
  }
  body.header-2 .menu-header .nav > li .sub-menu a {
    color:#fff;
  }
  body.header-2 .menu-header .nav > li .sub-menu a:hover {
    background-color:#777;
  }
}

@media (min-width:1025px) {
  body.header-3 .menu-header .nav > li > a:not(.btn) {
    border-left-color:#bbb;
  }
  body.header-3.dark-header .menu-header .nav > li > a:not(.btn) {
    border-left-color:#333;
  }
  body.header-3.dark-header.header-semi-transparent .menu-header .nav > li > a:not(.btn) {
    border-left-color:rgba(255,255,255,0.2);
  }
}

@media (min-width:1025px) {
  body.header-5 .menu-header .nav > li > a {
    border-color:#bbb;
  }
  body.header-5 .menu-header .nav > li > a:hover {
    border-color:#e04343;
  }
  body.header-5 .menu-header .nav > li .sub-menu {
    background-color:#fdfdfd;
    border:1px solid #bbb;
  }
  body.header-5 .menu-header .nav > li .sub-menu a {
    color:#222;
    border-bottom-color:#bbb;
  }
  body.header-5 .menu-header .nav > li .sub-menu a:hover {
    color:#e04343;
    background:none;
  }
}

@media (min-width:1025px) {
  body.header-6 .menu-header.scroll-header {
    border-color:#eee;
    background-color:white;
  }
  body.header-6 .menu-header.scroll-header .navbar-default .navbar-nav > li.active > a:not(.btn) {
    background:none;
  }
  body.header-6 .menu-header.scroll-header .navbar-default .navbar-nav > li > a:not(.btn).active:after {
    border-color:#e04343;
  }
  body.header-6 .menu-header.scroll-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
    border-color:#e04343;
  }
  body.header-6 .menu-header.scroll-header .navbar-default .navbar-nav > li.active > a:not(.btn):after {
    border-color:#e04343;
  }
  body.header-6 .menu-header:not(.scroll-header) {
    background-color:transparent;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a:not(.btn).active:after {
    border-color:#fff;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
    border-color:#fff;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li.active > a:not(.btn) {
    background:none;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li.active > a:not(.btn):after {
    border-color:#fff;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a:not(.btn) {
    color:#fff;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a.btn.border {
    color:#fff;
    border-color:#fff;
    opacity:0.9;
  }
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a.btn.border:hover {
    opacity:1;
  }
}

@media (min-width:1025px) {
  body.header-7 .menu-header {
    border-color:#eee;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn) {
    background:none;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after {
    border-color:#e04343;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
    border-color:#e04343;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn) {
    border-color:#e04343;
  }
  body.header-7 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after {
    border-color:#e04343;
  }
}

@media (min-width:1025px) {
  body.header-semi-transparent .menu-header {
    background-color:rgba(255,255,255,0.8);
    border-color:transparent !important;
  }
}

body.dark-header .menu-header {
  background-color:#222;
}

body.dark-header .menu-header .nav a {
  color:white;
}

body.dark-header .menu-header .nav a.btn.border {
  border-color:#fff;
}

@media (min-width:1025px) {
  body.dark-header.header-semi-transparent .menu-header {
    background-color:rgba(0,0,0,0.4);
    border-color:transparent !important;
  }
}

body.light-header .menu-header {
  background-color:white;
}

@media (min-width:1025px) {
  body.light-header.header-semi-transparent .menu-header {
    background-color:rgba(255,255,255,0.8);
    border-color:transparent !important;
  }
}

@media (min-width:1025px) {
  body.header-transparent .menu-header {
    background-color:transparent;
    -webkit-transition:all 300ms cubic-bezier(.77,0,.175,1);
    -moz-transition:all 300ms cubic-bezier(.77,0,.175,1);
    -o-transition:all 300ms cubic-bezier(.77,0,.175,1);
    transition:all 300ms cubic-bezier(.77,0,.175,1);
  }
  body.header-transparent .menu-header.scroll-header {
    background-color:white;
  }
  body.header-transparent .menu-header:not(.scroll-header) .nav > li > a:not(:focus):not(:hover):not(:active):not(.active) {
    color:white;
  }
  body.header-transparent:not(.header-3) .menu-header {
    border-color:transparent;
  }
  body.header-transparent.dark-header .menu-header.scroll-header {
    background-color:#222;
  }
  body.header-transparent.dark-header .menu-header.scroll-header .nav > li > a:not(:focus):not(:hover):not(:active):not(.active) {
    color:white;
  }
  body.header-transparent.light-header .menu-header.scroll-header {
    background-color:white;
  }
}

.progress {
  box-shadow:none;
  background-color:#f5f5f5!important;
  border-color:#e6e6e6;
  border-radius: 8px;
}

.progress-bar {
  border-radius: 0 8px 8px 0  ;
  box-shadow:none;
  color:#fff;
  background: linear-gradient(to right, #b3e0f9, #0084cb) !important;
  opacity: 1 !important;
}

.main-color .progress {
  border-color:#e7826e;
}

.light-main-color .progress {
  border-color:#fff;
}

.dark-main-color .progress {
  border-color:#fff;
}

.dark-color .progress {
  border-color:#999;
}

.light-color .progress {
  border-color:#e6e6e6;
}

.progress-bar-success,
.progress-bar.success {
  background-color:#5cb85c;
}

.progress-striped .progress-bar-success,
.progress-striped .progress-bar.success {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

.progress-bar-info,
.progress-bar.info {
  background-color:#5bc0de;
}

.progress-striped .progress-bar-info,
.progress-striped .progress-bar.info {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning,
.progress-bar.warning {
  background-color:#f0ad4e;
}

.progress-striped .progress-bar-warning,
.progress-striped .progress-bar.warning {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger,
.progress-bar.danger {
  background-color:#d9534f;
}

.progress-striped .progress-bar-danger,
.progress-striped .progress-bar.danger {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

.progress-striped .progress-bar,
.progress-bar-striped,
.progress-bar.striped {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-size:40px 40px;
}

footer#main-footer {
  background-color:#f9f9f9;
  color:#999;
}

footer#main-footer a:hover {
  color:#e04343;
}

footer#main-footer #footer-rights {
  background-color:#f9f9f9;
  color:#999;
}

footer#main-footer.dark-color,
footer#main-footer #footer-rights.dark-color {
  background-color:#333;
  color:#999;
}

footer#main-footer.light-color,
footer#main-footer #footer-rights.light-color {
  background-color:#fff;
  color:#222;
}

footer#main-footer.light-color a:hover,
footer#main-footer #footer-rights.light-color a:hover {
  color:#3c3c3c;
}

footer#main-footer.dark-main-color,
footer#main-footer #footer-rights.dark-main-color {
  background-color:#c14127;
  color:#fff;
}

footer#main-footer.main-color,
footer#main-footer #footer-rights.main-color {
  background-color:#e04343;
  color:#fff;
}

footer#main-footer.light-main-color,
footer#main-footer #footer-rights.light-main-color {
  background-color:#ce6359;
  color:#fff;
}

footer#main-footer ul.border li {
  border-bottom-color:#595959;
}

.owl-theme .owl-controls .owl-page span {
  background:#e04343;
  color:#fff;
}

.owl-theme .owl-controls .owl-buttons .owl-next,
.owl-theme .owl-controls .owl-buttons .owl-prev {
  background:#e04343;
}

.owl-theme .owl-controls .owl-buttons .owl-next i[class^="icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-prev i[class^="icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-next i[class*=" icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-prev i[class*=" icon-"]:before {
  color:#fff;
}

.owl-theme .owl-controls .owl-buttons .owl-next:hover,
.owl-theme .owl-controls .owl-buttons .owl-prev:hover {
  background:#c14127;
}

.main-color .owl-theme .owl-controls .owl-page span {
  background:#fff;
  color:#e04343;
}

.main-color .owl-theme .owl-controls .owl-next,
.main-color .owl-theme .owl-controls .owl-prev {
  background:#fff;
}

.main-color .owl-theme .owl-controls .owl-next i[class^="icon-"]:before,
.main-color .owl-theme .owl-controls .owl-prev i[class^="icon-"]:before,
.main-color .owl-theme .owl-controls .owl-next i[class*=" icon-"]:before,
.main-color .owl-theme .owl-controls .owl-prev i[class*=" icon-"]:before {
  color:#e04343;
}

.dark-main-color .owl-theme .owl-controls .owl-page span {
  background:#fff;
  color:#c14127;
}

.dark-main-color .owl-theme .owl-controls .owl-next,
.dark-main-color .owl-theme .owl-controls .owl-prev {
  background:#fff;
}

.dark-main-color .owl-theme .owl-controls .owl-next i[class^="icon-"]:before,
.dark-main-color .owl-theme .owl-controls .owl-prev i[class^="icon-"]:before,
.dark-main-color .owl-theme .owl-controls .owl-next i[class*=" icon-"]:before,
.dark-main-color .owl-theme .owl-controls .owl-prev i[class*=" icon-"]:before {
  color:#c14127;
}

.light-main-color .owl-theme .owl-controls .owl-page span {
  background:#fff;
  color:#ce6359;
}

.light-main-color .owl-theme .owl-controls .owl-next,
.light-main-color .owl-theme .owl-controls .owl-prev {
  background:#fff;
}

.light-main-color .owl-theme .owl-controls .owl-next i[class^="icon-"]:before,
.light-main-color .owl-theme .owl-controls .owl-prev i[class^="icon-"]:before,
.light-main-color .owl-theme .owl-controls .owl-next i[class*=" icon-"]:before,
.light-main-color .owl-theme .owl-controls .owl-prev i[class*=" icon-"]:before {
  color:#ce6359;
}

.dark-color .owl-theme .owl-controls .owl-page span {
  background:#999;
  color:#333;
}

.dark-color .owl-theme .owl-controls .owl-next,
.dark-color .owl-theme .owl-controls .owl-prev {
  background:#999;
}

.dark-color .owl-theme .owl-controls .owl-next i[class^="icon-"]:before,
.dark-color .owl-theme .owl-controls .owl-prev i[class^="icon-"]:before,
.dark-color .owl-theme .owl-controls .owl-next i[class*=" icon-"]:before,
.dark-color .owl-theme .owl-controls .owl-prev i[class*=" icon-"]:before {
  color:#333;
}

ul.entry-meta li {
  background:#fff;
  color:#222;
}

ul.entry-meta li a {
  color:#222;
}

.light-color ul.entry-meta li {
  background:#fff;
}

.post-date {
  background-color:#fdfdfd;
}

.post-date .date-day {
  color:#222;
  border-color:#e6e6e6;
}

.post-date .date-month {
  color:#fff;
  background-color:#e04343;
  border-color:#b7371e;
}

.tag-cloud a {
  background-color:#a2a2a2;
  border-color:#888;
  color:#fdfdfd;
}

.tag-cloud a:hover {
  color:#222;
  border-color:#222;
  background-color:#eee;
}

.free-wall .brick.caption {
  border-color:#fff;
}

.caption-grid-layout figure figcaption {
  background:#fff;
}

.caption-grid-layout figure figcaption a {
  color:#222;
}

.caption-grid-layout figure figcaption a:hover {
  color:#e04343;
  text-decoration:none;
}

.alert-success,
.alert.success {
  background-color:#dff0d8;
  border-color:#d6e9c6;
  color:#3c763d;
}

.alert-success hr,
.alert.success hr {
  border-top-color:#c9e2b3;
}

.alert-success .alert-link,
.alert.success .alert-link {
  color:#2b542c;
}

.alert-info,
.alert.info {
  background-color:#d9edf7;
  border-color:#bce8f1;
  color:#31708f;
}

.alert-info hr,
.alert.info hr {
  border-top-color:#a6e1ec;
}

.alert-info .alert-link,
.alert.info .alert-link {
  color:#245269;
}

.alert-warning,
.alert.warning {
  background-color:#fcf8e3;
  border-color:#faebcc;
  color:#8a6d3b;
}

.alert-warning hr,
.alert.warning hr {
  border-top-color:#f7e1b5;
}

.alert-warning .alert-link,
.alert.warning .alert-link {
  color:#66512c;
}

.alert-danger,
.alert.danger {
  background-color:#f2dede;
  border-color:#ebccd1;
  color:#a94442;
}

.alert-danger hr,
.alert.danger hr {
  border-top-color:#e4b9c0;
}

.alert-danger .alert-link,
.alert.danger .alert-link {
  color:#843534;
}

.swiper-tab {
  opacity:0;
}

.swiper-tab .swiper-engine {
  background-color:#c14127;
}

.swiper-tab .swiper-engine .swiper-slide {
  color:#fff;
}

.swiper-tab .swiper-engine .content-slide {
  background:rgba(0,0,0,0.2);
}

.swiper-tab .btn-group {
  background:#fff;
}

.swiper-tab .btn-group .btn.active,
.swiper-tab .btn-group .btn:hover {
  background:#e04343;
  box-shadow:none;
}

.swiper-vertical .swiper-slide figure figcaption,
.swiper-horizontal .swiper-slide figure figcaption {
  background-color:rgba(0,0,0,0.6);
  color:white;
}

.swiper-vertical .swiper-slide figure figcaption .btn.border,
.swiper-horizontal .swiper-slide figure figcaption .btn.border,
.swiper-vertical .swiper-slide figure figcaption .btn-icon.border,
.swiper-horizontal .swiper-slide figure figcaption .btn-icon.border {
  color:white;
  border-color:white;
}

.swiper-vertical .swiper-preloader,
.swiper-horizontal .swiper-preloader {
  color:#222;
  background:rgba(255,255,255,0.8);
}

.swiper-centered .navigation a {
  background-color:#e04343;
}

.swiper-centered .navigation a i:before {
  color:#fff;
}

.swiper-centered .navigation a:hover {
  background:#c14127;
}

.swiper-centered .swiper-visible-switch {
  background:#aaa;
}

.swiper-centered .swiper-active-switch {
  background:#fff;
}

.panel-body,
.panel-title {
  color:#222;
}

.main-color .panel-body,
.main-color .panel-title {
  color:#fff;
}

.dark-main-color .panel-body,
.dark-main-color .panel-title {
  color:#fff;
}

.light-main-color .panel-body,
.light-main-color .panel-title {
  color:#fff;
}

.dark-color .panel-body,
.dark-color .panel-title {
  color:#999;
}

.light-color .panel-body,
.light-color .panel-title {
  color:#222;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle {
  color:#e04343;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle:after {
  background:#e04343;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed {
  color:#222;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover {
  color:#222;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover:after {
  background:#222;
}

.superslides.superslide-beeween-theme-1 .prev,
.superslides.superslide-beeween-theme-1 .next {
  background:#e04343;
}

.superslides.superslide-beeween-theme-1 .prev:hover,
.superslides.superslide-beeween-theme-1 .next:hover {
  background:#c14127;
}

.superslides .slides-pagination a {
  border-color:white;
}

.superslides .slides-pagination a.current {
  background-color:white;
}

.superslides.superslide-beeween-theme-2 .prev,
.superslides.superslide-beeween-theme-2 .next {
  background:none;
  border-color:white;
}

.superslides.superslide-beeween-theme-2 .prev:before,
.superslides.superslide-beeween-theme-2 .next:before {
  color:white;
}

.superslides.superslide-beeween-theme-2 .prev:hover,
.superslides.superslide-beeween-theme-2 .next:hover {
  opacity:0.5;
}

.superslides .slides-pagination a {
  background-color:#fff;
  opacity:0.5;
}

.superslides .slides-pagination a.current {
  background-color:#fff;
  opacity:1;
}

#beeween-to-top {
  background:#e04343;
}

#beeween-to-top i:before {
  color:white;
}

.styleSwitcher {
  background:rgba(220,220,220,0.5);
}

.switcher.dark {
  background:#555;
}

.styleSwitcher h1 {
  color:#333;
}

.styleSwitcher #showHideSwitcher {
  background:rgba(220,220,220,0.5);
  color:#333;
}

.styleSwitcher #showHideSwitcher i:before {
  color:#555;
}

.styleSwitcher #showHideSwitcher:hover i:before,
.styleSwitcher #showHideSwitcher:focus i:before,
.styleSwitcher #showHideSwitcher:active i:before {
  color:#fff;
}

.styleSwitcher select {
  background:#eee;
  border-color:#ddd;
  color:#333;
}

.styleSwitcher .switcher.dark {
  background:rgba(0,0,0,0.5);
}

a.btnSwitcher {
  border-color:#eee;
  background:#fff;
  color:#777;
}

.btnSwitcher.active,
.btnSwitcher:hover {
  border-color:#eee;
  background:#eee;
}

#preloader {
  background-color:white;
}

.beeween-preloader {
  background:#333 !important;
}

.beeween-preloader:after {
  border-top-color:#e04343;
  border-bottom-color:#e04343;
}

@-webkit-keyframes preloader_5 {
  0% {
    -webkit-transform:rotate(0deg);
  }
  50% {
    -webkit-transform:rotate(180deg);
    background:#e04343;
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@-webkit-keyframes preloader_5_after {
  0% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
  50% {
    border-top:10px solid #333;
    border-bottom:10px solid #333;
  }
  100% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
}

@-moz-keyframes preloader_5 {
  0% {
    -moz-transform:rotate(0deg);
  }
  50% {
    -moz-transform:rotate(180deg);
    background:#e04343;
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-moz-keyframes preloader_5_after {
  0% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
  50% {
    border-top:10px solid #333;
    border-bottom:10px solid #333;
  }
  100% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
}

@-ms-keyframes preloader_5 {
  0% {
    -ms-transform:rotate(0deg);
  }
  50% {
    -ms-transform:rotate(180deg);
    background:#e04343;
  }
  100% {
    -ms-transform:rotate(360deg);
  }
}

@-ms-keyframes preloader_5_after {
  0% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
  50% {
    border-top:10px solid #333;
    border-bottom:10px solid #333;
  }
  100% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
}

@keyframes preloader_5 {
  0% {
    transform:rotate(0deg);
  }
  50% {
    transform:rotate(180deg);
    background:#e04343;
  }
  100% {
    transform:rotate(360deg);
  }
}

@keyframes preloader_5_after {
  0% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
  50% {
    border-top:10px solid #333;
    border-bottom:10px solid #333;
  }
  100% {
    border-top:10px solid #e04343;
    border-bottom:10px solid #e04343;
  }
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a {
  background-color:#555;
  color:white;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a:hover {
  background-color:#333;
  color:white;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a + a {
  background-color:#e04343;
  color:#fff;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a + a:hover {
  background-color:#c14127;
  color:#fff;
}

.shopping-cart-view {
  background-color:white;
  color:#555;
  box-shadow:0 2px 5px rgba(0,0,0,0.2);
}

.shopping-cart-view table > tbody > tr > td {
  border-bottom-color:#eee;
}

.shopping-cart-view table > thead > tr > th {
  background-color:#eee;
}

.shopping-cart-view table > tbody > tr.shopping-cart-total > td {
  background-color:#eee;
}

@media (min-width:768px) {
  .boxed-layout {
    background:#e2e2e2;
  }
}

@media (min-width:992px) {
  .boxed-layout #global-wrapper {
    background:#fdfdfd;
  }
}

.border-grid .row .col-lg-1:not(:last-child),
.border-grid .row .col-lg-10:not(:last-child),
.border-grid .row .col-lg-11:not(:last-child),
.border-grid .row .col-lg-12:not(:last-child),
.border-grid .row .col-lg-2:not(:last-child),
.border-grid .row .col-lg-3:not(:last-child),
.border-grid .row .col-lg-4:not(:last-child),
.border-grid .row .col-lg-5:not(:last-child),
.border-grid .row .col-lg-6:not(:last-child),
.border-grid .row .col-lg-7:not(:last-child),
.border-grid .row .col-lg-8:not(:last-child),
.border-grid .row .col-lg-9:not(:last-child),
.border-grid .row .col-md-1:not(:last-child),
.border-grid .row .col-md-10:not(:last-child),
.border-grid .row .col-md-11:not(:last-child),
.border-grid .row .col-md-12:not(:last-child),
.border-grid .row .col-md-2:not(:last-child),
.border-grid .row .col-md-3:not(:last-child),
.border-grid .row .col-md-4:not(:last-child),
.border-grid .row .col-md-5:not(:last-child),
.border-grid .row .col-md-6:not(:last-child),
.border-grid .row .col-md-7:not(:last-child),
.border-grid .row .col-md-8:not(:last-child),
.border-grid .row .col-md-9:not(:last-child),
.border-grid .row .col-sm-1:not(:last-child),
.border-grid .row .col-sm-10:not(:last-child),
.border-grid .row .col-sm-11:not(:last-child),
.border-grid .row .col-sm-12:not(:last-child),
.border-grid .row .col-sm-2:not(:last-child),
.border-grid .row .col-sm-3:not(:last-child),
.border-grid .row .col-sm-4:not(:last-child),
.border-grid .row .col-sm-5:not(:last-child),
.border-grid .row .col-sm-6:not(:last-child),
.border-grid .row .col-sm-7:not(:last-child),
.border-grid .row .col-sm-8:not(:last-child),
.border-grid .row .col-sm-9:not(:last-child),
.border-grid .row .col-xs-1:not(:last-child),
.border-grid .row .col-xs-10:not(:last-child),
.border-grid .row .col-xs-11:not(:last-child),
.border-grid .row .col-xs-12:not(:last-child),
.border-grid .row .col-xs-2:not(:last-child),
.border-grid .row .col-xs-3:not(:last-child),
.border-grid .row .col-xs-4:not(:last-child),
.border-grid .row .col-xs-5:not(:last-child),
.border-grid .row .col-xs-6:not(:last-child),
.border-grid .row .col-xs-7:not(:last-child),
.border-grid .row .col-xs-8:not(:last-child),
.border-grid .row .col-xs-9:not(:last-child) {
  border-right-color:#ddd;
}

.border-grid .row .col-lg-1:last-child,
.border-grid .row .col-lg-10:last-child,
.border-grid .row .col-lg-11:last-child,
.border-grid .row .col-lg-12:last-child,
.border-grid .row .col-lg-2:last-child,
.border-grid .row .col-lg-3:last-child,
.border-grid .row .col-lg-4:last-child,
.border-grid .row .col-lg-5:last-child,
.border-grid .row .col-lg-6:last-child,
.border-grid .row .col-lg-7:last-child,
.border-grid .row .col-lg-8:last-child,
.border-grid .row .col-lg-9:last-child,
.border-grid .row .col-md-1:last-child,
.border-grid .row .col-md-10:last-child,
.border-grid .row .col-md-11:last-child,
.border-grid .row .col-md-12:last-child,
.border-grid .row .col-md-2:last-child,
.border-grid .row .col-md-3:last-child,
.border-grid .row .col-md-4:last-child,
.border-grid .row .col-md-5:last-child,
.border-grid .row .col-md-6:last-child,
.border-grid .row .col-md-7:last-child,
.border-grid .row .col-md-8:last-child,
.border-grid .row .col-md-9:last-child,
.border-grid .row .col-sm-1:last-child,
.border-grid .row .col-sm-10:last-child,
.border-grid .row .col-sm-11:last-child,
.border-grid .row .col-sm-12:last-child,
.border-grid .row .col-sm-2:last-child,
.border-grid .row .col-sm-3:last-child,
.border-grid .row .col-sm-4:last-child,
.border-grid .row .col-sm-5:last-child,
.border-grid .row .col-sm-6:last-child,
.border-grid .row .col-sm-7:last-child,
.border-grid .row .col-sm-8:last-child,
.border-grid .row .col-sm-9:last-child,
.border-grid .row .col-xs-1:last-child,
.border-grid .row .col-xs-10:last-child,
.border-grid .row .col-xs-11:last-child,
.border-grid .row .col-xs-12:last-child,
.border-grid .row .col-xs-2:last-child,
.border-grid .row .col-xs-3:last-child,
.border-grid .row .col-xs-4:last-child,
.border-grid .row .col-xs-5:last-child,
.border-grid .row .col-xs-6:last-child,
.border-grid .row .col-xs-7:last-child,
.border-grid .row .col-xs-8:last-child,
.border-grid .row .col-xs-9:last-child {
  border-right-color:transparent;
}

.border-grid .row:not(:last-child) .col-lg-1,
.border-grid .row:not(:last-child) .col-lg-10,
.border-grid .row:not(:last-child) .col-lg-11,
.border-grid .row:not(:last-child) .col-lg-12,
.border-grid .row:not(:last-child) .col-lg-2,
.border-grid .row:not(:last-child) .col-lg-3,
.border-grid .row:not(:last-child) .col-lg-4,
.border-grid .row:not(:last-child) .col-lg-5,
.border-grid .row:not(:last-child) .col-lg-6,
.border-grid .row:not(:last-child) .col-lg-7,
.border-grid .row:not(:last-child) .col-lg-8,
.border-grid .row:not(:last-child) .col-lg-9,
.border-grid .row:not(:last-child) .col-md-1,
.border-grid .row:not(:last-child) .col-md-10,
.border-grid .row:not(:last-child) .col-md-11,
.border-grid .row:not(:last-child) .col-md-12,
.border-grid .row:not(:last-child) .col-md-2,
.border-grid .row:not(:last-child) .col-md-3,
.border-grid .row:not(:last-child) .col-md-4,
.border-grid .row:not(:last-child) .col-md-5,
.border-grid .row:not(:last-child) .col-md-6,
.border-grid .row:not(:last-child) .col-md-7,
.border-grid .row:not(:last-child) .col-md-8,
.border-grid .row:not(:last-child) .col-md-9,
.border-grid .row:not(:last-child) .col-sm-1,
.border-grid .row:not(:last-child) .col-sm-10,
.border-grid .row:not(:last-child) .col-sm-11,
.border-grid .row:not(:last-child) .col-sm-12,
.border-grid .row:not(:last-child) .col-sm-2,
.border-grid .row:not(:last-child) .col-sm-3,
.border-grid .row:not(:last-child) .col-sm-4,
.border-grid .row:not(:last-child) .col-sm-5,
.border-grid .row:not(:last-child) .col-sm-6,
.border-grid .row:not(:last-child) .col-sm-7,
.border-grid .row:not(:last-child) .col-sm-8,
.border-grid .row:not(:last-child) .col-sm-9,
.border-grid .row:not(:last-child) .col-xs-1,
.border-grid .row:not(:last-child) .col-xs-10,
.border-grid .row:not(:last-child) .col-xs-11,
.border-grid .row:not(:last-child) .col-xs-12,
.border-grid .row:not(:last-child) .col-xs-2,
.border-grid .row:not(:last-child) .col-xs-3,
.border-grid .row:not(:last-child) .col-xs-4,
.border-grid .row:not(:last-child) .col-xs-5,
.border-grid .row:not(:last-child) .col-xs-6,
.border-grid .row:not(:last-child) .col-xs-7,
.border-grid .row:not(:last-child) .col-xs-8,
.border-grid .row:not(:last-child) .col-xs-9 {
  border-bottom-color:#ddd;
}

html {
  background-color:transparent;
}

main#content {
  background-color:#f6f6f6;
}

main#content.light-color {
  background-color:#fff;
}

main#content.dark-color {
  background-color:#333;
}

main#content.main-color {
  background-color:#e04343;
}

main#content.dark-main-bg-color-color {
  background-color:#c14127;
}

main#content.light-main-color {
  background-color:#ce6359;
}

.menu-header {
  border-color:rgba(0,0,0,0.1);
  box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.page-header {
  border:none;
}

.heading:after {
  background-color:#e04343;
}

.main-color .heading:after {
  color:#ce6359;
}

.heading:after,
h1.large-heading:after {
  background-color:#e04343;
}

p.lead {
  color:#e04343;
}

h1.large,
h1.x-large {
  text-shadow:5px 5px 0 rgba(0,0,0,0.25);
}

h2.large,
h2.x-large {
  text-shadow:2px 2px 0 rgba(0,0,0,0.25);
}

h1.large span,
h2.large span,
h1.x-large span,
h2.x-large span,
h1.large.no-shadow,
h2.large.no-shadow,
h1.x-large.no-shadow,
h2.x-large.no-shadow,
h1.large small.no-shadow,
h2.large small.no-shadow,
h1.x-large small.no-shadow,
h2.x-large small.no-shadow {
  text-shadow:none;
}

.heading:after {
  color:#222;
  opacity:0.075;
}

.main-color .heading:after {
  color:#fff;
  opacity:0.075;
}

.light-main-color .heading:after {
  color:#fff;
  opacity:0.075;
}

.dark-main-color .heading:after {
  color:#fff;
  opacity:0.075;
}

.dark-color .heading:after {
  color:#999;
  opacity:0.075;
}

.light-color .heading:after {
  color:#222;
  opacity:0.075;
}

.menu-header .nav > li .beeween-mega-menu.sub-menu h2 {
  color:#e04343;
}

.menu-header .nav > li .beeween-mega-menu.sub-menu .col-md-3:not(:last-child) {
  border-right-color:#eee;
}

.menu-header .nav > li .beeween-mega-menu.sub-menu .mega-inner ul > li > a:not(.btn):hover {
  color:#111;
}

@media (min-width:1025px) {
  .header-1 .menu-header .nav > li .sub-menu,
  .header-4 .menu-header .nav > li .sub-menu {
    background-color:#333;
  }
  .header-1 .menu-header .nav > li .sub-menu h2,
  .header-4 .menu-header .nav > li .sub-menu h2,
  .header-1 .menu-header .nav > li .sub-menu p,
  .header-4 .menu-header .nav > li .sub-menu p {
    color:#999;
  }
  .header-1 .menu-header .nav > li .sub-menu .col-md-3:not(:last-child),
  .header-4 .menu-header .nav > li .sub-menu .col-md-3:not(:last-child) {
    border-right-color:#4d4d4d;
  }
  .header-1 .menu-header .nav > li .sub-menu .mega-inner ul > li > a:not(.btn):hover,
  .header-4 .menu-header .nav > li .sub-menu .mega-inner ul > li > a:not(.btn):hover {
    color:#999;
  }
  .header-1 .menu-header .nav > li .sub-menu > li .sub-menu,
  .header-4 .menu-header .nav > li .sub-menu > li .sub-menu {
    background-color:#333;
  }
}

@media (min-width:1025px) {
  .header-2 .menu-header .nav > li .sub-menu h2,
  .header-2 .menu-header .nav > li .sub-menu p {
    color:#fff;
  }
}

.header-3 .menu-header {
  border-color:#bbb;
}

.page-header {
  padding-bottom:0;
  padding-top:44px;
}

.page-header .container:after {
  content:' ';
  display:block;
  background:#222;
  opacity:0.1;
  height:3px;
  width:100%;
  margin-top:16px;
}

.page-header.main-color {
  background:none;
  color:#222;
}

.page-header.main-color:after {
  background:#e04343;
}

.page-header.dark-main-color {
  background:none;
  color:#222;
}

.page-header.dark-main-color:after {
  background:#c14127;
}

.panel-group {
  border-color:#ddd;
}

ul.entry-meta li {
  background:none !important;
}

ul.entry-meta li a {
  border-right-color:#e04343;
}

#beeween-to-top {
  border-color:#e04343;
  background:#fdfdfd;
}

#beeween-to-top i:before {
  color:#e04343;
}

.swiper-tab .btn {
  background-color:#fff;
  color:#222;
}

.swiper-tab .btn-group .btn.active,
.swiper-tab .btn-group .btn:hover {
  color:#fff;
}

.pricing-table .pricing,
.pricing-table p {
  background:none;
}

.pricing-table .pricing {
  border:none;
}

.fp-tooltip {
  background-color:#333;
  color:#999;
}

#fp-nav {
  background-color:#e04343;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-color:#fff;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  background-color:#fff;
}

.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {
  border:none;
}

.fp-controlArrow.fp-next:after,
.fp-controlArrow.fp-prev:after {
  color:#fff;
}

#fullpage > div:first-child:after {
  color:#e04343;
}

.sb-slidebar {
  background:#ffffff;
}

.sb-slide {
  background:#f7f7f7;
}

@media (max-width:768px) {
  .sb-slide {
    background:#fff;
  }
}

.sb-slide .si-icon-hamburger-cross {
  background:#e04343;
}

.sb-slide .menu-label {
  color:#ccc;
}

.sb-slide .social-icons li a i:before {
  color:#555;
}

.sb-menu {
  opacity:1\9;
}

.navicon-line {
  background:#555;
}

.sb-menu li {
  border-color:#ddd;
}

.sb-menu li a {
  color:#555;
}

.sb-menu li.active {
  background-color:#e04343;
  border-color:#e04343;
}

.sb-menu li.active > a {
  color:#fff;
}

.sb-menu li:hover > a {
  color:#e04343;
}

.sb-menu li:hover.active > a {
  color:#fff;
}

.sb-menu li a {
  color:#222;
}

.sb-menu li .sb-submenu {
  background:#f7f7f7;
}

.sb-menu li .sb-submenu li {
  border:none;
}

.sb-menu li .sb-submenu li a {
  color:#777;
}

.sb-menu li .sb-submenu li.active a,
.sb-menu li .sb-submenu li.active:hover a {
  color:#fff;
  background-color:#e7826e;
}

.sb-menu li .sb-submenu li:hover a {
  color:#e04343;
}

#sb-site .page-header {
  border-color:#eee;
}

.navigation-dark #sb-site .page-header {
  background-color:#333;
  border:none;
}

.navigation-dark #sb-site .page-header h1,
.navigation-dark #sb-site .page-header .breadcrumb > .active {
  color:#ffffff;
}

.ln-doc-example {
  background-color:#fff;
  border-color:#ccc;
}

.ln-doc-example hr:after {
  background:#fff;
}

.ln-doc-example:after {
  color:#959595;
}

.tocify li.tocify-item {
  border-bottom-color:#D7D7D7;
}

.tocify li.tocify-item.active a {
  color:#e04343;
}

.tocify li.tocify-item > a {
  color:#222;
}

.tocify li.tocify-item > a:hover {
  color:#e04343;
}

/*
|--------------------------------------------------------------------------
| Scribens Theme
|--------------------------------------------------------------------------
*/
h1 {font-size: 50px; font-weight: 300;}
h1.large, .h1.large, .page-header h1.large, span.large {font-weight: 300 !important;}
h1 span, h2 span {font-weight: 400 !important; font-size: 35px; margin-bottom: 10px; opacity: 1 !important;}
h1.spetitlebwn  {font-size: 36px; font-weight: 700; margin-bottom: 0.5em;}
.scribright {text-align:right;}
.heading::after {opacity: 0.3 !important;}
h2.top5 {margin-top:5px;}
#beeween-to-top {border-radius: 50% !important; background-color:#ffffff !important;}
.mmpaad {margin:0 10px;}
#integration {background-color: #fcfcfc; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0 !important;}
#services{
  background: #fff; 
  padding-top: 100px;
}
#recherche .box {border:none !important;}
label.nogxtbwn{
    background-color: grey;
    display: initial;
    font-weight: 500;
    margin-bottom: 5px;
    margin-right: 5px;
    max-width: 100%;
    padding: 5px;
    color: white;}
.box.padding-medium {padding: 70px;}
#recherche .form-group {
    margin-bottom: 15px;
    padding-top: 5px;
}
#recherche textarea.form-control {
    height: auto;
    min-height: 290px;
}
.paaad5 {padding-top:5px;}
.paaad10 {padding-top:10px;}
.paaad20 {padding-top:20px;}
.paaad25 {padding-top:25px;}
.paaad30 {padding-top:30px;}
.paaad50 {padding-top:50px;}
.paaad267 {padding-top:267px;}

.navbar-brand {
  padding: 1.5px 0!important;
  margin-left: -15px;
}

#recherche .form-control {
    font-size: 15px;
    padding: 12px 18px !important;
    border: 2px solid #b6b6b6 !important;
    background-color: #fcfcfc;
}

p.scribwntth2 {
  font-weight: 300 !important;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display:inline;
}

h2.scribwntth2 {
  font-weight: 300 !important;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display:inline;
}

h1.scribwntth2 {
  font-weight: 300 !important;
  letter-spacing: 2px;
  display:inline;
}

.heading  p.scribwnttcontent {
    font-size: 50px;
  font-weight: 300;
  letter-spacing: 2px;
  z-index: 5;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  padding-bottom: 0px;
}
.heading  p.scribwnttcontent.scribwnttmedium {
  font-size: 40px;
}
.heading  p.scribwnttcontent span {
  font-weight: 400 !important;
  font-size: 35px;
  margin-bottom: 0px;
  opacity: 1 !important;
  display:block;
  letter-spacing:normal;
  line-height: 1.1;
}

.spekt  p.scribtwoo {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  font-family: 'Segoe-UI';
  line-height: 1.1;
}

.heading  h3.scribwnttcontent {
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 2px;
  z-index: 5;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  padding-bottom: 0px;

}
.heading  h3.scribwnttcontent span {
  font-weight: 400 !important;
  font-size: 35px;
  margin-bottom: 10px;
  opacity: 1 !important;
  display:block;
  letter-spacing:normal;
}

.team-member h3.stiiickmik {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  font-family: 'Segoe-UI';
  line-height: 1.1;
}

.parallax p.parallaxscribs{
  font-size: 47px;
  margin-top: 0;text-shadow: 5px 5px 0 rgba(0,0,0,0.25);font-weight: 300 !important;  color: #fff;  text-transform: uppercase;
  margin-bottom: 0.33em;  line-height: 1.1;  letter-spacing: 1px;
}
  
.nooomarginleft {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-left:0!important;
  padding-left:0!important;
}
  
p.nooomarginleft {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-right:0!important;
  padding-right:0!important;
  letter-spacing: 0px !important;
  padding-left: 2px !important;
}

p.scribsprems {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  margin-top: 5px;
  font-family: 'Segoe-UI';
  line-height: 1.1;
    font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.scribsletter {
  letter-spacing:-0.5px;
}

h1.titlecsribens {
    font-size: 22px;
    letter-spacing:1px;
}

h1.large.scribsstitle, .h1.large.scribsstitle, span.large.scribsstitle {
    font-size: 25px;
}
p.scribsstitle {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 15%;

}
h1.large.scribss, .h1.large.scribss, span.large.scribss { font-size: 45px;}
.lead.scribss {font-size: 32px; margin-bottom: 0 !important; padding-bottom: 0 !important;}
.image-scribens {background-image: url('../../../images/scribens-parallax.jpg');}
.footer-widget {
  margin-bottom: 20px;
  padding-top: 20px;
}
footer#main-footer #footer-rights p {font-size: 13px;}
footer#main-footer {
    background-color: #fff !important;
    border: medium none !important;
    color: #999;
    padding-top: 0 !important;
}
.team-member {margin-bottom: 50px;padding: 24px 24px 0; text-align: center;}
.team-member img {margin: 0 auto; border: 7px solid #fff; }
.team-member p {
    margin-top: 0;
    font-weight: lighter;
    text-align: justify;
}
.pt-premium {padding-top: 150px;}
.iconecolor {color: #e04343;}
.fs16 {font-size:16px !important;}
.light-color .box {background-color: #ffffff; border-color: #d9d9d9;}

.icon.circle.word {
    background-color: #2564a9;
    border: none;
}
.icon.circle.outlook {
    background-color: #f1c11e;
    border: none;
}
.icon.circle.openoffice {
    background-color: #3678c0;
    border: none;
}
.icon.circle.chrome {
    background-color: #ce4e4e;
    border: none;
}
.icon.circle.firefox {
    background-color: #f58d00;
    border: none;
}
.icon.circle.gmail {
    background-color: #ec0c0c;
    border: none;
}
.icon.circle.facebook {
    background-color: #3b5998;
    border: none;
}
.icon.circle.twitter {
    background-color: #19bfe5;
    border: none;
}
.icon.circle.linkedin {
    background-color: #006699;
    border: none;
}
.icon.large.circle img {
    height: 56px;
    width: 56px;
}
.icon.large.circle {
    border-radius: 50%;
    display: inline-block;
    height: 85px;
    padding: 14px 16px 16px 15px;
    width: 85px;
}
.icon.large.circle:hover {
    opacity:0.8;
}

.modal-dialog {
    margin: 30px auto;
    width: 100%;
    max-width:950px;
}
.pt-medium {
    padding-top: 100px;
}
.pb-medium {
    padding-bottom: 80px;
}
a:focus, a:hover {text-decoration: none !important;
}

.has-sub-menu:after {
  background: none;
  content: '\e95f';
  display: block;
  font-family: "custom-icons";
  font-size: 20px;
  height: 1px;
  position: relative;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

a#btnout:after {
  position: absolute;
  top: auto;
  bottom: 25px;
}


@media  (min-width: 786px) and (max-width: 1100px) {
h1 {
    font-size: 45px;
}
h2 {
    font-size: 25px;
}
.pt {
    padding-top: 30px;
}
.pb {
    padding-bottom: 30px;
}
.lead.scribss {
    font-size: 26px;
}
h1.large.scribss, .h1.large.scribss, span.large.scribss {
    font-size: 35px;
}
h1.large.scribsstitle, .h1.large.scribsstitle, span.large.scribsstitle {
    font-size: 23px;
}
.form-group {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 5px;
}
.form-minimal .form-control {
    margin-top: 6px !important;
    text-align: center!important;
}
p.scribsstitle {
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0 18%;
}
.pt.ptphone { padding-top:0px;}
.paaad50.phonescribens {padding:0px;}
.fa-5x {
    font-size: 6em;
}
}

@media  (min-width: 950px) and (max-width: 990px) {
/*.navbar-nav.navbar-right:last-child {margin-right: -80px;}*/
}

@media  (min-width: 651px) and (max-width: 785px) {
h1 {
    font-size: 45px;
}
h2 {font-size: 22px;margin-bottom: 0.6em;}

.fa-5x {font-size: 5em;}
.team-member {padding: 24px 5px 0;}
.pb-medium {
    padding-bottom: 70px;
}
.pt-medium {
    padding-top: 70px;
}
.pt {
    padding-top: 20px;
}
.pb {
    padding-bottom: 25px;
}
.lead.scribss {
    font-size: 22px;
}
h1.large.scribss, .h1.large.scribss, span.large.scribss {
    font-size: 30px;
}
h1.large.scribsstitle, .h1.large.scribsstitle, span.large.scribsstitle {
    font-size: 31px;
}
p.scribsstitle {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 15%;

}
.form-group {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 5px;
}
.form-minimal .form-control {
    margin-top: 6px !important;
    text-align: center!important;
}



}
@media  (min-width: 386px) and (max-width: 650px) {

.media-body, .media-left, .media-right {padding: 5px 25% !important;}

#services .phone {font-size: 14px;}

h1 {font-size: 35px;}
h2 {font-size: 22px;}
h1 span, h2 span {font-size: 28px;}
h1.large.scribsstitle, .h1.large.scribsstitle, span.large.scribsstitle {font-size: 28px;}
aside.publicite {padding-top:15px; padding-bottom:15px;}
#recherche label {font-size:9px;}
#recherche .ptphone {padding-top:10px;}
h1.large.scribss, .h1.large.scribss, span.large.scribss {font-size: 25px;}
.lead.scribss {font-size: 12px;}
#recherche textarea.form-control {min-height: 180px;}
.btn-lg, .btn.large {padding: 20px 32px;}
ul{padding:0px;}
.scribright {text-align: center;}
.feature-box::before, .feature-box::after {
    content: " ";
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    padding-top: 5px;
    text-align: center;
}
.feature-box.media-right {float: none;}
.media-body, .media-left, .media-right {display: block;}
h1.spetitlebwn {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0.5em;
    text-align: center;
}
.fa-5x {font-size: 5em;}
.pt-medium {
    padding-top: 40px;
}
.pt {
    padding-top: 30px;
}
.pb {
    padding-bottom: 30px;
}
.team-member {
    margin-bottom: 35px;
    padding: 10px 3px 0;
    text-align: center;
}
.tooltipsBWN .tooltipster-content, .email-tooltipsBWN .tooltipster-content {
  font-size: 12px;
  padding: 6px 6px;
}
.box.padding-medium {
    padding: 35px;
}
.form-group {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 5px;
}
.form-minimal .form-control {
    margin-top: 6px !important;
    text-align: center!important;
}
.mb {
    margin-bottom: 20px;
}
.navbar-brand {
    margin-left: -15px;
    padding: 7px 0 7px !important;
}
.menu-header .navbar-header .navbar-toggle {
    display: block !important;
    margin: 24px 0 0 !important;
}

}

table#TablePaiement > td[align="top"] {
  vertical-align: top;
}


@media (max-width: 385px) {
#services .phone {font-size: 14px;}

h1 {font-size: 35px;}
h2 {font-size: 22px;}
h1 span, h2 span {font-size: 28px;}
h1.large.scribsstitle, .h1.large.scribsstitle, span.large.scribsstitle {font-size: 28px;}
aside.publicite {padding-top:15px; padding-bottom:15px;}
#recherche label {font-size:9px;}
#recherche .ptphone {padding-top:10px;}
h1.large.scribss, .h1.large.scribss, span.large.scribss {font-size: 25px;}
.lead.scribss {font-size: 12px;}
#recherche textarea.form-control {min-height: 180px;}
.btn-lg, .btn.large {padding: 20px 32px;}
ul{padding:0px;}
.scribright {text-align: center;}
.feature-box::before, .feature-box::after {
    content: " ";
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    padding-top: 5px;
    text-align: center;
}
.feature-box.media-right {float: none;}
.media-body, .media-left, .media-right {display: block;}
h1.spetitlebwn {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0.5em;
    text-align: center;
}
.fa-5x {font-size: 5em;}
.pt-medium {
    padding-top: 40px;
}
.pt {
    padding-top: 30px;
}
.pb {
    padding-bottom: 30px;
}

.team-member {
    margin-bottom: 35px;
    padding: 10px 3px 0;
    text-align: center;
}
.tooltipsBWN .tooltipster-content, .email-tooltipsBWN .tooltipster-content {
  font-size: 12px;
  padding: 6px 6px;
}
.box.padding-medium {
    padding: 35px;
}
.form-group {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 5px;
}
.form-minimal .form-control {
    margin-top: 6px !important;
    text-align: center!important;
}
.mb {
    margin-bottom: 20px;
}
.navbar-brand {
    margin-left: -15px;
    padding: 7px 0 10.5px !important;
}
.menu-header .navbar-header .navbar-toggle {
    display: block !important;
    margin: 24px 0 0 !important;
}

}


.tooltipsBWN, .email-tooltipsBWN {
  border: 0;
  border-radius: 1px; 
  height: 40px;
  margin-top:-2px;
}
.tooltipsBWN .tooltipster-content, .email-tooltipsBWN .tooltipster-content {
  font-family: 'Segoe-UI';
  font-size: 16px;
  line-height: 28px;
  overflow: hidden;
  padding: 6px 10px;
  text-align: center;
}
.tooltipsBWN .tooltipster-content {
  width: 100%;
}
.email-tooltipsBWN .tooltipster-content {
  width: 100%;
}
.email-tooltipsBWN,
.tooltipsBWN  {
  background: #CBCBCB;
}
.email-tooltipsBWN,
.tooltipsBWN {
  color: #000;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px; 
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0; 
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important; 
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important; 
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important; 
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important; 
  border-right: 9px solid;
  margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

header .navbar-default .navbar-nav > li > a.specialscribenspremium {
    color: #e04343;
 }
header .navbar .specialscribenspremium:hover {
    color: #fff !important;
 }
 
 /*.navbar-nav {
    padding-left: 3%;
}*/
.menu-header .nav a {
    font-size: 16px;
    /*padding-top: 32px;*/
}
 .navbar-nav > li > a {
    padding: 31px 10px;
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
   /* easeOutQuint */
}


@media (max-width: 950px) {
header .navbar .specialscribenspremium:hover {
    color: #333 !important;
 }
 .navbar-left {
    float: none !important;
}
.menu-header .navbar-left.phonespacescrib {
    margin-bottom: 3px !important;
}
#global-wrapper .navbar {
    min-height: 70px;
    display: block;
}

}

@media (min-width: 951px) {
  #global-wrapper > header ul.nav.navbar-nav {
    display: flex;
  }
  #global-wrapper > header ul.nav.navbar-nav > li > a {
    white-space: nowrap;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #global-wrapper > header ul.nav.navbar-nav > li > a#btntools {
    display: none;
  }
  #global-wrapper > header #btnvp {
    display: flex;
    flex-direction: row-reverse;
  }
  #global-wrapper > header #btnvp.selected #compte {
    background-image: url(../images/icone/compte/compte-hover.png);
  }
  #global-wrapper > header > .container {
    width: 100%;
  }
  #global-wrapper > header ul#sub-btnout {
    display: none;
    margin: 0;
  }
}

body:not(.mode-abonne-premium) #global-wrapper > header ul.nav.navbar-nav > li > .menuprem {
  display: none;
}

body:not(.mode-abonne-premium) .premium-element {
  display: none !important;
}
body.mode-abonne-premium .non-premium-element {
  display: none !important;
}

html:not([lang="fr"]) .fr-only {
  display: none !important;
}

html:not([lang="en"]) .en-only {
  display: none !important;
}

@media (min-width:951px) and (max-width: 1199px) {
  .menu-header .nav a {
      font-size: 14px;
      padding-top: 30px;
  }
}

@media (max-width: 1024px) {
  #global-wrapper > header .navbar .specialscribenspremium:hover {
    color: #e04343 !important;
    opacity: .7;
  }
  #global-wrapper > header .navbar .specialscribenspremium:hover #compte {
    background-image: url(../images/icone/compte/compte.png);
  }
}

#global-wrapper header .social-networks {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}
#global-wrapper header .social-networks a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}
#global-wrapper header .social-networks .fa-facebook {
  color: #008ece;
  font-size: 18px;
}
#global-wrapper header .social-networks .fa-twitter {
  color: #04abee;
  font-size: 20px;
}
#global-wrapper header .social-networks .fa-linkedin {
  color: #008ece;
  font-size: 20px;
}
#global-wrapper header .social-networks .fa-instagram:before {
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background-image: url(../images/icone/insta-header-icon.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.x-logo {
  max-width: 100%;
  padding: 7px;
}

@media (min-width: 1700px) {  
  #global-wrapper header .social-networks {
    display: flex;
  }
}

/*
|--------------------------------------------------------------------------
| bloc images
|--------------------------------------------------------------------------
*/  
/*** Scribens ***/

.map {
  background-image:url(../images/map/map.jpg);
  background-position: center center;
}

.news-1 {
  background-image:url(../images/news/news-3.jpg);
}

.news-2 {
  background-image:url(../images/news/news-2.jpg);
}

.news-3 {
  background-image:url(../images/news/news-1.jpg);
  background-position: top right;
}

.city {
  background-image:url(../images/city.jpg);
  background-position: center center;
}


.team-1 {
  background-image:url(../images/team/team-corporate-1.jpg);
}

.team-2 {
  background-image:url(../images/team/team-corporate-2.jpg);
}

.team-3 {
  background-image:url(../images/team/team-corporate-3.jpg);
  background-position: top right;
}


/*** adjust some icons ***/

/** single portfolio **/
#back-to-portfolio i:before{
  margin-right: 17px;
}

/** BEEWEEN AJAX a bouger dans le framework **/
.beeween-Ajax-loader{
  overflow:hidden;
  position: relative;
}

.beeween-Ajax-loader .swiper-preloader {
  position: absolute;
  left: 0;
  bottom: -300px;
  z-index: 1;
  text-align: center;
  line-height: 100px;
  background: rgba(255, 255, 255, .6);
  height: 100px;
  width: 100%;
  opacity: 0;
  font-size: 25px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.beeween-Ajax-loader .swiper-preloader.visible {
  bottom: 0px;
  opacity: 1;
  /*z-index: 1;*/
}

@media (max-width: 1025px) {
  
  .swiper-horizontal .swiper-scrollbar{
    height:30px;
    bottom:auto;
    top:0;
    background: rgba(255,255,255,.6);
  }

  .swiper-horizontal  .swiper-scrollbar-drag{
    background: rgba(0,0,0,.6);
  }
}

/** BEEWEEN AJAX a bouger dans le framework **/

/* fix align in template-services.html */
.service-row {
  margin-right: -50px;
  margin-left: -50px;
}

/* image position absolute on home */
.img-absolute {
  position:relative;

}

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

.img-absolute-spacer {
  height:100px;
}


/*** coming soon ***/

#coming-soon-3 label {
  display:none;
}

#coming-soon-3 .form-control {
  color:white;
  font-weight: bold;
}

.logo-coming-soon {
width:200px;
}

@media (max-width: 1024px) {
  body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a.btn.border {
    color: #222;
    border-color: #222;
  }


}
@media (max-width: 1024px) {
  .beeween-mega-menu.image-background {
    background:none;
  }
}

@media (min-width: 1125px) and (max-width: 1201px) {
/*.navbar-nav.navbar-right:last-child {margin-right:20px!important;}*/
body .menu-header .nav a {font-size:14px!important;letter-spacing:0!important;}
body .navbar-nav > li > a {padding:31px 11px!important;}
body:not(.is-authorized) .navbar-nav > li > a#btnvp {
  padding-left: 45px!important;
  padding-right: 20px!important;
}
}
@media (min-width: 1025px) and (max-width: 1124px) {
/*body .navbar-nav.phonespacescrib {padding-left:4%!important;}*/
body .menu-header .nav a {font-size:13px!important;letter-spacing:0!important;}
body .navbar-nav > li > a {padding:31px 9px!important;}
body:not(.is-authorized) .navbar-nav > li > a#btnvp {
  padding-left: 45px!important;
  padding-right: 20px!important;
}
}
@media (min-width: 991px) and (max-width: 1024px) {
body .navbar-nav > li > a {padding:31px 6px!important;}
body .menu-header .nav a {font-size:13px!important;letter-spacing:0!important;}
/*body .container.specialphone {width:100%;padding-left:10%!important;padding-right:10%!important;}*/
/*.navbar-nav.navbar-right:last-child {margin-right:-35px!important;}*/
body:not(.is-authorized) .navbar-nav > li > a#btnvp {
  padding-left: 30px!important;
  padding-right: 10px!important;
}
body:not(.is-authorized) .navbar-nav > li > a#btnvp:before {
  left: 10px;
  top: calc(50% - 8px);
  font-size: 16px;
}
body:not(.is-authorized) .navbar-nav > li > a#btnvp:after {
  left: 0;
  right: 0;
}
}
@media (min-width: 951px) and (max-width: 990px) {
body .navbar-nav > li > a {padding:31px 6px!important;}
body .menu-header .nav a {font-size:13px!important;letter-spacing:0!important;}
/*body .container.specialphone {width:100%;padding-left:10%!important;padding-right:10%!important;}*/
/*.navbar-nav.navbar-right:last-child {margin-right:-65px!important;}*/
body:not(.is-authorized) .navbar-nav > li > a#btnvp {
  padding-left: 8px!important;
  padding-right: 8px!important;
}
body:not(.is-authorized) .navbar-nav > li > a#btnvp:before {
  content: none;
}
body:not(.is-authorized) .navbar-nav > li > a#btnvp:after {
  left: 0;
  right: 0;
}
}
@media (min-width: 150px) and (max-width: 990px) {.has-sub-menu::after {display: none;} body .menu-header .collapse .nav .stylebwnbutton {margin-left:0px!important;}
}




















/*
    // ========================================== \\
   ||                                              ||
   ||                STUDIO GAZOLINE               ||
   ||                                              ||
    \\ ========================================== //
*/ 

/*
|--------------------------------------------------------------------------
| CLASSE DIVERS 
|--------------------------------------------------------------------------
*/

#cookiebanner {
  z-index: 1002;
}

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

.underline {
    border-bottom: solid 1px black;
    border-color: rgb(208, 208, 208);
    width: 85%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.sc-underline {
    border-bottom: solid 1px black;
    border-color: rgb(208, 208, 208);
    width: 85%;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.vignette #contenu0.underline {
  padding-bottom: 25px;
}

#suggestion {
  background-color: #d6d9df;
  font-weight: bold;
  font-size: 20px;
  display: block;
  width: 93%;
  text-align: center;
  height: 56px;
  padding: 4%;
}

.loader{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

/* LOADER 1 */

#loader-1:before, #loader-1:after{
  content: "";
  position: absolute;
  top: 10px;
  left: 10%;
  width: 70%;
  height: 70%;
  border-radius: 100%;
  border: 3px solid transparent;
  border-top-color: #3498db;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 3px solid #ccc;
}

/* LOADER 2 */

#loader-2:before, #loader-2:after{
  content: "";
  position: absolute;
  top: 10px;
  left: 10%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid transparent;
  border-top-color: #3498db;
}

#loader-2:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-2:after{
  border: 3px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

/*
|--------------------------------------------------------------------------
| Soulignement sur hover
|--------------------------------------------------------------------------
*/


/* pour Grammar Rules */
.c-underline:after {
    content: '';
    display: block;
    margin-top: 2px;
    height: 2px;
    width: 0;
    position:absolute;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.c-underline:hover:after {
    width: calc(100% - 9px);
    background: #ff636e;
    text-decoration: none!important;
}

/* pour les liens Download (extension et API) */
.c-underline-D:after {
  content: '';
  display: block;
  margin: auto;
  height: 1px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}

.c-underline-D:hover:after {
  width: 80%;
  background: #ff636e;
}

/* Version Premium */
.c-underlineVP:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}

.c-underlineVP:hover:after {
  width: 100%;
  background: #0085ca;
}

.version-premium-container {
  display: grid;
  column-gap: 20px;
  row-gap: 20px;
}
.version-premium-container strong {
  font-weight: bold;
  font-family: 'Segoe-UI-Bold'; 
}
.version-premium-container a {
  position: relative;
}
.version-premium-container a:after {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.version-premium-container a:hover:after {
  width: 100%;
  background: #ff636e;
}
.version-premium-container .text-small {
  font-size: 80%;
}
.version-premium-container .text-red {
  color: #e04343;
}
.version-premium-container .text-italic {
  font-style: italic;
}
.premium-section {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 20px 40px 20px;
  text-align: left;
  border: 1px solid #e2e2e6;
  border-radius: 10px;
}
.premium-section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
}
img.premium-section-title-icon {
  width: 45px;
  max-width: 45px;
}
.premium-section-title-text {
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
  color: #333;
  font-size: 18px;
}
.premium-section-text-list {
  list-style: none;
  padding: 0 20px;
}
.premium-section-text-list li:before {
  content: "";
  border-color: transparent #ef7377;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -15px;
  top: 18px;
  position: relative;
}

@media (min-width: 992px) {
  .version-premium-container {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }
  .premium-section-text-list {
    padding: 0 40px;
  }
}

/*
|--------------------------------------------------------------------------
| FONTS 
|--------------------------------------------------------------------------
*/

/* ////// Font family ////// */
.segoe-regular{font-family: 'Segoe-UI';}
.segoe-bold{font-family: 'Segoe-UI-Bold';}

/* ////// Color ////// */
.red{color:#ee6e73;}
.dark-grey{color:#323439;}
.dark-grey{color:#323439;}
.grey{color:#64676e;}


/*
|--------------------------------------------------------------------------
| BOX MODEL 
|--------------------------------------------------------------------------
*/
/* ////// padding ////// */

/* ////// margin ////// */
.margin-bottom-70 {margin-bottom: 70px;}
.margin-top-50 {margin-top: 50px;}



/*
|--------------------------------------------------------------------------
| SELECT
|--------------------------------------------------------------------------
*/
.select-hidden { display: none; visibility: hidden; padding-right: 10px;}
.select { cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #fff; border-radius: 5px;width: 310px; height: 40px;}
.select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color:#64676e;border: 1px solid #ddd; border-radius: 5px; padding: 8px 15px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.select-styled:after { 
  position: absolute;
  top: 8px;
  right: 15px;
  font-family: FontAwesome;
  content: "\f0d7";
  color: #267bbe;
  transition: transform .2s ease-in-out;
}
.select-styled:hover {  }
.select-styled:active, .select-styled.active { color:#64676e}
.select-styled:active:after, .select-styled.active:after { 
  transform: rotate(180deg);
}
.select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; margin-top: 2px; list-style: none; background-color: #fff; color:#64676e; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.select-options li { 
  margin: 0; 
  padding: 12px 15px;
  -moz-transition: all 0.15s ease-in; 
  -o-transition: all 0.15s ease-in; 
  -webkit-transition: all 0.15s ease-in; 
  transition: all 0.15s ease-in;  
  border-top: 1px solid #ddd;
}
.select-options li a {
  padding: 12px 15px;
  display: block;
  color: #64676e;
}
.select-options li:hover {  background: #f5f5f5; }
.select-options li[rel="hide"] { display: none;}


#PanelBtn #languageLabel {
  padding: 7px;
}
#languageLabel .select {
  font-size: 14px;
  width: 74px;
  transition: width 0.2s ease-in-out;
}
#languageLabel .select[label-length="5"] {
  width: 108px;
}
#languageLabel .select .select-styled {
  padding: 7px;
}
#languageLabel .select .select-styled:after {
  top: 10px;
  right: 8px;
}
#languageLabel .select .styled-grid-selected-item {
  border: none;
  background-color: #f6f6f6;
  color: #64676e;
  display: flex;
  column-gap: 7px;
}
#languageLabel .select .styled-grid-wrapper {
  font-weight: normal;
  font-family: 'Segoe-UI';
  text-transform: capitalize;
}
  /*
  |--------------------------------------------------------------------------
  | RANGE
  |--------------------------------------------------------------------------
  */
.slider-range { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #f6f6f6; outline: none;  border:1px solid #e2e6ec; height:8px; width: calc(100% - 50px) !important; display: inline-block !important;}
 
.slider-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; cursor: pointer;
  background: #fff;
  border:0!important;
  box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.3);}
.slider-range::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%;  cursor: pointer; background: #fff;
  border:0!important;
  box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.3);}
.number-range{width: 38px; display: inline-block; margin-left: 10px;}


/*
|--------------------------------------------------------------------------
| SWITCH
|--------------------------------------------------------------------------
*/
.switch {width: 24rem;position: relative;}
.switch input {position: absolute; z-index: 2;opacity: 0;cursor: pointer;}
.switch input:checked {z-index: 1;}
.switch input:checked + label {opacity: 1;cursor: default;}
.switch input:not(:checked) + label:hover {opacity: 0.5;}
.switch label {color: #64676e;  cursor: pointer;}
.switch .toggle-outside {
  height: 100%;
  border-radius: 20px;
  padding: 3px;
  transition: 0.25s ease all;
}
.switch .toggle-inside {border-radius: 5rem;background: #fff;position: absolute;transition: 0.25s ease all; box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.3);}
.switch--horizontal {width: 18rem;height: 5rem;margin: 0 auto;font-size: 0;margin-bottom: 1rem;}
.switch--horizontal .Cor-LabelOption{vertical-align: baseline;}
.switch--horizontal input {height: 29px; width: 60px; right: 60px; margin: -20px 0 0;}
.switch--horizontal label {font-size: 1.5rem;line-height: 3rem;display: inline-block;width: 6rem;height: 100%;margin: 0;text-align: center;}
.switch--horizontal label:last-of-type {margin-left: 6rem; padding-left: 9rem;}
.switch--horizontal .toggle-outside {background: #287bbe; position: absolute; width: 60px; right: 70px; height: 29px; margin: 0;}
.switch--horizontal .toggle-inside {
  height: 23px;
  width: 23px;
  top: 3px;
}
.switch--horizontal  .toggle-outside.right {opacity:0.4}
.switch--horizontal  .toggle-outside.right .toggle-inside {right: 0.25rem;}
.switch--horizontal  .toggle-outside.left {}
.switch--horizontal  .toggle-outside.left .toggle-inside {/*right: 3.25rem;*/}
#SettingsShowUPSol .Cor-LabelOption {margin-bottom: 20px; display: block;}


/*
|--------------------------------------------------------------------------
| TABS
|--------------------------------------------------------------------------
*/


.tabs-number-2 li{display: inline-block; width: 50%; float: left;}
.tabs-number-3 li{display: inline-block; width: 32.333%; float: left;}
.tabs-number-4 li{display: inline-block; width: 25%; float: left;}

.Tabs {position: relative; background-color: #fff; margin: 0; padding: 0; list-style: none;}
.Tabs:after { content: " "; display: table; clear: both;}



.tabs-number-2 .Tabs__tab { display:inline-block; width: 50%; text-align: center;}
.tabs-number-2 .Tabs__tab:first-child.active ~ .Tabs__presentation-slider {   left: 0;  }
.tabs-number-2 .Tabs__tab:nth-child(2).active ~ .Tabs__presentation-slider {    left: 50%;  }
.tabs-number-2 .Tabs__tab:nth-child(3).active ~ .Tabs__presentation-slider {    left: calc(50% * 2);  }
.tabs-number-2 .Tabs__presentation-slider { position: absolute; bottom: 0; left: 0; width: 50%; height: 4px; background-color: #287bbf; transition: left 0.25s;}

.tabs-number-3 .Tabs__tab { display:inline-block; width: 33.333%; text-align: center;}
.tabs-number-3 .Tabs__tab:first-child.active ~ .Tabs__presentation-slider {   left: 0;  }
.tabs-number-3 .Tabs__tab:nth-child(2).active ~ .Tabs__presentation-slider {    left: 33.333%;  }
.tabs-number-3 .Tabs__tab:nth-child(3).active ~ .Tabs__presentation-slider {    left: calc(33.333% * 2);  }
.tabs-number-3 .Tabs__presentation-slider { position: absolute; bottom: 0; left: 0; width: 33.333%; height: 4px; background-color: #287bbf; transition: left 0.25s;}
.tabs-number-3 .Tabs__tab.inactive {
  opacity: .5;
  pointer-events: none;
}

.tabs-number-4 .Tabs__tab { display:inline-block; width: 25%; text-align: center;}
.tabs-number-4 .Tabs__tab:first-child.active ~ .Tabs__presentation-slider {   left: 0;  }
.tabs-number-4 .Tabs__tab:nth-child(2).active ~ .Tabs__presentation-slider {    left: 25%;  }
.tabs-number-4 .Tabs__tab:nth-child(3).active ~ .Tabs__presentation-slider {    left: calc(25% * 2);  }
.tabs-number-4 .Tabs__presentation-slider { position: absolute; bottom: 0; left: 0; width: 25%; height: 4px; background-color: #287bbf; transition: left 0.25s;}
 

.Tab > a { display: block; padding: 10px 12px; text-decoration: none; color: #666; transition: color 0.15s;}


/*
|--------------------------------------------------------------------------
| SCROLLBAR
|--------------------------------------------------------------------------
*/
#DivRepetitions #scrollbar {height:230px!important; width:(100% - 20px)!important; overflow: visible!important;}
#scrollbar {width: 100%!important; overflow: visible!important;}
#scrollbar::after {content:'';  bottom:0; left:0; right:0; height:20px; width:100%; background: url(../images/shadow-tablescroll.png) repeat-x center bottom; position: absolute;}
#scrollbar .simplebar-mask{border:1px solid #d6d9df}
#scrollbar .Stat-GridRep{border:0}
#scrollbar .simplebar-vertical{background:url(../images/background-scrollbar.jpg) repeat-y center; right:0; width: 12px;  border-top: 1px solid #d6d9df; border-right: 1px solid #d6d9df; border-bottom:1px solid #babdc2}
#scrollbar .simplebar-vertical .simplebar-scrollbar{background: #d6d9df; right: 0; width: 11px; border-radius: 10px; border:1px solid #c3c6cb;}


[data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}
.simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit;}
.simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0;}
.simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; width: 103%;}
/*.simplebar-content .Stat-CellStyleNb {padding-right: 18px;}*/
.simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; visibility: visible; overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */ max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */}
.simplebar-content:before,
.simplebar-content:after { content: " "; display: table;}
.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none;}
.simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0;}
.simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1;}
.simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden;}
[data-simplebar].simplebar-dragging .simplebar-track {pointer-events: all;}

.simplebar-scrollbar { position: absolute; right: 2px; width: 7px; min-height: 10px;}
/* .simplebar-scrollbar:before { position: absolute; content: ""; background: black; border-radius: 7px; left: 0; right: 0; opacity: 1; transition: opacity 0.2s linear;} */
.simplebar-scrollbar:before {display:none;}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear;}
.simplebar-track.simplebar-vertical { top: 0; width: 11px;}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px;}
.simplebar-track.simplebar-horizontal { left: 0; height: 11px;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto;}

#StyleTexte[style*="visibility: hidden"] #scrollbar .simplebar-content-wrapper,
#StyleTexte[style*="visibility: hidden"] #scrollbar .simplebar-vertical {
  visibility: hidden !important;
}
#StyleTexte[style*="visibility: hidden"] #scrollbar * {
  transition: none !important;
}
#StyleTexte {
  position: relative;
}
#TabsDivWait {
  position: absolute;
  inset: 0;
  display: none;
}
#TabsDivWait.TabsDivWait-Visible {
  display: block;
}
#TabsDivWait-Backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
  opacity: .8;
}
#TabsDivWait-Spinner {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  z-index: 20;
  position: absolute;
  width: 200px;
  top: 100px;
  left: calc(50% - 100px);
}
#TabsDivWait-Spinner .Cor-LabelWait {
  font-size: 14px;
  text-align: center;
}
#TabsDivWait-Spinner #loader-1 {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { right: auto; left: 0;}
.hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll;}

.Stat-PanelStat #scrollbar {margin-bottom: 20px;}

/*
|--------------------------------------------------------------------------
| RADIO BUTTON
|--------------------------------------------------------------------------
*/
 
#checkboxs [type="radio"]:not(:checked),
#checkboxs [type="radio"]:checked,
#StyleTexte [type="radio"]:not(:checked),
#StyleTexte [type="radio"]:checked,
#StyleTexte [type="radio"]:not(:checked),
.Prem-GridInformationsCompte [type="radio"]:checked,
.Prem-GridInformationsCompte [type="radio"]:not(:checked)  {position: absolute; left: -9999px;}

#checkboxs [type="radio"]:checked + label,
#checkboxs [type="radio"]:not(:checked) + label,
#StyleTexte [type="radio"]:checked + label,
#StyleTexte [type="radio"]:not(:checked) + label,
.Prem-GridInformationsCompte [type="radio"]:checked + label,
.Prem-GridInformationsCompte [type="radio"]:not(:checked) + label {cursor: pointer; line-height: 20px; display: inline-block; color: #666; vertical-align: top;  }

#checkboxs [type="radio"]:checked + label:before,
#checkboxs [type="radio"]:not(:checked) + label:before,
#StyleTexte [type="radio"]:checked + label:before,
#StyleTexte [type="radio"]:not(:checked) + label:before,
.Prem-GridInformationsCompte [type="radio"]:checked + label:before,
.Prem-GridInformationsCompte [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 2px solid #b4b3b7; border-radius: 100%; background: #fff;}

#checkboxs [type="radio"]:checked + label:after,
#checkboxs [type="radio"]:not(:checked) + label:after,
#StyleTexte [type="radio"]:checked + label:after,
#StyleTexte [type="radio"]:not(:checked) + label:after,
.Prem-GridInformationsCompte [type="radio"]:checked + label:after,
.Prem-GridInformationsCompte [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #48a0e7; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

#checkboxs [type="radio"]:not(:checked) + label:after, 
#StyleTexte [type="radio"]:not(:checked) + label:after, 
.Prem-GridInformationsCompte [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#checkboxs [type="radio"]:checked + label:after,
#StyleTexte [type="radio"]:checked + label:after,
 .Prem-GridInformationsCompte [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.Prem-PopupVPremium.popaction #checkboxs [type="radio"]:checked + label:before,
.Prem-PopupVPremium.popaction #checkboxs [type="radio"]:not(:checked) + label:before{top: 5px;}
.Prem-PopupVPremium.popaction #checkboxs [type="radio"]:checked + label::after,
.Prem-PopupVPremium.popaction #checkboxs [type="radio"]:not(:checked) + label::after{top: 9px;}

/*
|--------------------------------------------------------------------------
| Container interface
|--------------------------------------------------------------------------
*/
.container-interface{width:100%; max-width:1400px; margin:0 auto;}
.container-interface .wrapper-shadow{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); width:100%; display: block; min-height:400px; }
.container-interface .ortho-flex.flex .wrapper-shadow{
  min-height: 1030px;
  display: flex;
  flex-direction: column;
}
body#rules .container-interface .ortho-flex.flex .wrapper-shadow {
  min-height: auto;
  height: fit-content;
  height: -moz-fit-content;
}
@media only screen and (min-width: 1600px) {
  html[lang="fr"] body#dictionnary .container-interface,
  html[lang="fr"] body#rules .container-interface,
  html[lang="fr"] body#connecteur-logique .container-interface,
  html[lang="fr"] body#formules-politesse .container-interface,
  html[lang="fr"] body#presentation-lettres .container-interface,
  html[lang="fr"] body#ideas-emotions .container-interface,
  html[lang="fr"] body#relation-client-mail .container-interface,
  html[lang="fr"] body#chartjs-page .container-interface,
  body#feature-resume .container-interface,
  body#feature-rewriting .container-interface {
    max-width: 1685px;
  }
  html[lang="fr"] body#dictionnary .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#rules .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#connecteur-logique .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#formules-politesse .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#presentation-lettres .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#ideas-emotions .container-interface .ortho-flex.flex .wrapper-shadow,
  body#feature-resume .container-interface .ortho-flex.flex .wrapper-shadow,
  body#feature-rewriting .container-interface .ortho-flex.flex .wrapper-shadow {
    min-width: 1130px;
  }
}
@media only screen and (min-width: 1700px) {
  html[lang="fr"] body#dictionnary .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#rules .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#connecteur-logique .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#formules-politesse .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#presentation-lettres .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#ideas-emotions .container-interface .ortho-flex.flex .wrapper-shadow,
  html[lang="fr"] body#relation-client-mail .container-interface .ortho-flex.flex .wrapper-shadow,
  body#feature-resume .container-interface .ortho-flex.flex .wrapper-shadow,
  body#feature-rewriting .container-interface .ortho-flex.flex .wrapper-shadow {
    min-width: 1230px;
  }
}
body#formules-politesse .container-interface .wrapper-shadow,
body#connecteur-logique .container-interface .wrapper-shadow {
  min-height: auto;
}
.container-interface .side-pub{ 
  width: 190px; 
  min-width: 190px;
  display:inline-block; 
  padding-left: 25px;
}
.container-interface .side-pub:first-child{
  padding-right: 25px; 
  padding-left: 0!important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* redefine display because jQuery `.show()` use `display: block` */
@media (min-width: 768px) {
  .container-interface .side-pub:first-child[style*="display: block;"] {
    display: flex !important;
  }
}
.container-interface a.scribens-product-link {
  display: block;
  margin-bottom: 2px;
}
.container-interface img.scribens-product-img {
  max-width: 100%;
}
/*.container-interface .side-pub > div{display:block!important}*/
.container-interface .row{margin-right:0; margin-left:0;}

/*
|--------------------------------------------------------------------------
| Panel btn action
|--------------------------------------------------------------------------
*/
#PanelBtn{
  background-color:#696d78; 
  position: relative; 
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#PanelBtn .left{
  /*float:left;*/
  display: flex;
  justify-content: flex-start;
}
#PanelBtn .right{
  /*float:right; */
  /*border-left:1px solid #b4b6bc;*/
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn .left {
  flex: 1;
}
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn .right {
  flex: 0 1 0;
}
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #copy-clipboard,
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #paste-clipboard,
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #clear {
  flex: 1;
  justify-content: center;
}
@media (min-width: 992px) {
  html[lang="en"] #PanelBtn #check {
    min-width: 220px;
  }
}
#PanelBtn .button {
  /*height:60px;*/
  /*display:inline-block;*/
  display: flex;
  align-items: center;
  margin-bottom: 0; 
  font-size:14px;
  font-family: 'Segoe-UI-Bold'; 
  color: #fff; 
  text-transform: uppercase; 
  cursor: pointer; 
  /*line-height: 60px;*/
  padding: 15px; 
  transition: background-color 0.3s !important;
}
#PanelBtn .button:hover{background-color:#565a65; }
#PanelBtn .button .action{margin-bottom:0}
#PanelBtn .button span{
  vertical-align: middle; 
  display: flex;
  align-items: center;
  text-align: center;
  column-gap: 9px;
  /*line-height: 15px;*/
}
#PanelBtn .button img{
  /* margin-right:9px; */
  width:21px;
}
#PanelBtn.tablet-row .left {
  flex: 1;
}
#PanelBtn.tablet-row .right {
  flex: 0;
}
#PanelBtn:not(.tablet-row) #indications,
#PanelBtn:not(.tablet-row) #specialchars-non-premium {
  width: 51px;
  max-width: 51px;
}
#PanelBtn #indications span > img {
  margin: 0;
  width: 23px;
  transform: translateX(-1px); /* right border fix */
}
#PanelBtn .left .button {
  border-right:1px solid #b4b6bc
}
html.mobile-page #PanelBtn #paste-tablet {
  border-right: none;
}

#PanelBtn #SampleText {
  text-align: center;
  border-left: 1px solid #b4b6bc;
  margin-left: -1px; /* merge with the close border */
}
#PanelBtn #SampleText {
  white-space: nowrap;
}
html[lang="fr"] #PanelBtn #SampleText {
  background-color: transparent;
}
#PanelBtn #rephrase-fn {
  position: relative;
  background-color: #287bbf;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1140px) {
  body.mode-abonne-premium #PanelBtn #rephrase-fn {
    border-left: 1px solid #b4b6bc;
  }
}

@keyframes shine {
  0% {
    left: -150%;
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

#PanelBtn #rephrase-fn::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -150%;
  width: 100%;
  height: 200%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.1) 20%,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.3) 60%,
    rgba(255, 255, 255, 0.1) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skew(-25deg);
  z-index: 1;
}

.shine-effect::before {
  animation: shine 3s ease-in-out infinite;
}

#rephrase-fn-info-popup.is-focused {
  position: absolute;
  inset: auto;
}
#rephrase-fn-info-popup.is-focused .rephrase-fn-info-popup--container {
  padding: 20px; 
  width: 350px;
}
#rephrase-fn-info-popup.is-focused .rephrase-fn-info-popup--desc {
  font-size: 16px;
}
#rephrase-fn-info-popup.is-focused .rephrase-fn-info-popup--button {
  width: 100%;
}

#PanelBtn #synonyms-fn {
  background-color: #287bbf;
  border-left: 1px solid #b4b6bc;
  white-space: nowrap;
}

#PanelBtn .tooltip {
  z-index: 10001;
}

html[lang="fr"] #PanelBtn #copy-clipboard-non-premium {
  padding: 15px 30px;
}
html[lang="en"] #PanelBtn #copy-clipboard-non-premium {
  padding: 15px 25px;
}
#PanelBtn #settingsLabel {
  padding: 15px 20px;
}
body:not(.mode-abonne-premium) #PanelBtn #settingsLabel .button-label {
  display: none;
}
#PanelBtn #stylePanelLabel {
  padding: 15px 35px;
}
html[lang="en"] #PanelBtn #settingsLabel {
  padding: 15px 22px;
}
html[lang="en"] #PanelBtn #stylePanelLabel {
  padding: 15px;
}
html[lang="en"] body.mode-abonne-premium #PanelBtn #stylePanelLabel {
  padding: 15px 34px;
}
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #copy-clipboard,
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #paste-clipboard,
html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #clear {
  padding: 10px;
}
html body.mode-abonne-premium .button-separator {
  flex: 1;
}
#PanelBtn #stylePanelLabel.active {
  background-color: #565a65;
}
#PanelBtn #stylePanelLabel > span > * {
  pointer-events: none;
}
#PanelBtn #stylePanelLabel > span {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 9px;
}
#PanelBtn #stylePanelLabel > span > div {
  display: none;
  /* display: flex; */
  align-items: center;
  justify-content: center;
}
#PanelBtn #stylePanelLabel > span > img {
  margin: 0;
}
#PanelBtn #stylePanelLabel input#stylePanelToggle {
  position: relative;
  left: auto;
  margin: 0;
  height: 0;
  width: 0;
  visibility: hidden;
}
#PanelBtn #stylePanelLabel #stylePanelToggleLabel {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 20px;
  background: transparent;
  display: block;
  border-radius: 20px;
  position: relative;
  margin: 0;
}
#PanelBtn #stylePanelLabel #stylePanelToggleLabel:before {
  content: none;
}
#PanelBtn #stylePanelLabel #stylePanelToggleLabel {
  border: 1px solid #b5b6bc;
}
#PanelBtn #stylePanelLabel #stylePanelToggleLabel:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  background: #b5b6bc;
  border-radius: 16px;
  transition: 0.3s;
  opacity: 1;
  transform: scale(1);
}
#PanelBtn #stylePanelLabel input#stylePanelToggle:checked + label {
  background: #b4b6bc;
}
#PanelBtn #stylePanelLabel input#stylePanelToggle:checked + label:after {
  background: #fff;
  left: calc(100% - 1px);
  transform: translateX(-100%);
}
#PanelBtn #stylePanelLabel #stylePanelToggleLabel:active:after {
  width: 20px;
}

#PanelBtn #specialchars img,
#PanelBtn #specialchars-non-premium img {
  margin-right: 0;
  width: 20px;
}
#PanelBtn #importing-files {
  background-color:#287bbf;
  border-left:1px solid #b4b6bc;
  text-align: center;
}
#PanelBtn #check{
  background-color:#ee6e73;
  flex: 1;
  justify-content: center;
}
#PanelBtn #actions{
  /*display:inline-block;*/
  display: flex;
  align-items: center;
  position:relative;
  border-right: 1px solid #b4b6bc;
}
#PanelBtn #actions .action {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 9px;
}
#PanelBtn #actions .action > span {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}
#PanelBtn #actions:hover ul#actions-lift {
  display: block;
}
#PanelBtn #actions ul{
  padding-left:0!important; 
  /* display: none;  */
  display: block; 
  transform: translateY(100%); 
  width:100%; 
  min-width: 230px; 
  left:0; 
  border-left:1px solid #e4e5e7; 
  border-right:1px solid #e4e5e7; 
  border-bottom:1px solid #e4e5e7; 
  position:absolute; 
  bottom:0; 
  margin-bottom: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0.3s, opacity 0.3s;
}
#PanelBtn #actions:hover ul{
  /* display: block; */
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
#PanelBtn #actions ul li{background-color:#fff; border-bottom:1px solid #e4e5e7;}
#PanelBtn #actions ul li:last-child{ border-bottom:0} 
#PanelBtn #actions ul li button{
  border: 0; 
  background: transparent; 
  width:100%; 
  color:#64676e; 
  text-align: left; 
  text-transform:uppercase; 
  transition: all 0.3s!important; 
  padding: 15px 15px 15px 45px;
  white-space: nowrap;
  position: relative;
}
/*#PanelBtn #actions ul li span {position: relative; vertical-align: text-top; margin-left: 5px; width: 35px;}*/
#PanelBtn #actions ul li span img{
  position:absolute; 
  transition: all 0.3s!important; 
  top: calc(50% - 12.5px);
  left: 5px;
}
#PanelBtn #actions ul li button#specialchars span img {
  top: 15px;
  left: 9px;
}
#PanelBtn #actions .action i.fa-chevron-down {
  font-size: 12px;
}
#PanelBtn #actions ul li span img:last-child{opacity: 0;}
#PanelBtn #actions ul li:hover img:last-child{opacity: 1;}
#PanelBtn #actions ul li:hover img:first-child{opacity: 0;}
#PanelBtn #actions ul li:hover button{background-color:#eee; color:#287bbf;}
#PanelBtn .button span.nowrap {
  white-space: nowrap;
}

body:not(.mode-abonne-premium) #PanelBtn .left #settingsLabel {
  padding: 15px;
}

body.mode-abonne-premium #PanelBtn #actions:not(.hidden) + div#copy-tablet {
  border-left: 1px solid #b4b6bc;
}

html[lang="en"] #PanelBtn #specialchars-non-premium {
  display: none;
}

html[lang="fr"] body:not(.mode-abonne-premium):not(.max-size-editor) #PanelBtn .left {
  flex: 1;
}
html[lang="fr"] body:not(.mode-abonne-premium):not(.max-size-editor) #PanelBtn #copy-clipboard,
html[lang="fr"] body:not(.mode-abonne-premium):not(.max-size-editor) #PanelBtn #paste-clipboard,
html[lang="fr"] body:not(.mode-abonne-premium):not(.max-size-editor) #PanelBtn #clear {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[lang="fr"] body:not(.mode-abonne-premium):not(.max-size-editor) #PanelBtn .right {
  flex: 0 1 0;
}

/* @media (min-width: 1600px) {
  html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn #importing-files {
    flex: 1;
    max-width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
} */

@media (min-width: 1345px) and (max-width: 1445px) {
  body.mode-abonne-premium.max-size-editor #PanelBtn .left {
    flex: 1;
  }
  body.mode-abonne-premium.max-size-editor #PanelBtn #copy-clipboard,
  body.mode-abonne-premium.max-size-editor #PanelBtn #paste-clipboard,
  body.mode-abonne-premium.max-size-editor #PanelBtn #clear {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  body.mode-abonne-premium.max-size-editor #PanelBtn .right {
    flex: 0 1 0;
  }
  body.mode-abonne-premium.max-size-editor #PanelBtn #importing-files {
    white-space: nowrap;
  }
  body.mode-abonne-premium.max-size-editor #PanelBtn #check {
    min-width: 280px;
  }
}



@media (min-width: 1345px) {
  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn .left {
    flex: 1;
  }
  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #copy-clipboard,
  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #paste-clipboard,
  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #clear {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.mode-abonne-premium.max-size-editor #PanelBtn #copy-clipboard,
  body.mode-abonne-premium.max-size-editor #PanelBtn #paste-clipboard,
  body.mode-abonne-premium.max-size-editor #PanelBtn #clear {
    min-width: 240px;
    justify-content: center;
  }

  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn .right {
    flex: 0 1 0;
  }
  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #importing-files {
    white-space: nowrap;
  }
  body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #check {
    min-width: 290px;
  }
}

/* @media (max-width: 1445px) {
  html[lang="fr"] body.mode-abonne-premium #PanelBtn #actions {
    border-right: none;
  }
} 
@media (min-width: 1446px) {
  html[lang="fr"] body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #actions {
    border-right: none;
  }
}*/
@media (min-width: 992px) {
  html[lang="fr"] body:not(.mode-abonne-premium) #PanelBtn .left #copy-clipboard,
  html[lang="fr"] body:not(.mode-abonne-premium) #PanelBtn .left #paste-clipboard,
  html[lang="fr"] body:not(.mode-abonne-premium) #PanelBtn .left #clear {
    width: 128px;
    min-width: 128px;
  }  
  
  /* html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn .left #copy-clipboard,
  html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn .left #paste-clipboard,
  html[lang="en"] body:not(.mode-abonne-premium) #PanelBtn .left #clear {
    width: 111px;
    min-width: 111px;
  } */

  /* html[lang="en"] body.mode-abonne-premium #PanelBtn #importing-files {
    display: flex;
    justify-content: center;
    min-width: 175px;
  } */
}
/* @media (max-width: 1599px) {
  html[lang="en"] body.mode-abonne-premium:not(.max-size-editor) #PanelBtn #actions {
    border-right: none;
  }
} */

.popaction{overflow: visible; position: absolute; z-index: 200; left: 1092.5px; top: 297px; visibility: visible;}
.popaction .wrapp-checkbox .item{position: relative;}
.popaction .wrapp-checkbox .item label{margin-top: 6px;}
.popaction .wrapp-checkbox .item .label-checkbox{display:inline-block; padding-left: 27px;}

html[lang="en"] #PanelBtn #check {
  max-width: 350px;
}

@media (max-width: 1260px) {
  /* used for non-premium layout (with ads) */
  #pub1[style*="display: block"] + section #PanelBtn .button > span > img,
  #pub1[style*="display: block"] + section #PanelBtn .button > p > img {
    margin-right: 0;
    margin-bottom: 9px;
  }
  #pub1[style*="display: block"] + section #PanelBtn .button > span,
  #pub1[style*="display: block"] + section #PanelBtn .button > p { 
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 1115px) {
  body.mode-abonne-premium #PanelBtn .button > span, 
  body.mode-abonne-premium #PanelBtn .button > p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 820px) {
  body.mode-abonne-premium #PanelBtn .button {
    font-size: 12px;
  }
}

@media (max-width: 605px) {
  /* hide button text */
  body.mode-abonne-premium #PanelBtn #copy-clipboard > span,
  body.mode-abonne-premium #PanelBtn #paste-clipboard > span,
  body.mode-abonne-premium #PanelBtn #clear > span {
    color: transparent;
    width: 15px;
    font-size: 0px;
  }
}

@media (max-width: 450px) {
  body.mode-abonne-premium #PanelBtn #copy-clipboard,
  body.mode-abonne-premium #PanelBtn #paste-clipboard,
  body.mode-abonne-premium #PanelBtn #clear {
    display: none;
  }
}

@media (max-width: 950px) {
  #PanelBtn #check {
    max-width: 200px;
  }
}
@media (min-width: 950px) {
  #PanelBtn #check {
    max-width: 300px;
  }
}

@media (max-width: 900px) {
  #PanelBtn .button > span > img,
  #PanelBtn .button > p > img {
    margin-right: 0;
    margin-bottom: 9px;
  }
  #PanelBtn .button > span,
  #PanelBtn .button > p { 
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 530px) {
  #PanelBtn .button {
    font-size: 12px;
    padding: 10px;
  }
}

@media (max-width: 350px) {
  #PanelBtn .button {
    font-size: 11px;
    padding: 10px 5px;
  }
}

/*@media (max-width: 1110px) {
  #PanelBtn .button {
    font-size: 14px; 
    padding: 0 15px;
  }
}*/
@media (max-width:991px) {
  #recherche .container-interface .wrapper-shadow {width: 100%;}
  #recherche .container-interface .central-content {width: 100%!important;}
}
 


/*
|--------------------------------------------------------------------------
| Interface Grammar check
|--------------------------------------------------------------------------
*/
.container-interface .interface{
  border: 1px solid #d6d9df; 
  border-top: 0; 
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;  
  display: flex; 
  height: 100% !important; 
}

body#extensions-table .container-interface .interface {
  border: none;
}

/* ////// Sidebar ////// */
.container-interface .sidebar {
  /* min-width: 290px;  */
  /* display: none;  */
  /* border-right: 1px solid #d6d9df;  */
  min-width: 0;
  width: 0;
  background:#f1f1f1; 
  font-family: 'Segoe-UI-Bold';
}
.container-interface .sidebar.anim {
  transition: min-width .3s, width .3s;
}
.container-interface .sidebar.visible {
  width: 292px;
  min-width: 292px; 
  border-right: 1px solid #d6d9df; 
}
.container-interface .sidebar .Cor-styleTexteVP{ background:#f1f1f1; }

.container-interface .sidebar .Cor-styleTexteVP > div.open,
.sidebar .Tabs__content.active { 
    animation: animSlideUp .6s; /* Tous les autres navigateurs */
    -webkit-animation: animSlideUp .6s; /* Safari, Opera, Chrome */
    display:block!important;
  
}
@keyframes animSlideUp {
  0% {
      opacity:0; 
      -webkit-transform: translateY(20px);  
      -ms-transform: translateY(20px); 
          transform: translateY(20px); 
  }

  100% {
    -webkit-transform: translateY(0);  
    -ms-transform: translateY(0); 
        transform: translateY(0); 
        opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
      opacity:0; 
  }

  100% {
        opacity: 1;
  }
}

.Stat-StatTextePanel .Stat-PanelStat > .Stat-AnalyseTitre {padding-left: 0!important}

/* .container-interface .sidebar #DivDisplayStyle{border:0!important; padding:0!important} */
.container-interface .sidebar > .Stat-PanelStat > .Stat-AnalyseTitre{font-family: 'Segoe-UI-Bold'; font-size:16px; text-transform: uppercase; text-align: left; padding-left: 35px;}
.container-interface .sidebar > .Stat-PanelStat {padding:10px 20px!important; border-bottom:2px solid #d6d9df}
.container-interface .sidebar #DivRepetitions > .Stat-AnalyseTitre{background:url(../images/icone/picto-redundancies.svg) no-repeat left center;}
.container-interface .sidebar #DivRephrase > .Stat-AnalyseTitre{background:url(../images/icone/picto-rephrases.svg) no-repeat left center;}
.container-interface .sidebar #DivVocabularyEnhancement > .Stat-AnalyseTitre{background:url(../images/icone/picto-vocabulary.svg) no-repeat left center;}
.container-interface .sidebar #DivSubjectivity > .Stat-AnalyseTitre{background:url(../images/icone/picto-subjectivity.svg) no-repeat left center;}
.container-interface .sidebar #DivSentences > .Stat-AnalyseTitre{background:url(../images/icone/picto-sentenses.svg) no-repeat left center;}
.container-interface .sidebar #DivRegister > .Stat-AnalyseTitre{background:url(../images/icone/picto-language.svg) no-repeat left center;}
.container-interface .sidebar table{position: relative; }
.container-interface .sidebar #DivDisplayStyle .Stat-GridRep tr{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s;   -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.container-interface .sidebar #DivDisplayStyle .Stat-GridRep tr:hover{background-color:#287bbf; color:#fff;}
/* .container-interface .sidebar table.Stat-GridRep:first-child{padding:20px 30px!important; border-bottom:2px solid #d6d9df} */
.container-interface .sidebar table [type="radio"]:checked + label, .container-interface .sidebar table [type="radio"]:not(:checked) + label {position: absolute; padding-left: 0; right: 7px; width: 10px; bottom: 11px;}
.container-interface .sidebar .Stat-PanelStat {padding: 10px 20px; border-bottom: 1px solid #d6d9df; }
.container-interface .sidebar .Stat-PanelStat .Stat-GridRep{border:1px solid #d6d9df}
.Stat-StatTextePanel{padding-top:25px;}
.container-interface .sidebar .Stat-PanelStat > .Stat-AnalyseTitre {font-family: 'Segoe-UI-Bold'; font-size: 16px; text-transform: uppercase; text-align: left; padding-left: 35px; margin-bottom: 12px !important; margin-top: 5px;}
.container-interface .sidebar .Stat-PanelStat table table td{max-width: 150px;}

/* ////// Central content ////// */
#recherche.zonerecherche {padding-bottom:50px!important}
.container-interface .central-content{width:100%; display: inline-block; position: relative;}
.container-interface .central-content #TextArea{border:0!important; padding-top: 0;}
.container-interface .central-content #TextArea{border:0!important; padding-top: 0;}
.container-interface .central-content #TextArea #hidden-input{display: none}
#recherche .central-content #TextArea #FrameTx{
  width:100%;
  /*height:100%;*/
  border:0px;
  height: calc(100% - 60px)!important;
}
#recherche .central-content #TextArea #hidden-input {
  height:0;
  padding:0;
  border:0;
}
.container-interface .central-content .nav-textarea {position:absolute; right:20px; top:20px; border-radius:5px; padding:7px 10px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);}
.container-interface .central-content .nav-textarea button{margin:0 8px; border: 0; background: transparent; padding: 0;}
.container-interface .central-content .nav-textarea button img{height: 24px; }

.tooltips { position: relative; }
.tooltips::after {
  content:"";
  width: 0;
height: 0;
border-style: solid;
border-width: 0 6.5px 9px 6.5px;
border-color: transparent transparent #696d78 transparent;
position: absolute;
transition: 0.3s;
top: 47px;
left: 0;
margin-left: 3px;
opacity: 0;

}
.tooltips::before {
  content: attr(data-tips);
  display: block;
  position: absolute;
  top: 55px;
  background: #696d78;
  color: #FFF;
  border-radius: 5px;
  opacity: 0;
  transition: 0.3s;
  overflow: hidden;
  pointer-events: none;
  padding: 3px 9px;
  left: 0;
  transform: translateX(-44%);
  white-space: nowrap;
  font-size: 13px;
color: #ddd;
}

.tooltips:hover::before { opacity:1; top: 45px; }
.tooltips:hover::after { opacity:1; top: 36px; }

.video-premium-container {
  position: relative;
}
.video-premium-container video {
  width: 100%;
  height: auto;
}
.video-play-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.video-play-container .fa-play {
  font-size: 50px;
  color: #039ad7;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.video-play-container .fa-play:before {
  position: relative;
  left: 6px;
  transition: .3s transform, .3s color;
}
.video-play-container:hover .fa-play:before {
  transform: scale(1.1);
}
.video-play-container .video-play-backdrop {
  position: absolute;
  width: 100%;
  height: calc(100% - 10px);
  background-color: #fff;
  opacity: .7;
}
div#index-player-video-premium {
  margin-bottom: 40px;
}
div#version-premium-player {
  margin: 50px 0;
}
div#version-premium-player .video-play-backdrop {
  background-color: #f5f5f5;
}

#app-section {
  background-color: #fff;
  background-image: url(../images/promo/app-section-bg.svg);
  background-repeat: no-repeat;
  background-position: 111% -60%;
  background-size: 500px;
}
#app-section .container {
  padding: 120px 0 70px 0;
}
#app-section .d-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
#app-section .text-block {
  font-family: Ubuntu;
  flex-basis: 425px;
}
#app-section .video-block {
  position: relative;
  flex-basis: 50%;
  min-height: 660px;
}
#app-section .text-block .promo-header {
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 25px;
  margin-top: 50px;
}
#app-section .text-block .promo-subheader {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
}
#app-section .text-block .promo-desc {
  margin-bottom: 75px;
}
#app-section .text-block .googleplay-btn img {
  width: 186px;
}
#app-section .text-block .text-blue {
  color: #0286ca;
}
#app-section .text-block .text-red {
  color: #e04343;
}
#app-section .phone-emulator {
  position: absolute;
  top: -30px;
  left: 55px;
  z-index: 1;
  width: 320px;
  height: 660px;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 13px 0 rgb(0 0 0 / 10%);
}
#app-section .phone-emulator .phone-emulator-speaker {
  position: relative;
  height: 45px;
}
#app-section .phone-emulator .phone-emulator-speaker div:first-child {
  width: 75px;
  background-color: #c4c4c4;
  height: 3px;
  position: absolute;
  top: 25px;
  left: 118px;
  border-radius: 10px;
}
#app-section .phone-emulator .phone-emulator-speaker div:last-child {
  width: 5px;
  background-color: #c4c4c4;
  height: 5px;
  position: absolute;
  top: 24px;
  left: 197px;
  border-radius: 50%;
}
#app-section .phone-emulator .phone-emulator-screen {
  height: calc(100% - 45px);
  padding: 0 20px 30px 20px;
  text-align:center;
}
#app-section .phone-emulator .phone-emulator-screen video,
#app-section .phone-emulator .phone-emulator-screen img {
  max-width: 100%;
  max-height: 100%;
}
#app-section .phone-emulator .phone-emulator-bottom {
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #fff;
  left: 0;
  bottom: 32px;
}
#app-section .phone-emulator.phone-emulator-behind {
  top: 7px;
  left: 300px;
  height: 592px;
  z-index: auto;
}
#app-section .phone-emulator.phone-emulator-behind .phone-emulator-screen {
  padding: 0 15px 25px 25px;
}
#app-section .phone-emulator.phone-emulator-behind .phone-emulator-bottom-line {
  width: 74px;
  background-color: #c4c4c4;
  height: 3px;
  position: absolute;
  bottom: 25px;
  left: calc(50% - 37px);
  border-radius: 10px;
}

html[lang="fr"] #premsup .heading p.scribwnttcontent:first-child {
  margin: 0;
  padding: 40px 0;
}

@media only screen and (max-width: 1200px) {
  #app-section .text-block {
    flex-basis: 35%;
  }
  #app-section .video-block {
    flex-basis: 65%;
  }
}
@media only screen and (max-width: 990px) {
  #app-section {
    text-align: center;
    background-position: 111% -10%;
    background-size: 300px;
  }
  #app-section .d-flex {
    flex-direction: column;
  }
  #app-section .text-block,
  #app-section .video-block {
    flex-basis: 100%;
    width: 100%;
  }
  #app-section .text-block {
    padding: 0 15vw;
    margin-bottom: 100px;
  }
  #app-section .phone-emulator {
    left: 12%;
  }
  #app-section .phone-emulator.phone-emulator-behind {
    left: 44%;
  }
  div#version-premium-player {
    margin: 50px 20px;
  }
}
@media only screen and (max-width: 720px) {
  #app-section .video-block {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  #app-section .phone-emulator {
    position: relative;
    top: 0;
    left: 0;
  }
  #app-section .phone-emulator.phone-emulator-behind {
    display: none;
  }
}
@media only screen and (max-width: 560px) {
  #app-section {
    background-position: 111% -10%;
    background-size: 300px;
  }
  div#version-premium-player {
    margin: 50px 10px;
  }
}
@media only screen and (max-width: 320px) {
  #app-section .phone-emulator {
    transform: scale(0.9);
  }
}

/* ////// Popup ////// */
#overlayPopup{ background: rgba(0, 0, 0, 0.6); height:100%; width:100%; position:fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; display:none;}
#overlayPopup.open{animation: fadeIn .4s; -webkit-animation: fadeIn .4s; display:block}

.Prem-PopupVPremium .closer{position: absolute; right: 10px; top: 14px; z-index: 101;}
.Prem-PopupVPremium .titre{background-color: #287bbf; border-radius: 10px 10px 0 0; color: #fff; text-transform: uppercase; font-weight: 600; padding: 20px; text-align: center; font-size: 16px; font-family: 'Segoe-UI-Bold'; position: absolute; top: 0; left: 0; right: 0;}
.Prem-PopupVPremium .maindiv{padding: 90px 50px 30px; }
.Prem-PopupVPremium .buttons{background-color:#f6f6f6; border-radius: 0 0 10px 10px; padding:30px 20px 30px 20px; text-align:center;}
.Prem-PopupVPremium .buttons table{width: 100%;}
.Prem-PopupVPremium .buttons .Cor-RedButton {display: inline-block;}
.Prem-PopupVPremium .buttons.two-buttons tr td {
  width: 50%;
}
.Prem-PopupVPremium .buttons.two-buttons tr td > .Cor-RedButton {
  width: 80%;
}
.Prem-PopupVPremium .Cor-TabOptions {border-bottom:1px solid #d6d9df}

.Prem-PopupVPremium .Cor-TabOptions .Cor-LiOptions a {display: block;}

.Prem-PopupVPremium .titre {
  cursor: default;
  z-index: 100;
}
.Prem-PopupVPremium.dragging .titre {
  cursor: move;
}

/* mobile and tablet rules */
@media only screen and (max-width: 992px) {
  .Prem-PopupVPremium .buttons.two-buttons tr td > .Cor-RedButton {
    width: 95%;
    padding: 20px 0 !important;
  }
}



.wrappTabs  {border-bottom:1px solid #d6d9df; width: 95%; margin:50px auto 30px auto;}
.wrappTabs .Cor-TabOptions {border-bottom:1px solid #d6d9df}
.wrappTabs .Cor-TabOptions li{display: inline-block; width: 25%!important; float: left;}
.wrappTabs .Cor-TabOptions .Cor-LiOptions a {display: block;}

#TabPrem {width: 100%; max-width:630px; border-bottom:0;}
#TabPrem .Cor-LiOptions a {padding: 14px 5px;}

 
 
 
.wrappTabs .Tabs__tab { display:inline-block; width: 25%; text-align: center;}
.wrappTabs .Tabs__tab:first-child.active ~ .Tabs__presentation-slider {   left: 0;  }
.wrappTabs .Tabs__tab:nth-child(2).active ~ .Tabs__presentation-slider {    left: 25%!important;  }
.wrappTabs .Tabs__tab:nth-child(3).active ~ .Tabs__presentation-slider {    left: calc(25% * 2)!important;  }
.wrappTabs .Tabs__tab:nth-child(4).active ~ .Tabs__presentation-slider {    left: calc(25% * 3)!important;  }
.wrappTabs .Tabs__presentation-slider { position: absolute; bottom: 0; left: 0; width: 25%!important; height: 4px; background-color: #287bbf; transition: left 0.25s!important;}
 

/*
|--------------------------------------------------------------------------
| Dictionnaries
|--------------------------------------------------------------------------
*/
#dictionnary .container-interface .wrapper-shadow {width: 100%;}
#dictionnary .container-interface .central-content{width:100%; display: inline-block;}
#dictionnary .container-interface .central-content #MainDiv{width:100%!important; background: #fff; /*padding-bottom: 1px!important;*/}
#PanelDict .navDict .Cor-RedButton{border-radius:40px!important; line-height: 50px!important; height: 50px!important;}
#PanelDict .navDict .Cor-RedButton.auteurs{margin-left:10px!important;}
#PanelDict {padding:0!important; border:0!important}
#PanelDict {text-align: center}
.Syn-MotProche{border-radius: 0 !important;font-family: 'Segoe-UI' !important;color: #3C3C3C !important;margin-bottom: 9px;margin-right: 30px;}
#ListDivCitations, .ListDivTheme {
  /*border: 1px solid #d6d9df;
  margin: 30px;
  margin-top: 30px;*/
  padding: 0 30px 30px;
  display: block;
}
#ListDivCitAuthors .divAuthorList, #ListDivCitAuthors .divAuthorList table {text-align:center; width:100%;}
#ListDivCitAuthors .divAuthorList table td {width:100%!important; }
#ListDivCitAuthors .divAuthorList {
  padding: 20px;
}
.ListDivTheme{display: flex; justify-content: space-between;}
#PanelDict > div td{display:inline-block;}
#PanelDict .Cor-RedButton {height: 60px; margin-bottom: 0; padding: 0 20px!important; font-size: 16px; font-family: 'Source Sans Pro'; color: #fff; text-transform: uppercase; cursor: pointer; line-height: 60px; padding: 0 20px; border-radius: 0!important; margin-left: 0 !important;  border-right:1px solid #b4b6bc; background-color:#ee6e73;}
#PanelDict > div td:last-child .Cor-RedButton {border-right: 0;}
#PanelDict #InputDict{
  padding: 10px;
  border-radius: 7px;
  border: 0;
  margin: 0 10px;
  width: 200px !important;
}
#PanelDict #MainDivConj{margin-top:0!important; background: #fff;}
#PanelDict #MainDivConj table{width:100%}
#PanelDict #MainDivConj > div:first-child{background-color:#f1f1f1}
#PanelDict #MainDivConj .Conj-DescriptionVerbe{background-color:#f1f1f1; margin-top: 0 !important; padding-bottom: 30px; color:#64676e;}
#PanelDict #MainDivConj .Conj-DescriptionVerbe b{color:#323439;}
#PanelDict #MainDivConj .Conj-TitreCatTps {
  font-size: 19px;
  color: #348EBF;
  text-transform: uppercase;
  font-family: 'Segoe-UI-bold';
  padding: 0 0 20px !important;
  border-bottom: 1px solid #d6d9df;
  margin-top: 0 !important;
  border-top: 0 !important;
} /*  margin-top: 10px !important; text-transform: uppercase; */
#PanelDict #MainDivConj  .forme-active,
#PanelDict #MainDivConj  .accord-avec,
#PanelDict #MainDivConj  .forme-pronominale{padding-bottom: 1px;}
 .Regles-TitreSommaire {
  font-size: 19px;
  color: #323439;
  font-family: 'Segoe-UI-bold';
  padding: 20px 0 20px !important;
  /* border-bottom: 1px solid #d6d9df; */
  border-top: 0 !important;
  background-color: #f1f1f1;
  text-align: center;
}
#PanelDictNav {
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 !important;
  background-color:#696d78;
}
#PanelDictNav .Cor-RedButton {
  padding: 0 !important;
  border: none !important;
}
#PanelDictNav #InputDict {
  flex: 1;
  border-radius: 0;
  width: auto!important;
  margin: 0;
  background-color: #ee6e73;
  padding: 18px 18px 18px 50px;
  outline: none;
  color: #fff;
  min-width: 200px;
}
#PanelDictNav #InputDict::placeholder {
  color: #fff;
}
#PanelDictNav #InputDict:focus {
  background-color: #fff;
  color: #333;
}
#PanelDictNav #InputDict:-webkit-autofill {
  box-shadow: 0 0 0 60px #ee6e73 inset !important;
  -webkit-text-fill-color: #fff;
}
#PanelDictNav #InputDict:-webkit-autofill:focus,
#PanelDictNav #InputDict:-webkit-autofill:active  {
  box-shadow: 0 0 0 60px white inset !important;
  -webkit-text-fill-color: #333;
}
#PanelDictNav .PanelDictNav--RedRow {
  position: relative;
  display: flex;
  background-color: #ee6e73;
  width: 100%;
}
#PanelDictNav .PanelDictNav--LoupeIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 60px;
  background-image: url(../images/icone/picto-search.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 15px;
}
#PanelDictNav #InputDict:focus + .PanelDictNav--LoupeIcon {
  background-image: url(../images/icone/picto-search-focus.png);
}
#PanelDictNav .PanelDictNav--RedRow .PanelDictNav--ButtonGroup {
  display: flex;
}
#PanelDictNav .PanelDictNav--WhiteRow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  background-color: #f6f6f6;
  box-shadow: 0px 3px 5px #dcdcdc, inset 0px 3px 3px #dcdcdc;
}
#PanelDictNav .PanelDictNav--RedRow .Cor-RedButton {
  background-color: transparent;
  padding: 0 15px!important;
  border-left: 1px solid #f59fa2 !important;
}
#PanelDictNav .PanelDictNav--RedRow .Cor-RedButton.active {
  background-color: #e04343!important;
}
#PanelDictNav .PanelDictNav--WhiteRow .Cor-RedButton {
  padding: 0 15px!important;
  background-color: transparent;
  color: #333;
  border-left: 1px solid #e5e5e5 !important;
}
#PanelDictNav .PanelDictNav--WhiteRow .Cor-RedButton:hover {
  background-color: #e8e8e8 !important; 
}
#PanelDictNav .PanelDictNav--WhiteRow .Cor-RedButton.active {
  background-color: #e3e3e3 !important;
}

#MainDivConj #words-prep {
  margin: 0px 30px 30px;
  padding: 30px;
  display: flex !important;
}
#MainDivConj #words-prep .words-prep-examples {
  padding: 30px 10px 10px 10px;
}
#MainDivConj #words-prep .Conj-TitreCatTps.VerbeTitle {
  color: #64676e;
  width: 100%;
}


@media (max-width: 1350px) {
  #PanelDictNav #InputDict {
    border-bottom: 1px solid #f1868a;
  }
  #PanelDictNav .PanelDictNav--RedRow {
    flex-wrap: wrap;
  }
  #PanelDictNav .PanelDictNav--RedRow .PanelDictNav--ButtonGroup {
    flex: 1;
    justify-content: flex-end;
  }
  #PanelDictNav .PanelDictNav--RedRow .Cor-RedButton {
    flex: 1;
  }
  #PanelDictNav .PanelDictNav--RedRow .Cor-RedButton:first-child {
    border-left: none !important;
  }
}
@media (max-width: 1150px) {
  #PanelDictNav #InputDict {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
  }
  #PanelDictNav .PanelDictNav--RedRow .PanelDictNav--ButtonGroup {
    flex-wrap: wrap;
  }
  #PanelDictNav .PanelDictNav--RedRow .Cor-RedButton {
    flex-basis: 50%;
  }
  #PanelDictNav .PanelDictNav--RedRow .Cor-RedButton:nth-child(-n+3) {
    border-bottom: 1px solid #f1868a !important;
  }
}
@media (max-width: 550px) {
  #PanelDictNav .PanelDictNav--WhiteRow {
    flex-wrap: wrap;
  }
  #PanelDictNav .PanelDictNav--WhiteRow .Cor-RedButton {
    border-left: none !important;
    flex-basis: 100%;
  }
}
@media (max-width: 1050px) {
  .Regles-TitreSommaire {
    font-size: 23px !important;
    padding-right: 20px !important;
    text-align: right !important;
  }
}

#PanelDict #MainDivConj .simple-form > div,
#PanelDict #MainDivConj .interrogative-form > div,
#MainDivConj .forme-active > div,
#MainDivConj .forme-active > tr,
#MainDivConj .accord-avec > div,
#MainDivConj .accord-avec > tr,
#MainDivConj .forme-pronominale > div,
#MainDivConj .forme-pronominale > tr,
#PanelDict #MainDivConj .negative-form > div,
#PanelDict #MainDivConj .simple-form > tr,
#PanelDict #MainDivConj .interrogative-form > tr,
#PanelDict #MainDivConj .negative-form > tr{border: 1px solid #d6d9df; margin:30px; padding:30px;  display: block;}
#PanelDict #MainDivConj table tr{border-bottom:1px solid #d6d9df }
#MainDivConj .forme-active > div,
#MainDivConj .forme-pronominale > div{margin-top:30px!important}
#PanelDict #MainDivConj iframe{width:100%!important}
#PanelDict .main-synonym{margin:0!important}
#PanelDict .main-synonym > table{justify-content: center; align-items: start; display: flex;}
#PanelDict .main-synonym .Syn-TitreSyn {padding-top: 20px; padding-bottom: 10px !important; background-color: #f1f1f1;}
#PanelDict .main-synonym .Syn-SynType {font-size: 19px; text-align: center; color: #348EBF;  text-transform: uppercase; font-family: 'Segoe-UI-bold';padding-bottom: 0 !important; margin-top: 0 !important; border-top: 0 !important;}
#PanelDict .main-synonym table.row {padding: 0 10px; width: 100%;}
#PanelDict .main-synonym table .item {float:left; margin-top: 40px; padding: 0 10px;}
#PanelDict .wrapper-syns {margin:20px;}
#PanelDict .main-synonym table .wrapper, #PanelDict .wrapper-syns {border:1px solid #d2d2d2; padding: 20px; text-align: left;}
#PanelDict .main-synonym table .wrapper .Syn-SynSens{text-transform: uppercase;font-family: 'Segoe-UI-bold'; margin-bottom: 10px; color:#323439; padding-top: 30px; border-top: 1px solid #d6d9df; margin-top: 30px;}
/* #PanelDict .main-synonym table .wrapper .wrapp-list{column-count:2} */
#PanelDict .main-synonym table .wrapper span{display:block; position:relative }
#PanelDict .main-synonym table .wrapper span::before{content:'•'; height:4px; width:4px; color: #ee6e73; margin-right: 6px;}
#PanelDict .main-synonym table .wrapper .antonyms{font-size: 16px; text-align: left; color: #b2b1b5;  text-transform: uppercase; font-family: 'Segoe-UI-bold'; padding-bottom: 5px !important; margin-top: 15px !important;  border-top: 0 !important;}
#PanelDict .main-synonym table .wrapper .antonyms::before{display:none!important}

/*
|--------------------------------------------------------------------------
| Grammer rules
|--------------------------------------------------------------------------
*/
#rules .container-interface .wrapper-shadow {width: 100%;}
#rules .central-content, #rules #MainDiv{width:100%!important; background: #fff; border-top: 1px solid #d6d9df;}
.Regles-Panel {background: #fff;     padding-bottom: 1px;}
#PanelExerc.Regles-Panel .select{margin: 20px 0 20px 30px;}
.Regles-Panel > table, .Regles-FrameRegle{width:100%!important}
/* .Regles-Panel .td-rules{border-right: 1px solid #d6d9df;} */
/* .Regles-Panel .td-rules:last-child{border-right:0} */
.back-btn{background-image:url(../images/icone/arrow-back.png); background-repeat: no-repeat; color:#ee6e73; margin: 20px 0 0 20px; cursor: pointer; font-size: 16px; text-transform: uppercase; font-family: 'Segoe-UI-bold'; padding-left: 45px;}

#labelTitleRule{margin-bottom :15px;position : absolute;width: 100%;text-align:center;font-size :30px;}
 
.Regles-Panel .td-rules{float:left!important;}
.Regles-Panel .td-rules > div > table{width:100%!important;}
.Regles-Panel .td-rules .Cor-RedButton{padding: 6px 19px !important;font-size: 17px;width: auto !important;text-align: center;margin-bottom: 7px;}
.Regles-Panel .TdButtonExerc > .Cor-RedButton.scribens-spinner:after {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
}

#DivExerc {
  /* margin-top: 10px; */
  /* margin-left: 30px; */
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
  /* margin-right: 30px; */
}
#DivExerc > .exerc-line-block {
  margin-bottom: 30px!important;
}
#DivExerc > .exerc-line-block .exerc-exp-row {
  margin-left: 30px;
  margin-top: 15px;
}
#DivExerc > .exerc-line-block .exerc-exp-row img {
  vertical-align: text-bottom;
}
#DivRules {padding: 0; width: 100%;}
#DivRules select:first-of-type{top:100px;margin-bottom: 20px; margin-left: 30px;max-width: 264px}
.c-regles-button-retour {position: absolute;color: #ee6e73;margin-left: 30px; margin-top:-68px;font-weight: bold;text-transform: uppercase;}
#regles-check-button {
  width :min-content;
  /* margin-top:20px; */
  /* margin-bottom: 40px; */
  /* margin-left: 30px; */
}

#PanelExerc .header-icon {
  width: 45px;
}

.exercises-wrapper {
  padding: 10px 30px;
}
.exercises-block {
  display: flex;
  column-gap: 30px;
}
div#exercices-block.scribens-spinner {
  min-height: 200px;
}
.exercises-block--left-side {
  width: 250px;
}
.exercises-block--right-side {
  flex: 1;
  background-color: #f6f6f6;
  border: 1px solid #dee0e3;
  padding: 20px;
  border-radius: 10px;
}
.exercises-block--menu-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  color: #4190ca;
  margin-top: 25px;
  margin-bottom: 0;
  padding-bottom: 10px;
  letter-spacing: 1px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
  border-bottom: 1px solid #e2e2e6;
}
.exercises-block--menu-item {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #e2e2e6;
  border-left: 1px solid #e2e2e6;
  border-right: 1px solid #e2e2e6;
  cursor: pointer;
}
.exercises-block--menu-item.done {
  background-image: url(../images/icone/picto-done.svg);
  background-size: 20px;
  background-position: 210px center;
  background-repeat: no-repeat;
}
.exercises-block--menu-item.selected {
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
  color: #2c7cbf;
  background-color: #e9f2f9;
  border-right: 1px solid #e9f2f9;
}
.exercises-block--menu-item.selected:before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  width: 3px;
  background-color: #297bbf;
}
.exercises-block--menu-item.selected:after {
  content: '';
  position: absolute;
  right: -11px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 10px;
  border-color: transparent transparent transparent #e9f2f9;
}
.exercises-block--menu .exercises-block--menu-item:first-child {
  border-top: 1px solid #e2e2e6;
}
.exercises-block--menu .exercises-block--menu-title.hidden + .exercises-block--menu-item {
  border-top: 1px solid #e2e2e6;
}
/* div#exercices-panel.v2-layout .exercices-panel--header {
  margin-bottom: 20px;
} */
div#exercices-panel.v2-layout #DivExerc {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding-top: 0;
  border-top: none;
  overflow: hidden;
}
div#exercices-panel.v1-layout.placeword-layout #DivExerc {
  padding-top: 40px;
}
div#exercices-panel.v2-layout #DivExerc > div {
  width: 0;
  /* overflow: hidden; */
  transform: rotateY(180deg);
  transition: transform .3s;
}
div#exercices-panel.v2-layout #DivExerc > div:not(.active) {
  visibility: hidden;
  pointer-events: none;
}
div#exercices-panel.v2-layout #DivExerc > div.active {
  width: 100%;
  transform: rotateY(0);
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
div#exercices-panel.v2-layout #DivExerc > div.active table.placeword-table {
  margin-top: 30px;
}
div#exercices-panel.v2-layout #DivExerc .Exerc-ParEx {
  display: none;
}
div#exercices-panel .exercices-panel--progress-row {
  display: none;
}
div#exercices-panel.v2-layout .exercices-panel--progress-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
div#exercices-panel.v2-layout .exercices-panel--progress-row .progress {
  width: 300px;
  background-color: #d9d9d9 !important;
  margin-top: 15px;
  border-radius: 0;
  height: 7px;
}
div#exercices-panel.v2-layout .exercices-panel--progress-row .progress-bar {
  background: #337ab7 !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  transition: width .6s ease;
  border-radius: 0;
}
/* div#exercices-panel.v2-layout .Exerc-DescExerc {
  display: none;
} */
div#exercices-panel.v2-layout .button-check-row #regles-check-button img[src$="arrow-right-thin.svg"] {
  margin-left: 10px;
}
div#exercices-panel #DivExerc td {
  vertical-align: middle;
}
div#exercices-panel #DivExerc .select {
  margin: 0 10px;
  width: auto;
}
div#exercices-panel #DivExerc .select .select-styled {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  border-radius: 20px;
  color: #267bbf;
  padding: 8px 20px;
  background-color: #fff;
}
div#exercices-panel #DivExerc .select .select-styled .placeholder {
  visibility: hidden;
}
div#exercices-panel #DivExerc .select .select-styled:after {
  position: relative;
  top: 2px;
  right: auto;
}
div#exercices-panel #DivExerc .select .select-styled.active {
  border-color: #267bbf;
  z-index: 2;
  background-color: #fff;
}
div#exercices-panel #DivExerc .select .select-styled.active + .select-options {
  z-index: 1;
}
div#exercices-panel #DivExerc .select .select-styled.active + .select-options li:first-child {
  padding-top: 20px!important;
  border-top: none;
  z-index: 1;
}
div#exercices-panel .exerc-line-block input[type="text"] {
  color: #2c7cbf;
  border-radius: 20px;
}
div#exercices-panel #DivExerc table.is-valid .exerc-text,
div#exercices-panel #DivExerc table.is-invalid .exerc-text {

}
div#exercices-panel #DivExerc .select .select-options {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  top: 15px;
}
div#exercices-panel #DivExerc .select .select-options li:hover {
  background-color: #e9f2f9;
}
div#exercices-panel #DivExerc .select .select-options li a {
  padding: 10px 15px;
  white-space: nowrap;
}
div#exercices-panel .yesno-table {
  width: 100%;
}
div#exercices-panel .yesno-table.is-valid .exerc-exp-row {
  font-style: italic;
}
div#exercices-panel .yesno-table.is-invalid .exerc-exp-row {
  color: #f07277;
}
div#exercices-panel .yesno-table.is-valid .yesno-group,
div#exercices-panel .yesno-table.is-invalid .yesno-group {
  pointer-events: none;
}
div#exercices-panel .yesno-group input[type="radio"] {
  display: none;
}
div#exercices-panel .yesno-group label {
  background-color: #e6e7eb;
  color: #7d7f85;
  padding: 10px 25px;
  border-radius: 20px;
  font-weight: normal;
  font-size: 15px;
  cursor: pointer;
  transition: background-color .3s;
}
div#exercices-panel .yesno-group input[type="radio"]:checked + label {
  background-color: #297abf;
  color: #fff;
}
div#exercices-panel .yesno-group input[type="radio"].inactive + label {
  background-color: #f1f1f1;
  color: #d6d7d9;
}
div#exercices-panel .yesno-group input[type="radio"].is-valid + label {
  background-color: #d2e1ed;
  color: #4c95cd;
  font-weight: bold;
}
div#exercices-panel .yesno-group input[type="radio"].is-invalid + label {
  background-color: #f4dbdd;
  color: #ee6f74;
  font-weight: bold;
}
div#exercices-panel .yesno-group:last-child {
  text-align: right;
}
div#exercices-panel .goodwrongword-table.is-valid + .exerc-exp-row {
  font-style: italic;
}
div#exercices-panel .goodwrongword-table.is-invalid + .exerc-exp-row {
  color: #f07277;
}
div#exercices-panel .goodwrongword-group {
  display: inline;
}
div#exercices-panel .goodwrongword-group input[type="checkbox"] {
  display: none;
}
div#exercices-panel .goodwrongword-group label {
  padding: 0 5px !important;
  background-color: #e6e7eb;
  color: #7d7f85;
  border-radius: 3px;
  font-weight: normal;
  cursor: pointer;
  transition: background-color .3s;
}
div#exercices-panel table[data-type="GoodWrongWord"].is-valid .goodwrongword-group,
div#exercices-panel table[data-type="GoodWrongWord"].is-invalid .goodwrongword-group {
  pointer-events: none;
}
div#exercices-panel .goodwrongword-group label:before,
div#exercices-panel .goodwrongword-group label:after {
  content: none;
}
div#exercices-panel .goodwrongword-group input[type="checkbox"]:checked + label {
  background-color: #297abf;
  color: #fff;
}
div#exercices-panel .goodwrongword-group input[type="checkbox"].is-valid + label {
  background-color: #408fca;
  color: #fff;
}
div#exercices-panel .goodwrongword-group input[type="checkbox"].is-invalid + label {
  background-color: #ef6d74;
  color: #fff;
  text-decoration: line-through;
}
div#exercices-panel .placeword-table {
  min-width: 600px;
}
div#exercices-panel .placeword-table td.placeword-group {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 7px;
  margin-bottom: 25px;
}
div#exercices-panel .placeword-table tr.placeword-group--pos-sol td {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 20px;
}
div#exercices-panel .placeword-table .placeword-group--text,
div#exercices-panel .placeword-table span.placeword-sol {
  background-color: #e7e6e7;
  padding: 3px 10px;
  border-radius: 3px;
  color: #4a7aa3;
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
}
div#exercices-panel .placeword-table span.placeword-sol:not(.visible) {
  display: none;
}
div#exercices-panel .placeword-table span.placeword-sol.is-valid {
  background-color: #d3e1ee;
}
div#exercices-panel .placeword-table span.placeword-sol.is-invalid {
  color: #ed777b;
}
div#exercices-panel .placeword-table .placeword-group--arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 40px;
}
div#exercices-panel .placeword-table button.placeword-group--arrow-left,
div#exercices-panel .placeword-table button.placeword-group--arrow-right {
  width: 30px;
  height: 30px;
  border: none;
  background-color: #2b7bbe;
  border-radius: 50%;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
div#exercices-panel .placeword-table button.placeword-group--arrow-left:hover,
div#exercices-panel .placeword-table button.placeword-group--arrow-right:hover {
  opacity: .8;
}
div#exercices-panel .placeword-table button.placeword-group--arrow-left {
  background-image: url(../images/icone/picto-arrow-left.svg);
}
div#exercices-panel .placeword-table button.placeword-group--arrow-right {
  background-image: url(../images/icone/picto-arrow-right.svg);
}
div#exercices-panel.v1-layout .placeword-table {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
div#exercices-panel.v1-layout .placeword-table  tr.placeword-group--pos-sol {
  display: none;
}
div#exercices-panel.v1-layout .placeword-table .exerc-exp-row {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dfe0e4;
  padding-bottom: 40px;
  width: 600px;
}
div#exercices-panel.v1-layout .exerc-line-block:last-child .exerc-exp-row {
  border-bottom: none;
  padding-bottom: 0;
}
div#exercices-panel.v1-layout .placeword-table.is-valid .exerc-exp-row > strong {
  background-color: #d3e1ee;
  padding: 10px 30px;
  border-radius: 7px;
  color: #3b86c3;
}
div#exercices-panel.v1-layout .placeword-table.is-invalid .exerc-exp-row > strong {
  background-color: #fce8e9;
  padding: 10px 30px;
  border-radius: 7px;
  color: #ef7075;
}
div#exercices-panel.v1-layout .placeword-table .exerc-line-block:last-child .exerc-exp-row {
  border-bottom: none;
  padding-bottom: 0;
}
div#exercices-panel.v1-layout .placeword-table .placeword-text-line {
  margin-bottom: 25px;
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
}
div#exercices-panel.placeword-layout .exerc-line-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.exercices-panel--header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
}
.exercices-panel--header-text {
  display: flex;
  column-gap: 10px;
}
.exercices-panel--header-text span.total-results-text {
  font-size: 80%;
  opacity: .7;
}
.exercices-panel--header-text div {
  font-family: 'Segoe-UI-Bold';
  text-transform: uppercase;
  background-color: #297abf;
  color: #fff;
  padding: 5px 14px;
  font-weight: bold;
  border-radius: 4px;
}
.exercices-panel--header-text div img {
  width: 25px;
}
.exercices-panel--subheader-text {
 color: #838589;
}
.button-check-row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 0;
}
.button-check-row #regles-check-button {
  font-size: 18px;
}
.button-check-row #regles-check-button img {
  width: 25px;
}
div#popup-exercices-results .maindiv {
  padding: 0;
}
img.popup-exercices--button-cross {
  width: 15px;
}
.exercices-popup--body {
  padding: 70px 50px 15px 50px;
}
.exercices-popup--icon-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.exercices-popup--title {
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
  text-align: center;
  margin-bottom: 15px;
}
.exercices-popup--result-text {
  text-align: center;
  margin-bottom: 15px;
}
.exercices-popup--result-text span {
  color: #427bbb;
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
}
.exercices-popup--button-result-row {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  padding: 25px 20px;
}
#DivExerc span.exerc-user-choice {
  padding: 0 5px;
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
}
#DivExerc span.exerc-user-choice:empty {
  padding-right: 0;
}
#DivExerc span.exerc-user-choice.is-valid {
  color: #4190ca;
}
#DivExerc span.exerc-user-choice.is-invalid {
  color: #ee7277;
  text-decoration: line-through;
}
#DivExerc .bonne-rep {
  padding-right: 5px;
  color: #38393e;
  font-weight: bold;
  font-family: 'Segoe-UI-Bold';
}
#DivRules .Regles-TableContainer {
  display: flex;
  flex-direction: column;
  column-gap: 5px;
  row-gap: 10px;
}
#DivRules .Regles-TableContainer > tr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 5px;
}
#DivRules .Regles-TableContainer > tr .Regles-TitreRegleSommaire {
  margin: 0;
}
#DivRules .Regles-TableContainer > tr .TdButtonExerc > .Cor-RedButton {
  margin: 0;
  padding: 5px 15px !important;
  font-size: 15px;
}
#DivRules .Regles-TableContainer > tr .TdButtonExerc > .Cor-RedButton:hover,
#DivRules .Regles-TableContainer > tr .TdButtonExerc > .Cor-RedButton:focus {
  color: #fff;
}

.DivRules--header {
  font-size: 18px;
}

.DivRules--body {
  padding: 35px 25px;
}

.Regles--group {
  border: 1px solid #d6d9df;
  margin-bottom: 20px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 10px;
}

.Regles--list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.Regles-Panel .td-rules .Regles--list-item .Cor-RedButton {
  margin: 0;
  padding: 5px 15px !important;
  font-size: 15px;
}

.Regles--list-item .Cor-RedButton:hover,
.Regles--list-item .Cor-RedButton:focus,
.Regles--list-item .Cor-RedButton:active {
  color: #fff;
}

.Regles--list-item .Regles-TitreRegleSommaire {
  margin: 0;
}

.Regles--list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 5px;
}

@media (max-width: 768px) {
  .Regles-Panel > table{padding:0!important}
}

/*
|--------------------------------------------------------------------------
| Version Premium
|--------------------------------------------------------------------------
*/
/*
    couleurs:
    rouge/rose: #ee5e62;
    bleu: #287bbf
    */
    .red {
      color: #ee5e62;
    }

    .bckgnd-white {
      background-color: white;
    }



.c-background {
  font-size: 19px;
  font-family: 'Segoe-UI-bold';
  padding: 10px 0 10px !important;
  border-bottom: 1px solid #d6d9df;
  border-top: 0 !important;
  background-color: #f1f1f1;
  color: #323439;
}

.c-noBorder {
  padding: 0 !important;
}
.c-descritptionPremiumTitre {
  background-color: #f1f1f1;
}
#tableauOffres{
  width:100%;
  max-width:90%;
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
}
#tableauOffres .buttonPremium{
    position:relative;
    margin: 30px 0;
}
#tableauOffres .buttonPremium::before{
  content: '';
  background-image: url(../images/icone/picto-caddie.png);
  height: 21px;
  width: 21px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
}
#tableauOffres > td{
  width: 32%;
  text-align: center;
}
#tableauOffres > td .wrapper{
  min-height:140px;
}
.bandeau {
  background-color: #287bbf;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-family: 'Segoe UI';
  font-weight: bold;
  padding-top: 15px;  
  height: 60px;
  }

#button0 {
  width: 195px;
  height: 50px;
  border: 0;
  border-radius: 25px;
  background-color: #ee5e62;
  margin-top: 220px;
  margin-left: 85px;
}

#button1 {
  width: 195px;
  height: 50px;
  border: 0;
  border-radius: 25px;
  background-color: #ee5e62;
  margin-top: 220px;
  margin-left: 105px;
  
}

.contenu0 {
  text-align: center;
  font-size: 54px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto; 
}

.sousContenu {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
}

.vignette {
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.15);
}

.zoomIn:hover{
transform: scale(1.1);
transition: .3s ease-in-out;
}

.zoomOut {
  transform: scale(1);
}

div#block-offers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 50px;
}
div#block-offers .offer-item {
  flex-basis: 20%;
  border-radius: 7px;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.15);
  transition: transform .3s;
}
div#block-offers .offer-item:hover {
  transform: scale(1.1);
}
div#block-offers .offer-header {
  background-color: #287bbf;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  padding: 15px 0;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
div#block-offers .offer-header[data-business-pack="true"] {
  background-color: #64676e;
}
div#block-offers .offer-body {
  position: relative;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}
div#block-offers .offer-price {
  font-size: 40px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  flex-basis: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div#block-offers .offer-per-month {
  font-size: 14px;
  font-weight: normal;
  color: #9e9e9e;
}
div#block-offers .offer-discount {
  position: absolute;
  background-color: #ee5e62;
  color: #fff;
  padding: 5px 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  top: 15px;
  left: 0;
  font-weight: bold;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
div#block-offers .offer-buy {
  padding: 10px 20px !important;
  outline: none !important;
  margin: 0 10px;
}
div#block-offers .buttonPremium::before {
  content: '';
  background-image: url(../images/icone/picto-caddie.png);
  height: 21px;
  width: 21px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
}
div#block-offers .offer-learn-more-row {
  display: flex;
  justify-content: center;
}
div#block-offers a.offer-learn-more {
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  padding-bottom: 8px;
}
div#block-offers a.offer-learn-more:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 5px;
  border-color: transparent transparent transparent #ff636e;
  position: absolute;
  left: 0;
  top: 7px;
}
div#block-offers a.offer-learn-more:after {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: 4px;
  left: 10px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
div#block-offers a.offer-learn-more:hover:after {
  width: calc(100% - 10px);
  background: #ff636e;
}
div#bussiness-pack-simulation-row {
  display: flex;
  margin: 30px 0;
  min-width: 700px;
}
div#bussiness-pack-simulation-row > div:first-child {
  display: flex;
  align-items: center;
  flex-basis: 41%;
  flex-wrap: wrap;
}
div#bussiness-pack-simulation-row > div:last-child {
  flex-basis: 59%;
}
div#bussiness-pack-simulation-row .select {
  margin-left: 15px;
  max-width: 120px;
}
div#bussiness-pack-simulation-row .select .select-styled {
  color: #64676e;
}
div#bussiness-pack-simulation-row .simulation-price {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
div#bussiness-pack-simulation-row table tr {
  height: auto;
}
div#bussiness-pack-simulation-row table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  text-align: center;
  min-width: 80px;
}
div#bussiness-pack-simulation-row table tbody td {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
div#bussiness-pack-simulation-row table tbody td.simulation-price {
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
}
div#bussiness-pack-simulation-row table tbody td.simulation-price > div {
  animation: anim-simulation-price .3s;
}
div#bussiness-pack-simulation-row #reduction-block {
  flex-basis: 250px;
  position: relative;
  margin-left: 0;
  display: flex;
  top: auto;
  left: auto;
}
div#bussiness-pack-email {
  font-size: 85%;
  max-width: 200px;
  margin-left: 25px;
}

@keyframes anim-simulation-price {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}

@media only screen and (min-width: 1600px) {
  .Prem-PopupVPremium.open.popup-bussiness-pack-offer {
    min-width: 1000px;
  }
}
@media only screen and (max-width: 950px) {
  .Prem-PopupVPremium.open.popup-bussiness-pack-offer {
    min-width: 90%;
  }
  .Prem-PopupVPremium.open.popup-bussiness-pack-offer > .maindiv {
    padding: 90px 20px 30px;
  }
  div#block-offers .offer-item {
    flex-basis: 40%;
    margin-bottom: 35px;
  }
  div#bussiness-pack-simulation-row {
    flex-direction: column;
    min-width: auto;
  }
  div#bussiness-pack-simulation-row > div:first-child {
    margin-bottom: 30px;
    justify-content: center;
    flex-wrap: nowrap;
  }
  div#bussiness-pack-simulation-row > div:first-child > div:first-child {
    white-space: nowrap;
  }
  div#bussiness-pack-simulation-row #reduction-block {
    margin-left: 15px;
  }
  div#bussiness-pack-email {
    max-width: none;
    margin-left: 0;
  }
}
@media only screen and (max-width: 576px) {
  div#block-offers .offer-item {
    flex-basis: 80%;
  }
  div#bussiness-pack-simulation-row #reduction-block {
    margin-top: 30px;
  }
  div#bussiness-pack-simulation-row > div:first-child {
    flex-wrap: wrap;
  }
  div#bussiness-pack-simulation-row table thead th {
    min-width: auto;
    vertical-align: middle;
  }
  div#bussiness-pack-simulation-row table tbody td.simulation-price {
    white-space: nowrap;
  }
}

div#style-premium-tab-content,
div#divers-premium-tab-content {
  padding: 30px;
  display: none;
}
div#style-premium-tab-content .style-premium-item,
div#divers-premium-tab-content .divers-premium-item  {
  position: relative;
  padding-left: 15px;
  margin-top: 5px;
  margin-bottom: 30px;
}
div#style-premium-tab-content .style-premium-item:before,
div#divers-premium-tab-content .divers-premium-item:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 5px;
  border-color: transparent transparent transparent #ff636e;
  position: absolute;
  left: 0;
  top: 7px;
}
div#style-premium-tab-content .style-premium-item-example {
  position: relative;
  padding-left: 35px;
  margin-top: 17px;
  margin-bottom: 15px;
  margin-left: 50px;
}
div#style-premium-tab-content .style-premium-item-example:before {
  position: absolute;
  left: 0;
  top: 0;
  content: 'Ex';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 15px;
  font-style: normal;
  color: #fff;
  text-align: center;
  background: #fa8b90;
  box-shadow: 0px 10px 10px rgb(222 225 228);
}

.slideshow-thumbnails-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom:40px;
}
.slideshow-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.slideshow-thumbnail {
  padding: 5px;
  border: 1px solid #ddd;
  margin: 0 5px 20px;
  border-radius: 3px;
}
.slideshow-thumbnail:hover {
  cursor: pointer;
}
.slideshow-thumbnail img {
  width: 110px;
  height: 65px;
}

div#slideshow-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
div#slideshow-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  opacity: .5;
}
#slideshow-container {
  z-index: 1;
  animation: anim-slideshow-in  .3s;
}
#slideshow-container.destroy {
  animation: anim-slideshow-out  .3s;
}
#slideshow-container button[data-type="close"],
#slideshow-container button[data-type="next"],
#slideshow-container button[data-type="prev"] {
  position: absolute;
  border: none;
  background-color: rgba(0,0,0,0.6);
  border-radius: 40px;
  height: 40px;
  width: 40px;
  z-index: 1;
  outline: none;
  font: normal normal normal 14px/1 FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
}
#slideshow-container button[data-type="close"]:before,
#slideshow-container button[data-type="next"]:before,
#slideshow-container button[data-type="prev"]:before {
  color: #fff;
  font-size: 20px;

}
#slideshow-container button[data-type="close"]:hover:before,
#slideshow-container button[data-type="next"]:hover:before,
#slideshow-container button[data-type="prev"]:hover:before {
  color: #999;
}
#slideshow-container button[data-type="close"]:before {
  content: "\f00d";
}
#slideshow-container button[data-type="close"] {
  top: 10px;
  right: 10px;
}
#slideshow-container button[data-type="next"]:before {
  content: "\f054";
  padding-left: 5px;
}
#slideshow-container button[data-type="next"] {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
#slideshow-container button[data-type="prev"]:before {
  content: "\f053";
  padding-right: 5px;
}
#slideshow-container button[data-type="prev"] {
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
div#slideshow-container {
  position: relative;
  max-width: 100%;
  max-height: 80%;
  padding: 10px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
  display: flex;
}
div#slideshow-slides {
  position: relative;
  overflow: hidden;
}
.slideshow-item {
  display: none;
}
.slideshow-item.show {
  animation: anim-slide-is-visible  1s;
}
.slideshow-item img {
  max-width: 100%;
  max-height: 100vh;
}
.slideshow-item--title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  opacity: .8;
}

@keyframes anim-slide-is-visible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes anim-slideshow-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes anim-slideshow-out {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

@media only screen and (max-width: 950px) {
  .slideshow-thumbnails {
    justify-content: center;
  }
}

@media only screen and (min-width: 576px) {
  div#slideshow-container {
    max-width: 80%;
    padding: 25px;
  }
}

#titleBlockinfo.Regles-TitreSommaire {text-align: center; color: #287bbf;background-color: white; text-transform: uppercase;}
#titleBlockinfo,.info-labels-persos {font-size: 17px;padding-bottom: 5px;padding-right :25px}
#titleBlockinfo,.info-persos {color: black; font-weight: bold;}
#compteMdpOublie{background-color: #f6f6f6;padding: 20px;margin-top: 15px;}
#compteMdpOublie .Regles-TitreRegleSommaire{margin: 0; padding: 0px 10px;}

.Prem-TexteBasePremium .td-rules>div{
  border: 1px solid #d6d9df;
  margin-bottom: 20px;
  padding-right: 25px;
  padding-left: 15px;
}

table#tableauVP > tr:first-child > td {
  display: flex;
  align-items: center;
  justify-content: center;
}
table#tableauVP > tr:first-child > td:first-child {
  justify-content: flex-start;
}
table#tableauVP > tr {
  display: grid;
  grid-template-columns: 1fr 15% 15%;
}
 
.c-noBorder .Prem-TexteBasePremium#tableauVP  {
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
}
.c-noBorder .Prem-TexteBasePremium  {
  display: none;
  padding:0 30px 0 !important;
}
.c-noBorder .Prem-TexteBasePremium.open {
  -webkit-animation: masuperanimation 0.6s ease 0s 1 normal forwards;
  animation: masuperanimation 0.6s ease 0s 1 normal forwards;
  display: block!important;
  padding-bottom: 40px !important;
}



/* 
@-webkit-keyframes masuperanimation { 
  0% {
      transform: translateX(0px);
  }

  50% {
      transform: translateX(150px);
  }

  100% {
      transform: translateX(150px) rotate(30deg);
  }
} */

@keyframes masuperanimation { /* Tous les autres navigateurs */
  0% {
    opacity:0;
    margin-top:50px;
  } 100% {
      opacity:1;
      margin-top:0px;
  }
}

.btn-inline{
  display: inline-flex;
  width: 100%;
  margin-bottom: 32px;
}

.Cor-greyButton{
  margin-left: 8%;
  width: 46%;
  text-align: center;
  background-color: #b2b1b5;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 20px;
  color: white;
  font-size: 19px;
  border: 0;
  cursor: pointer;
  border-radius: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.Cor-RedButton2{
  width: 46%;
  text-align: center;
  background-color: #ee6e73;
  color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 20px;
  color: white;
  font-size: 19px;
  border: 0;
  cursor: pointer;
  border-radius: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.Cor-RedButton2:hover{
  background-color: #e74b50;
}
.Cor-RedButton2>a{
  color: white;
}

.renouvel-abo {
  font-size:16px;
  margin-left:3px;
  margin-top:20px;
  margin-bottom:20px;
  font-weight:bold;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.renouvel-abo-new {
  font-size:16px;
  margin-left:3px;
  margin-bottom:20px;
  font-weight:bold;
}

.grey-border-top{
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 20px;
}
.grey-border-bottom{
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.Prem-GridInformationsCompte [type="radio"]:checked + label::before, .Prem-GridInformationsCompte [type="radio"]:not(:checked) + label::before {top: 4px;}
.Prem-GridInformationsCompte [type="radio"]:checked + label::after, .Prem-GridInformationsCompte [type="radio"]:not(:checked) + label::after {top: 8px; background-color:#ee6e73}

.picto-cross, .picto-caddie, .picto-banktransfer, .picto-sepa, .picto-mail, .picto-star, .picto-pencil, .picto-guide-tour, .picto-api-key {
  background-repeat: no-repeat;
  display: inline-block;
  background-position: 0 1px;
  width: 21px;
  height: 21px;
  vertical-align: sub;
  margin-right: 4px;
}
.picto-star{
  background-image: url(../images/icone/picto-star.png);
  height: 23px;
}
.picto-cross{
  background-image: url(../images/icone/picto-cross.png);
}
.picto-caddie{
  background-image: url(../images/icone/picto-caddie.png);
}
.picto-banktransfer{
  background-image: url(../images/icone/picto-banktransfer.png);
  margin-right: 7px;
}
.picto-sepa{
  background-image: url(../images/icone/picto-sepa.png);
  width: 55px;
  height: 15px;
  margin-bottom: 3px;
}
.picto-pencil{
  background-image: url(../images/icone/picto-pencil.png);
}
.picto-mail{
  background-image: url(../images/icone/picto-mail.png);
}
.picto-guide-tour {
  background-image: url(../images/icone/picto-guide-tour.png);
  background-size: 27px;
  background-position: center;
  width: 27px;
}
.picto-api-key {
  background-image: url(../images/icone/picto-api-key.png);
  background-size: 20px;
  background-position: center;
}
#btn-acheter-icon::before{
  content: '';
  background-image: url(../images/icone/picto-caddie.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  text-indent: 31px;
}
.buttonPremium.Cor-RedButton.picto-caddie-before{
  position:relative;
  padding: 15px 53px !important;
  margin: 35px 0 50px;
}
.picto-caddie-before::before{ 
   content:'';
   background-repeat: no-repeat;
  display: inline-block;
  background-position: 0 1px;
  background-image: url(../images/icone/picto-caddie.png);
  width: 21px;
  height: 21px;
}

#table-quantity td {
  vertical-align: middle;
}
#table-quantity .select,
#table-quantity .select > div.select-styled,
#table-quantity .select > ul.select-options {
  max-width: 120px;
}
#table-quantity > td:nth-child(1),
#table-quantity > td:nth-child(2),
#table-quantity > td:nth-child(3) {
  margin-bottom: 15px;
}
#table-quantity > td:nth-child(2) {
  padding-right: 15px;
}
#table-quantity > td:nth-child(3) {
  position: relative;
}
#table-quantity div#reduction-block img:first-of-type {
  margin-right: 15px;
}
#table-quantity label {
  font-size: 16px !important;
}
div#reduction-block {
  background-color: #64676e;
  border-radius: 12px;
  padding: 10px 15px;
  position: absolute;
  top: -6px;
  left: 0;
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #fff;
  display: none;
}
div#reduction-block > span:first-child {
  margin-right: 15px;
}
div#reduction-block img {
  max-width: 30px;
}

body#versionprenium > #global-wrapper > #content,
body#api-page > #global-wrapper > #content,
body#extensions-table > #global-wrapper > #content {
  padding-top: 20px;
}
body#versionprenium > #global-wrapper > #content > #pub1,
body#versionprenium > #global-wrapper > #content > #recherche > .container-interface > .row > div#Titre,
body#api-page > #global-wrapper > #content > #recherche > .container-interface > .row > div#Titre,
body#extensions-table > #global-wrapper > #content > #recherche > .container-interface > .row > div#Titre {
  display: none !important;
}
tr#se-connecter-blocks .Prem-SeConnecter-Input input {
  width: 195px;
}
/* Login popup API layout */
tr#se-connecter-blocks.api-layout > td:first-child,
tr#se-connecter-blocks.api-layout .Prem-SeConnecter-Heading,
tr#se-connecter-blocks.api-layout #bussiness-pack-email {
  display: none;
}
tr#se-connecter-blocks.api-layout > td > div > div {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
tr#se-connecter-blocks.api-layout #register_rule {
  max-width: 280px;
}
tr#se-connecter-blocks.api-layout .signup-wrapper {
  min-width: 570px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
tr#se-connecter-blocks.api-layout .Prem-SeConnecter-Input {
  margin-left: 0 !important;
  width: 280px;
}
tr#se-connecter-blocks.api-layout .Prem-SeConnecter-Input input {
  width: 240px;
}

@media only screen and (max-width: 1200px) {
  table#table-quantity {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #table-quantity > td:nth-child(3) {
    flex-basis: 290px;
  }
  #table-quantity div#reduction-block {
    position: relative;
    top: -3px;
  }
}
@media only screen and (max-width: 576px) {
  #table-quantity div#reduction-block {
    width: 100%;
    max-width: 290px;
    flex-wrap: wrap;
  }
  #table-quantity div#reduction-block > span {
    margin-right: 5px;
  }
}

/* ====== Connecteurs logiques ===== */
.connecteur-logiques{
  border-top: 1px solid #d6d9df;
  display:flex;
  padding: 20px;
}
.connecteur-logiques .tabs-colonne{
  display:flex;
  flex-direction: column;
  width: 300px;
  padding-right: 15px;
  /*padding: 20px 15px 20px 30px;
  margin-top: 57px;*/
}
.connecteur-logiques .tabs-colonne > td{
  margin-bottom:20px;
  border:1px solid #d6d9df;
}
.connecteur-logiques .Stat-GridRep tr:nth-child(2n), 
.connecteur-logiques table.Transf-GridSyn tr:nth-child(2n){
  background: #fff!important;
}
.connecteur-logiques .Stat-GridRep tr td {
  border-bottom:1px solid #d6d9df;
  text-align: center;
}
.connecteur-logiques .Stat-GridRep tr td.Stat-CellStyleNb:last-child {
  width: 350px;
}
.connecteur-logiques .Stat-GridRep tr:last-child td{
  border-bottom: 0;
}
.connecteur-logiques > .Stat-GridRep{
  border: 1px solid #d6d9df;
  width: 100%;
  margin: 20px 20px 50px 25px !important;
  background-color: #fff;
  box-shadow: 0 0 0 20px #f2f2f2;
}

/* ====== Formules Politesse ===== */
.formules-politesse{
  border-top: 1px solid #d6d9df;
  display:flex;
  padding: 20px;
}
.formules-politesse .tabs-colonne{
  display:flex;
  flex-direction: column;
  width: 300px;
  padding-right: 15px;
  /*padding: 20px 15px 20px 30px;
  margin-top: 57px;*/
}
.formules-politesse .tabs-colonne > td{
  margin-bottom:20px;
  border:1px solid #d6d9df;
}
.formules-politesse .Stat-GridRep tr:nth-child(2n), 
.formules-politesse table.Transf-GridSyn tr:nth-child(2n){
  background: #fff!important;
}
.formules-politesse .Stat-GridRep tr td{
  border-bottom:1px solid #d6d9df;
  text-align: center;
}
.formules-politesse .Stat-GridRep tr td.Stat-CellStyleNb:last-child {
  width: 350px;
}
.formules-politesse .Stat-GridRep tr:last-child td{
  border-bottom: 0;
}
.formules-politesse > .Stat-GridRep{
  border: 1px solid #d6d9df;
  width: 100%;
  margin: 20px 20px 50px 25px !important;
  background-color: #fff;
  box-shadow: 0 0 0 20px #f2f2f2;
}

/* ====== Presentation de lettres ===== */
.presentation-lettres {
  border-top: 1px solid #d6d9df;
  display: flex;
  justify-content: center;
}
.presentation-lettres .tabs-colonne{
  display:flex;
  flex-direction: column;
  width: 300px;
  padding: 20px 15px 20px 0px;
  /*margin-top: 67px;*/
}
.presentation-lettres .tabs-colonne > a{
  margin-top:-1px;
  border:1px solid #d6d9df;
  padding: 10px;
  color: #64676e;
}
.presentation-lettres .Stat-GridRep a:nth-child(2n), 
.presentation-lettres .Transf-GridSyn a:nth-child(2n){
  background: #fff!important;
}
.presentation-lettres .Stat-GridRep a{
  border-bottom:1px solid #d6d9df;
}
.presentation-lettres .Stat-GridRep a:last-child {
  border-bottom: 0;
}
.presentation-lettres > .Stat-GridRep {
  border: 1px solid #d6d9df;
  width: calc(100% - 375px);
  margin: 40px 20px 50px 25px !important;
  background-color: #fff;
  box-shadow: 0 0 0 20px #f2f2f2;
}
.presentation-lettres > #v-pills-tabContent {
  max-width: calc(21cm + 2px);
  border: none;
  width: auto;
  margin: 20px 0px 30px 5px !important;
  background-color: #f2f2f2;
  padding: 25px 25px 50px 25px;
  box-sizing: content-box;
  box-shadow: none;
}

/* ====== Input ===== */
input[type=text], input[type=password]{
  color: #64676e;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 15px;
}


/* ====== Checkbox ===== */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em; left: .22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #287bbf;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
 
/* hover style just for information */
label:hover:before {
  border: 2px solid #287bbf!important;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
  top: -10px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: -7px; 
  left: 0.14em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #333;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
 

 


.Prem-GridInformationsCompte .Cor-RedButton2 {width: 61%;}
.Prem-GridInformationsCompte .Cor-greyButton {margin-left: 3%; width: 44%;}
.Cor-RedButton2, .Cor-greyButton{font-size: 17px;}

.duree{
  font-size:16px;
  padding-left:30px;
  padding-bottom:5px;
}

.duree span{
  color: black; 
  font-weight: bold;
}

#IdButtonPayPal{
  margin :10px 0 20px 10px;
  cursor: pointer;
}

.divLabelCGV{
  font-size: 16px;
  padding-left: 10px;
}

.caddie {
  background-image: url(../images/icone/caddie-icon.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  padding: 0;
}


#encartLogo{ 
  background-color: #f6f6f6;
  width: 100%;
  margin-bottom: 10px;
  padding: 15px 20px;
 }
 
#btnvp  {
  position: relative;
}
body:not(.is-authorized) a#btnvp {
  padding-left: 45px;
  padding-right: 20px;
}
body:not(.is-authorized) a#btnvp:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f005";
  position: absolute;
  left: 20px;
  top: calc(50% - 9px);
  font-size: 18px;
}
body:not(.is-authorized) a#btnvp:after {
  content: '';
  border: 1px solid #e04343;
  position: absolute;
  top: 25px;
  left: 3px;
  right: 3px;
  bottom: 25px;
  border-radius: 30px;
}
body:not(.is-authorized) a#btnvp:hover:after {
  border: none;
}

body:not(.is-authorized) a#btncn:before {
  content: '';
  background-image: url(../images/icone/compte/compte-gray.png);
  background-repeat: no-repeat;
  background-size: 25px;
  height: 25px;
  width: 25px;
  margin-right: 7px;
}
body.is-authorized #compte {
  background-image: url(../images/icone/compte/compte.png);
  background-repeat: no-repeat;
  background-size: 25px;
  height: 25px;
  width: 25px;
  position: relative;
  float: left;
  margin-right: 7px;
}
body.is-authorized #btnvp:hover #compte,
body:not(.is-authorized) a#btncn:hover:before {
  background-image: url(../images/icone/compte/compte-hover.png);
}
body.is-authorized nav a#btnvp {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

@media only screen and (max-width: 950px) {
  body:not(.is-authorized) a#btncn:hover:before {
    background-image: url(../images/icone/compte/compte.png);
  }
}
 
#labelMdpOublie {
    margin-top:10px;
    font-size: 14px;
    color: #636363;
    cursor: pointer;
}

.labelMdp {
  font-size: 17px;
  font-weight: bold;
  color: #636363;
  margin-top: 20px;
}

#labelAddresseMail {
    font-size: 17px;
    color: #636363;
    font-weight: bold;
    margin-top: 15px;
}

#inputMail1 { 
  width: 260px;
  height: 30px;
  margin-top: 10px;
  margin-left: 5px;
}

#inputMdp1 {
  width: 260px;
  height: 30px;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 30px;
}


/*
|--------------------------------------------------------------------------
| Extensions & API
|--------------------------------------------------------------------------
*/
#extensionapien .container-interface .wrapper-shadow {width: 100%;}
#extensionapien .container-interface .central-content{width:100%!important; border-top: 1px solid #d6d9df; background: #fff;}
#extensionapien .container-interface .central-content #MainDiv{width:100%!important; height: auto;}
.extentions-api {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.extentions-api {padding:20px 10px; padding: 20px;}
.extentions-api .item{padding:10px;}
.extentions-api .side-extensions .Regles-TitreSommaire, .extentions-api .side-api .Regles-TitreSommaire{margin-bottom: 30px; text-align: center;}
.extentions-api .side-extensions, .extentions-api .side-api{border: 1px solid #d6d9df; padding: 20px; height: 100%;}
.extentions-api .side-extensions table{border:1px solid #d6d9df}
.extentions-api .side-extensions table tr:last-child td{border-bottom:0}
.extentions-api .side-extensions table tr td{border-right:1px solid #d6d9df; border-bottom:1px solid #d6d9df}
.extentions-api .side-extensions table tr td:last-child{border-right:0}
.extentions-api .side-extensions .c-underline-D {display: block;}

.extentions-api .side-api{text-align: center;}
.extentions-api .side-api .intro {font-family: 'Segoe-UI-bold' !important; font-weight: normal !important;  color: #323439; font-size:16px; padding-top: 10px; border-top: 1px solid #d6d9df; }
.extentions-api #frame1{border:1px solid #ccc; padding: 15px; width: 100%; margin: 13px 0; color: #999; height: 110px; opacity: 0.7;}
.extentions-api b{color: #333;}

@media (max-width: 1200px) {
  .extentions-api{display:block;}
}

/*
|--------------------------------------------------------------------------
| PopUp connexion
|--------------------------------------------------------------------------
*/
  /* Couleurs */
  /* 
  bleu: #287bbf
  rouge/rose: #ee5e62;
  */
  .c-border-top{
    background-color: #287bbf;

}
  
/*
|--------------------------------------------------------------------------
| extension table
|--------------------------------------------------------------------------
*/
.greyBckGnd{background-color: #f6f6f6;}

/*#DLExtensions {
  width: calc(100% - 20px);
  display: table;
  margin: 10px;
}*/
.Prem-PopupVPremium .titre.newpass{padding: 20px 50px;}
/*#DLExtensions .tablePlugins{border-top:1px solid rgb(214, 217, 223) }
#DLExtensions .tdTitle > div {display: inline-block; padding-left: 20px; font-size: 16px !important;}
#DLExtensions .tdTitle > div > a {display: block;}*/

.glyphicon-menu-right:before{
  content: "\e258"
}
#DLExtensions .text-red {
  color: #e04343;
}
body.mode-abonne-premium #DLExtensions #non-premium-info {
  display: none;
}
#DLExtensions > #non-premium-info {
  text-align: center;
  padding-bottom: 55px;
  margin: 0 22px;
}
#DLExtensions > #non-premium-info > div {
  padding: 5px 0;
  font-weight: bold;
}
#DLExtensions > #non-premium-info > .text-red {
  font-weight: bold;
}
#DLExtensions > .ext-header {
  color: #287bbf;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  font-family: 'Segoe-UI-bold';
  /*border-top: 1px solid #ddd;*/
  padding: 35px 0 55px 0;
  margin: 0 22px;
}
#DLExtensions > .ext-header > .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
#DLExtensions > .ext-header > .d-flex img {
  max-width: 30px;
  margin-right: 15px;
}
#DLExtensions > .ext-container {
  padding: 0 22px 40px;
}
#DLExtensions .container-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
#DLExtensions .text-bold {
  font-weight: bold;
}
#DLExtensions .container-title[data-icon="browser"] {
  background-image: url(../images/icone/ext-internet.png);
}
#DLExtensions .container-title[data-icon="apps"] {
  background-image: url(../images/icone/ext-desktop.png);
  background-size: 25px;
}
#DLExtensions .container-title[data-icon="mobile"] {
  background-image: url(../images/icone/ext-mobile.png);
}
#DLExtensions .container-description {
  font-size: 14px;
  line-height: 1.3;
}
#DLExtensions .ext-list {
  margin-top: 20px;
}
#DLExtensions .ext-list-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  border-radius: 6px;
}
#DLExtensions .ext-list-item-title {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 0 7px 15px;
}
#DLExtensions .ext-list-item-title .ext-list-item-title-text {
  white-space: nowrap;
  color: #5d5d5d;
}
#DLExtensions .ext-list-item-title .ext-list-item-title-text .text-red {
  font-weight: normal;
}
#DLExtensions .ext-list-item-title .browser-coincidence {
  margin-left: 10px;
  color: #e04343;
  font-weight: normal;
}
#DLExtensions .ext-list-item-title img {
  max-width: 35px;
  margin-right: 20px;
}
#DLExtensions .ext-list-item-title img:first-of-type {
  margin-right: 0;
}
#DLExtensions .ext-list-item-title img:nth-child(2) {
  margin-right: 0;
}
#DLExtensions .ext-list-item-title img:last-of-type {
  margin-right: 20px;
}
#DLExtensions a.ext-list-item-instr {
  font-size: 14px;
  font-weight: bold;
  border-right: 1px solid #ddd;
  color: #008ace;
  padding: 7px 20px 7px 35px;
  background-image: url(../images/icone/ext-info.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left 6px;
}
#DLExtensions a.ext-list-item-link {
  font-size: 14px;
  font-weight: bold;
  padding: 7px 15px 7px 40px;
  background-image: url(../images/icone/ext-download.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 10px center;
}
#DLExtensions a.ext-list-item-instr span,
#DLExtensions a.ext-list-item-link span {
  font-size: 12px;
  margin-left: 5px;
}
#DLExtensions .ext-list-item-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  border-top: 1px solid #ddd;
}
#DLExtensions .ext-list-item-description > .ext-list-item-description-text{
  padding-left: 70px;
}
#DLExtensions .ext-list-item-description > .ext-list-item-description-reqs {
  font-weight: bold;
  padding-left: 30px;
  font-size: 13px;
  width: 358px;
  border-left: 1px solid #ddd;
}
#DLExtensions.Prem-TexteBasePremium {
  text-align: left;
}

@media only screen and (max-width: 950px) {
  #DLExtensions .ext-list-item-description > .ext-list-item-description-text {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 650px) {
  #DLExtensions > .ext-container {
    padding: 0 10px 40px;
  }
  #DLExtensions .ext-list-item {
    justify-content: center;
  }
  #DLExtensions .ext-list-item-title {
    flex: 0 0 100%;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  #DLExtensions .ext-list-item-title .ext-list-item-title-text {
    white-space: normal;
  }
  #DLExtensions a.ext-list-item-instr {
    padding: 7px 15px 7px 35px;
    border-right: none;
  }
  #DLExtensions .ext-list-item-description {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 10px;
  }
  #DLExtensions .ext-list-item-description > .ext-list-item-description-text {
    padding-bottom: 10px;
  }
  #DLExtensions .ext-list-item-description > .ext-list-item-description-reqs {
    border-left: none;
    padding-left: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    width: 100%;
  }
  #DLExtensions > .ext-header > .d-flex > div:last-child {
    max-width: 200px;
    text-align: center;
  }
}
@media only screen and (max-width: 350px) {
  #DLExtensions > .ext-header > .d-flex > div:last-child {
    max-width: 165px;
    text-align: center;
  }
}

/*
|--------------------------------------------------------------------------
| API Page
|--------------------------------------------------------------------------
*/
div#api-wrapper {
  padding: 0 30px;
}

div#api-wrapper div#api-instruction-content {
  margin-top: 40px;
}

html[lang="en"] div#api-wrapper div#api-tabs {
  display: none;
}

div#api-page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  text-align: center;
}
#api-subheader {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-bottom: 50px;
}
div#api-page-header h3 {
  font-size: 30px;
  letter-spacing: 3px;
}
div#api-page-header div {
  font-weight: bold;
  font-size: 18px;
}

div#api-textarea-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div#api-textarea-caption {
  color: #ee6e73;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
textarea#api-textarea-demo {
  width: 100%;
  height: 120px;
  padding: 20px 15px;
  resize: none;
  border: 2px solid #ddd;
  border-radius: 8px;
}
div#api-textarea-wrapper button.api-page-button {
  margin-top: 20px;
  padding: 15px 33px 15px 63px !important;
  background-image: url(../images/logo/logo_white.svg);
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 15px center;
  letter-spacing: 2px;
  outline: none;
}

.api-horizontal-line {
  border-top: 2px solid #ddd;
  margin: 35px 0;
}
.api-vertical-line {
  border-right: 2px solid #ddd;
  margin: 0 20px;
}
.api-number-delimiter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 35px 0;
}
.api-number-delimiter > div:first-child,
.api-number-delimiter > div:last-child {
  border-top: 2px solid #dddd;
  flex-basis: 42%;
}
.api-number-delimiter > div:nth-child(2) {
  background-color: #ee6e73;
  color: #fff;
  font-size: 32px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  max-width: 70px;
  max-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

div#api-editors-example {
  display: flex;
}
div#api-ckeditor-block,
div#api-tinymce-block {
  padding-top: 20px;
  padding-bottom: 40px;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
}
div#api-ckeditor-block .ck-editor,
div#api-tinymce-block .tox-tinymce {
  flex: 1;
}
div#api-ckeditor-block .ck-editor .ck.ck-editor__main .ck-content {
  min-height: 212px;
  max-height: 500px;
}
div#api-tinymce-block .tox-tinymce {
  min-height: 250px;
}
div#api-ckeditor-caption,
div#api-tinymce-caption {
  color: #ee6e73;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

div#api-test-integration {
  color: #ee6e73;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 40px 0 80px;
}

div#api-signup-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
  text-align: center;
}
div#api-signup-block > div:first-child,
div#api-key-block {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
div#api-key-block {
  text-align: center;
}
div#api-signup-block button.api-page-button {
  margin-top: 20px;
  padding: 15px 33px!important;
  letter-spacing: 2px;
  outline: none;
}

div#api-instr-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div#api-instr-block .text-left {
  text-align: left;
}
div#api-instr-block .disc-style {
  list-style-type: disc;
  margin-block-start: 1em;
  padding-inline-start: 25px;
}
div#api-instr-block > ul.Tabs {
  margin-top: 40px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
div#api-instr-block .TabContents {
  width: 100%;
  max-width: 100%;
  padding-top: 20px;
  margin-bottom: 40px;
}
div#api-instr-block .TabContents > div {
  display: none;
  text-align: center;
}
div#api-instr-block[data-visible-content="1"] .TabContents > div:nth-child(1) {
  display: block;
}
div#api-instr-block[data-visible-content="2"] .TabContents > div:nth-child(2) {
  display: block;
  text-align: left;
}
div#api-instr-block[data-visible-content="3"] .TabContents > div:nth-child(3) {
  display: block;
}
div#api-instr-block .api-code {
  font-family: monospace;
  color: #333;
  background-color: #f1f1f1;
  padding: 15px;
  border-radius: 5px;
  white-space: pre-line;
  text-align: left;
  overflow-x: auto;
}
div#api-instr-block .api-code i {
  color: #999;
}
div#api-instr-block .api-code .nowrap {
  white-space: nowrap;
}
div#api-instr-block .api-code .text-bold {
  font-weight: bold;
}

div#api-rate-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
div#api-click-caption,
div#api-how-chars-calc {
  color: #ee6e73;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 40px 0;
}
div#api-how-chars-calc {
  color: #64676e;
  cursor: pointer;
  font-size: 15px;
  border-bottom: 1px solid #64676e;
}
div#api-rate-header {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
}
div#api-rate-subheader {
  font-size: 18px;
  font-weight: bold;
}
div#api-10-m {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  border-radius: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
div#api-10-m > div {
  display: flex;
  align-items: center;
  height: 100px;
}
div#api-10-m > div:first-child {
  background-color: #287bbf;
  color: #fff;
  padding: 15px 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 25px;
}
div#api-10-m > div:first-child > div:first-child {
  font-size: 60px;
  padding-right: 15px;
}
div#api-10-m > div:first-child > div:last-child {
  line-height: 1;
}
div#api-10-m > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  font-size: 35px;
  font-weight: bold;
}
div#api-key-popup-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  min-height: 70px;
}
.api-key-input-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.api-key-input-row > input[readonly] {
  width: 270px;
  background-color: transparent;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 20px;
  border-right: none;
  cursor: default;
}
.api-key-input-row > input[readonly]:focus {
  border-color: #287bbf;
}
.api-key-input-row > button {
  width: 50px;
  height: 40px;
  background-color: #287bbf;
  background-image: url(../images/icone/picto-icon-copy.svg);
  background-size: 20px;
  background-position: 12px center;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.api-key-input-row .tooltip > .tooltip-inner {
  background-color: #696d78;
}
.api-key-input-row .tooltip > .tooltip-arrow {
  border-top-color: #696d78;
}
.popup-body-header {
  font-size: 24px;
  font-weight: normal;
  color: #777;
  font-family: "Segoe UI";
  margin-bottom: 40px;
}
.api-examples-wrapper {
  padding-top: 40px;
  /* padding: 20px; */
}
.api-examples-content {
  position: relative;
  font-size: 15px;
  font-family: "Segoe UI";
  font-weight: 400;
  line-height: 1.5;
  display: block;
  padding: 60px 30px 30px;
  background: #fff;
  color: #64676e;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
  border: 1px;
  border-radius: 3px;
  margin-bottom: 40px;
}
.api-examples-header {
  position: absolute;
  top: -20px;
  border: 1px;
  border-radius: 3px;
  padding: 8px;
  background: #0085ca;
  color: #fff;
  font-size: 18px;
}
.api-examples-description {
  position: relative;
  top: -25px;
}
.api-examples-item {
  position: relative;
  padding-left: 40px;
  margin-bottom: 25px;
}
.api-examples-content .api-examples-item:last-child {
  margin-bottom: 0;
}
.api-examples-item .text-blue {
  color: #0085ca;
}
.api-examples-item .example-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 15px;
  font-style: normal;
  color: #fff;
  line-height: 25px;
  text-align: center;
  background: #fa8b90;
  box-shadow: 0px 10px 10px rgb(222 225 228);  
}
.api-examples-item .arrow10132 {
  margin-right: 7px;
}
.api-examples-item--ml {
  margin-left: 20px;
}

.Prem-PopupVPremium.popup-api-key .buttons.two-buttons tr td > .Cor-RedButton {
  width: auto;
}
.Prem-PopupVPremium.popup-api-key .buttons.two-buttons tr td > .Cor-RedButton.disabled {
  pointer-events: none;
  opacity: .7;
}
.Prem-PopupVPremium.popup-api-key table tr {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
}
.Prem-PopupVPremium.popup-api-key .buttons.two-buttons tr td {
  width: auto;
}
.Prem-PopupVPremium.how-chars-calc-popup {
  min-width: 700px;
}

div#api-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  width: 100%;
  padding-bottom: 40px;
  column-gap: 20px;
}

div#api-tabs .api-tab {
  text-align: center;
  border: 1px solid #e5e6e9;
  border-radius: 3px;
  flex: 1;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  position: relative;
  transition: background-color .3s ease-out;
  cursor: pointer;
}

div#api-tabs .api-tab.active {
  background-color: #e9f7ff;
  color: #4691cb;
  border-color: #e9f7ff;
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
}

div#api-tabs .api-tab .api-tab-icon {
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-repeat: no-repeat;
}

div#api-tabs .api-tab .api-tab-icon.api-tab-icon--internet {
  background-image: url(../images/icone/internet.svg);
}

div#api-tabs .api-tab .api-tab-icon.api-tab-icon--saas {
  background-image: url(../images/icone/solution-saas.svg);
}

div#api-tabs .api-tab .api-tab-arrow--outer {
  color: #599dd1;
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  transition: transform .3s ease-out;
}

div#api-tabs .api-tab.active .api-tab-arrow--outer {
  transform: translateY(15px);
}

div#api-tabs .api-tab .api-tab-arrow {
  content: '';
  position: absolute;
  top: 5px;
  left: calc(50% - 40px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 40px 0 40px;
  border-color: transparent transparent transparent transparent;
  transition: border-color .3s ease-out;
}

div#api-tabs .api-tab.active .api-tab-arrow {
  border-color: #e9f7ff transparent transparent transparent;
}

div#api-tabs .api-tab .api-tab-arrow--chevron {
  position: absolute;
  top: 0;
  left: calc(50% - 7px);
  max-width: 14px;
  transform: rotate(90deg);
}

div#api-tabs-content .api-tab-content {
  display: none;
}

div#api-tabs-content .api-tab-content.active {
  display: block;
}

div#api-instruction-content div#api-tabs {
  margin-top: 0;
}

div#api-instruction-content .api-saas-label {
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
}

div#api-instruction-content .api-saas-code-block {
  background-color: #f1f1f1;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  margin-bottom: 10px;
  overflow-x: auto;
  text-wrap: nowrap;
}

div#api-instruction-content span.api-sass-request-url {
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
}

div#api-instruction-content span.api-saas-request-type {
  background-color: #0ca549;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: bold;
  font-size: 12px;
}

div#api-instruction-content ul.disc-style {
  margin: 5px 0 15px 10px;
  padding: 0 16px;
  list-style: none;
}

div#api-instruction-content ul.disc-style li:before {
  content: "";
  border-color: #4691cb;
  border-style: solid;
  border-radius: 50%;
  border-width: 2px;
  display: block;
  height: 0;
  width: 0;
  left: -16px;
  top: 16px;
  position: relative;
}

div#api-instruction-content a.api-saas-learn-more {
  color: #4691cb;
  margin-left: 10px;
  font-weight: bold;
}

.api-saas-table-wrapper {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.api-saas-table {
  width: 100%;
  margin-bottom: 25px;
}

.api-saas-table > thead > tr > th {
  color: #64676e;
  background-color: #f9f9f9;
  text-align: center;
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
}

.api-saas-table > thead > tr > th,
.api-saas-table > tbody > tr > td {
  padding: 15px;
}

.api-saas-table,
.api-saas-table > thead > tr > th,
.api-saas-table > tbody > tr > td {
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
}

.api-saas-table td.api-saas-table-cell-field {
  font-family: monospace;
  font-weight: bold;
  text-wrap: nowrap;
}

.api-saas-table td.api-saas-table-cell-description {
  font-style: italic;
}

.Prem-PopupVPremium.panel-api-saas-learn-more .api-saas-table {
  margin-top: 25px;
}

@media only screen and (max-width: 650px) {
  div#api-textarea-wrapper button.api-page-button {
    font-size: 16px;
    background-size: 26px;
    padding: 15px 15px 15px 45px !important;
    letter-spacing: 1px;
    white-space: pre-wrap;
  }
  div#api-editors-example {
    flex-direction: column;
  }
  .api-vertical-line {
    display: none;
  }
  .api-number-delimiter > div:nth-child(2) {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
  .api-number-delimiter > div:first-child, 
  .api-number-delimiter > div:last-child {
    flex-basis: 30%;
  }
  div#api-signup-block button.api-page-button {
    font-size: 16px;
    background-size: 26px;
    letter-spacing: 1px;
  }
  div#api-instr-block > ul {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
  #api-instr-block .tabs-number-3 .Tabs__tab {
    width: 100%;
    position: relative;
    text-align: left;
  }
  #api-instr-block .tabs-number-3 .Tabs__presentation-slider {
    display: none;
  } 
  #api-instr-block .tabs-number-3 .Tabs__tab.active:before {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  div#api-10-m > div:first-child {
    font-size: 16px;
  }
  div#api-10-m > div:first-child > div:first-child {
    font-size: 50px;
    padding-right: 10px;
  }

  div#api-tabs {
    flex-direction: column;
  }
  
  div#api-tabs .api-tab {
    width: 100%;
    justify-content: flex-start;
    column-gap: 10px;
    padding: 20px 20px 20px 30px;
  }

  div#api-tabs .api-tab .api-tab-icon {
    width: 25px;
    height: 25px;
  }

  div#api-tabs .api-tab .api-tab-arrow--outer {
    bottom: 0;
    top: 0;
    left: 5px;
    right: auto;
  }

  div#api-tabs .api-tab.active .api-tab-arrow--outer {
    transform: translateY(0);
  }
  
  div#api-tabs .api-tab .api-tab-arrow {
    display: none;
  }

  div#api-tabs .api-tab .api-tab-arrow--chevron {
    top: calc(50% - 8px);
    left: 0;
    width: 16px;
    max-width: 16px;
    transform: rotate(0deg);
    filter: grayscale(1);
  }
  
  div#api-tabs .api-tab.active .api-tab-arrow--chevron {
    filter: none;
  }

  .api-saas-table > tbody > tr > td {
    min-width: 200px;
  }

  .Prem-PopupVPremium.panel-api-saas-learn-more .Prem-TexteBasePremium {
    overflow-x: auto;
  }
}

/**
* Payment
*/
.iban-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccd1d9;
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 16px;
  width: 300px;
}

#iban-element {
  border: none;
  outline: none;
  width: 100%;
  font-size: 16px;
  padding: 5px 0;
}

/*
|--------------------------------------------------------------------------
| View Payment History
|--------------------------------------------------------------------------
*/
#view-payment-history-row {
  margin-top: 10px;
}
a#view-payment-history-btn {
  color: #008ace;
  font-weight: bold;
  padding-left: 10px;
  position: relative;
  text-decoration: none;
}
a#view-payment-history-btn:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 5px;
  border-color: transparent transparent transparent #008ace;
  position: absolute;
  left: 0;
  top: 7px;
}
a#view-payment-history-btn:after{
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -4px;
  left: 10px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
a#view-payment-history-btn:hover:after {
  width: calc(100% - 10px);
  background: #008ace;
}
#view-cgu-row {
  margin-top: 15px;
}
a#view-cgu-btn {
  color: #008ace;
  font-weight: bold;
  padding-left: 10px;
  position: relative;
  text-decoration: none;
}
a#view-cgu-btn:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 5px;
  border-color: transparent transparent transparent #008ace;
  position: absolute;
  left: 0;
  top: 7px;
}
a#view-cgu-btn:after{
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -4px;
  left: 10px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
a#view-cgu-btn:hover:after {
  width: calc(100% - 10px);
  background: #008ace;
}
.Prem-PopupVPremium.popaction.popup-view-payment-history {
	top: 120px;
  min-width: 1100px;
  max-width: 1100px;
}
.Prem-PopupVPremium.popup-view-payment-history .maindiv {
	border-radius: 10px 10px 0 0;
	padding: 80px 50px 15px;
}
#view-payment-history-container {
	position: relative;
  min-height: 212px;
}
#view-payment-history-container .table {
  border-color: transparent;
  font-size: 15px;
}
#view-payment-history-container .table > thead > tr {
  height: auto;
}
#view-payment-history-container .table > thead > tr > th {
  background-color: transparent;
  color: #9e9e9e;
  text-transform: uppercase;
  border-bottom: 1px solid #dee2e6;
  font-size: 14px;
  padding: 20px 0;
  text-align: center;
}
#view-payment-history-container .table-striped tbody tr {
  height: auto;
}
#view-payment-history-container .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
#view-payment-history-container .table-striped tbody tr:nth-of-type(even) { 
  background-color: #f7f7f7;
}
#view-payment-history-container .table > tbody > tr > td {
  border: none;
  padding: 20px 15px;
  background-color: transparent;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-time {
  width: 160px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-description {
  width: 320px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method {
  padding: 0;
  width: 150px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  width: 100%;
  height: 60px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div[data-method="Card"] {
  background-image: url(../images/icone/card.png);
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div[data-method="Paypal"] {
  background-image: url(../images/icone/brands/paypal.png);
  background-size: 60px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div[data-method="GooglePlay"] {
  background-image: url(../images/icone/brands/google.png);
  background-size: 30px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div[data-method="AppStore"] {
  background-image: url(../images/icone/brands/appstore.png);
  background-size: 40px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div[data-method="SEPATransfer"] {
  background-image: url(../images/icone/sepa.png);
}
#view-payment-history-container .table > tbody > tr > td.payment-history-method > div[data-method="undefined"] {
  text-align: center;
  line-height: 60px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-price {
  text-align: center;
  width: 100px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-quantity {
  text-align: center;
  width: 100px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-invoice {
  padding: 20px 0;
  text-align: right;
  width: 100px;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-invoice > a {
  font-size: 14px;
  font-weight: bold;
  padding: 7px 15px 7px 40px;
  background-image: url(../images/icone/ext-download.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 10px center;
  white-space: nowrap;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-invoice > div {
  text-align: center;
}
#view-payment-history-container .table > tbody > tr > td.payment-history-invoice > a > span {
  font-size: 12px;
  margin-left: 5px;
}
#view-payment-history-container .payment-history-empty {
  text-align: center;
  height: 100%;
  padding-top: 20px;
}

/* mobile rules for payment history */
@media only screen and (max-width: 650px) {
  .Prem-PopupVPremium.popaction.popup-view-payment-history {
    min-width: 98%;
    max-width: 98%;
  }
  .Prem-PopupVPremium.popup-view-payment-history .maindiv {
    padding: 80px 20px 30px;
  }
  #view-payment-history-container .table > thead {
    display: none;
  }
  #view-payment-history-container .table-striped tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-time {
    flex-basis: 55%;
    order: 2;
    padding: 20px 0 20px 15px;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-description {
    order: 1;
    font-weight: bold;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-method {
    flex-basis: 15%;
    order: 2;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-price {
    flex-basis: 30%;
    order: 2;
    padding: 20px 0;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-quantity {
    flex-basis: 30%;
    order: 2;
    padding: 20px 0;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-invoice {
    flex-basis: 100%;
    order: 3;
    text-align: center;
    width: auto;
  }
}

/* tablet rules for payment history */
@media only screen and (min-width: 651px) and (max-width: 992px) {
  .Prem-PopupVPremium.popaction.popup-view-payment-history {
    min-width: 98%;
    max-width: 98%;
  }
  #view-payment-history-container .table > thead {
    display: none;
  }
  #view-payment-history-container .table-striped tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-description {
    order: 1;
    font-weight: bold;
    flex-basis: 100%;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-time {
    order: 2;
    flex-basis: 35%;
    white-space: nowrap;
    padding: 20px 0 20px 15px;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-method {
    order: 2;
    flex-basis: 15%;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-price {
    order: 2;
    flex-basis: 15%;
    padding: 20px 0;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-quantity {
    order: 2;
    flex-basis: 15%;
    padding: 20px 0;
    width: auto;
  }
  #view-payment-history-container .table > tbody > tr > td.payment-history-invoice {
    order: 2;
    flex-basis: 35%;
    width: auto;
  }
}

#tdInstructionInst {
  border: 1px solid #ffffff;
  width: 100px;
  padding: 10px;
}

.c-divInstructionInst {
  cursor: pointer;
  color: #ff636e;
}

.tablePlugins .DTC:first-of-type {
  background-color: red;
}

.td{
  width: 50%;
  padding: 0px 40px;
  text-align: left;
}

.tdTitle{
  border-bottom: 1px solid  #d6d9df;
  border-right: 1px solid #d6d9df;
  background-color: #f6f6f6;
  padding :10px;
}

.social-share {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.social-share:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.social-share li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  font-size: 13px;
  margin: 0 5px;
  cursor: pointer;
}
.social-share .icon {
  position: relative;
  text-align: center;
  /*width: 60px;*/
  padding: 12px;
  border-radius: 2px;
  color: #fff;
  white-space: nowrap;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.share-outlook {
  background: #0078d4;
}
.share-gmail {
  background: rgb(248, 65, 65);
}
.share-yahoo {
  background: #6001d2;
}
.share-twitter {
  background: #1da1f2;
}
.share-linkedin {
  background: #0176b5;
  cursor: pointer;
}
.social-share .icon.disabled {
  background: #cacaca;
  cursor: not-allowed;
}
.social-share .icon p {
  position: absolute;
  bottom: -54px;
  left: 50%;
  transform: translate3d(-50%,0,0);
  visibility: hidden;
  opacity: 0;
  background: #fff;
  box-shadow: 1px 2px 3px rgba(0,0,0,.3);
  border: 1px solid #e0e0e0;
  padding: 6px 8px;
  font-size: 15px;
  color: #000;
  white-space: nowrap;
  z-index: 55;
  transition: .25s;
}
.social-share .icon.disabled:hover p {
  visibility: visible;
  opacity: 1;
  transition: .25s;
}
.social-share .icon img {
  width: auto;
  margin-right: 5px;
  height: 16px;
}

/* Special characters popup */
#special-chars-popup.Prem-PopupVPremium {
  width: 75%;
  max-width: 1040px;
}
#special-chars-popup.Prem-PopupVPremium .titre {
  position: relative;
}
#special-chars-popup.Prem-PopupVPremium .maindiv {
  padding: 0;
}
.Prem-PopupVPremium.share-pop .maindiv {
  padding: 30px 20px;
}
#special-chars-popup .popup-grid-wrapper {
  position: relative;
  padding: 20px;
}
#special-chars-popup .popup-grid-wrapper.fr-layout .popup-grid-border {
  visibility: hidden;
}
#special-chars-popup .popup-grid-wrapper .popup-grid-border {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 44px;
  bottom: 20px;
  border: 2px solid #787f82;
  pointer-events: none;
}
#special-chars-popup .popup-grid-wrapper .popup-grid-scroller {
  max-height: 385px;
  overflow-y: scroll;
  padding-right: 10px;
  box-shadow: rgb(17 17 26 / 10%) 0px 2px 0px;
}
#special-chars-popup .popup-grid-wrapper .popup-grid-scroller::-webkit-scrollbar {
	width: 15px;
}
#special-chars-popup .popup-grid-wrapper .popup-grid-scroller::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.10);
}
#special-chars-popup .popup-grid-wrapper .popup-grid-scroller::-webkit-scrollbar-thumb {
	background-color: #0085ca;
	border-radius: 10px;
}
#special-chars-popup .popup-grid-wrapper .fr-layout-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#special-chars-popup .popup-grid-wrapper .fr-layout-title {
  text-transform: uppercase;
  font-weight: bold;
}
#special-chars-popup .popup-grid-wrapper .popup-grid,
#special-chars-popup .popup-body .grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
  user-select: none;
}
#special-chars-popup .popup-grid-wrapper.fr-layout .popup-grid {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}
#special-chars-popup .popup-grid-wrapper .popup-grid.selectable,
#special-chars-popup .popup-body .grid-row.selectable {
  user-select: auto;
}
#special-chars-popup .popup-grid-wrapper .popup-grid > .popup-grid--cell,
#special-chars-popup .popup-body .grid-row > .popup-grid--cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0;
  font-size: 20px;
  background-color: #fff;
  color: #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  transition: transform .1s;
}
#special-chars-popup .popup-body .grid-row > div:not(.popup-grid--cell):not(:last-child) {
  border-right: 1px solid #000;
}
#special-chars-popup .popup-grid-wrapper .popup-grid > .popup-grid--cell.selected,
#special-chars-popup .popup-body .grid-row > .popup-grid--cell.selected {
  background-color: #0078d6;
  color: #fff;
}
#special-chars-popup .popup-grid-wrapper .popup-grid > .popup-grid--cell:hover,
#special-chars-popup .popup-body .grid-row > .popup-grid--cell:hover {
  transform: scale(1.2);
  cursor: pointer;
  border: 1px solid #000;
  z-index: 1;
}
#special-chars-popup .popup-body .recent-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 20px 30px;
}
#special-chars-popup .popup-body .recent-container {
  margin-right: 15px;
  max-width: 100%;
}
#special-chars-popup .popup-body .recent-container > p {
  text-transform: uppercase;
  font-weight: bold;
}
#special-chars-popup .popup-body .grid-row {
  border: 2px solid #787f82;
  grid-template-columns: repeat(15, 36px);
  grid-template-rows: 36px;
}
#special-chars-popup .popup-body .grid-row > .popup-grid--cell {
  border-bottom: 1px solid transparent;
}
#special-chars-popup .popup-body .grid-row > .popup-grid--cell:last-child {
  border-right: 1px solid transparent;
}
#special-chars-popup .popup-body .info-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 27px;
}
#special-chars-popup .popup-body .info-container > .info-letter {
  background-color: #0078d6;
  color: #fff;
  padding: 5px 15px;
  font-size: 30px;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#special-chars-popup .popup-body .info-container > .info-desc {
  margin-left: 32px;
  text-transform: uppercase;
  text-align: right;
}
#special-chars-popup .popup-body .info-container > .info-desc > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#special-chars-popup .popup-body .info-container > .info-desc > div:first-child {
  margin-bottom: 10px;
}
#special-chars-popup .popup-body .info-container > .info-desc > div > div {
  color: #0078d6;
  font-weight: bold;
  margin-left: 15px;
}
#special-chars-popup .popup-grid-wrapper .fr-layout-grids {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 33px;
  row-gap: 15px;
}
#special-chars-popup .popup-grid-wrapper .grid-2 {
  grid-template-columns: repeat(2, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-4 {
  grid-template-columns: repeat(4, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-6 {
  grid-template-columns: repeat(6, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-8 {
  grid-template-columns: repeat(8, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-10 {
  grid-template-columns: repeat(10, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-20 {
  grid-template-columns: repeat(20, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-40 {
  grid-template-columns: repeat(20, 36px);
}
#special-chars-popup .popup-grid-wrapper .grid-40 .popup-grid--cell:nth-child(20) {
  border-right: none;
}
#special-chars-popup .popup-grid-wrapper .grid-40 .popup-grid--cell:nth-child(-n+20) {
  border-bottom: 1px solid #000;
}
#special-chars-popup .popup-body .buttons-row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: #f6f6f6;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#special-chars-popup .popup-body .buttons-row.unselected .Cor-RedButton:not(.CancelButton) {
  opacity: .5;
}
#special-chars-popup .popup-body .buttons-row .Cor-RedButton {
  padding: 10px 27px !important;
  font-size: 17px;
  margin-right: 15px;
  width: 110px;
  text-align: center;
}
#special-chars-popup .popup-body .buttons-row .Cor-RedButton:last-child {
  margin-right: 0;
}
#special-chars-popup .popup-body .buttons-row .CancelButton {
  background-color: transparent;
  border: 1px solid #494949;
  color: #494949;
}
#special-chars-popup .popup-body .buttons-row .CancelButton:hover {
  background-color: #494949!important;
  color: #fff;
}

@media (max-width: 650px) {
  #special-chars-popup .popup-body .grid-row {
    overflow-x: auto;
    overflow-y: hidden;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-10 {
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    width: 100%;
    border-left: 1px solid #000;
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-10 .popup-grid--cell {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
  }
}
@media (max-width: 455px) {
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-8 {
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    width: 100%;
    border-left: 1px solid #000;
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-8 .popup-grid--cell {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-10 {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-10 .popup-grid--cell {
    border-top: none;
  }
}
@media (max-width: 950px) {
  #special-chars-popup .popup-body .recent-row {
    flex-direction: column;
    align-items: flex-start;
  }
  #special-chars-popup .popup-body .info-container {
    flex-basis: auto;
    padding-top: 15px;
  }
  #special-chars-popup .popup-grid-wrapper .fr-layout-grids {
    flex: 1;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-40 {
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    width: 100%;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: none;
    border-bottom: none;
  }
  #special-chars-popup .popup-grid-wrapper.fr-layout .grid-40 .popup-grid--cell {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
}
@media (max-width: 1050px) {
  #special-chars-popup.Prem-PopupVPremium {
    width: 85%;
  }
}

/* Inform popup */
.inform-popup-wrapper {
  position: absolute !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(240, 247, 251, 1) 100%) !important;
  background-color: #fff !important;
  border: 1px solid #dce5ed !important;
  padding: 15px !important;
  border-radius: 10px !important;
  max-width: 300px !important;
  transition: all 0.3s !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15) !important;
  z-index: 99999 !important;
}
.inform-popup-wrapper:after, 
.inform-popup-wrapper:before {
  border: solid transparent !important;
  content: " " !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}
.inform-popup-wrapper:after {
  border-color: rgba(136, 183, 213, 0) !important;
  border-width: 7px !important;
  right: 10px !important;
}
.inform-popup-wrapper:before {
  border-color: rgba(194, 225, 245, 0) !important;
  border-width: 8px !important;
  right: 9px !important;
}
.inform-popup-wrapper.left-arrow:before {
  left: 10px !important;
  right: auto !important;
}
.inform-popup-wrapper.left-arrow:after {
  left: 9px !important;
  right: auto !important;
}
.inform-popup-wrapper.arrow-bottom:after,
.inform-popup-wrapper.arrow-bottom:before {
  bottom: 100% !important;
}
.inform-popup-wrapper.arrow-bottom:after {
  border-bottom-color: #fff !important;
}
.inform-popup-wrapper.arrow-bottom:before {
  border-bottom-color: #dce5ed !important;
}
.inform-popup-wrapper.arrow-top:after,
.inform-popup-wrapper.arrow-top:before {
  top: 100% !important;
}
.inform-popup-wrapper.arrow-top:after {
  border-top-color: #eff7fa !important;
}
.inform-popup-wrapper.arrow-top:before {
  border-top-color: #dce5ed !important;
}
.inform-popup-wrapper .inform-popup-body {
  padding-right: 15px;
}
.inform-popup-wrapper button.inform-popup-close {
  border: none;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
}
.inform-popup-wrapper i.fa-info-circle {
  color: #287bbf;
  font-size: 18px;
  margin-right: 10px;
}
.inform-popup-border {
  position: absolute;
  border: 2px solid #fff9c4;
  z-index: 99999;
  pointer-events: none;
}

/* Floating video */
.floating-video-wrapper {
  position: fixed;
  bottom: 10px;
  right: 10px;
  max-width: 500px;
  border-radius: 3px;
  z-index: 9999;
  transition: .3s transform;
  transform: translateX(600px);
}
.floating-video-container {
  border-radius: 3px;
  box-shadow: 0 3px 10px 4px #ddd;
}
.floating-video-close {
  position: absolute;
  right: 0px;
  top: -29px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #9e9e9e;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  width: 24px;
  height: 24px;
  transition: background-color .3s;
}
.floating-video-close:hover {
  background-color: #616161;
}
.floating-video-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating-video-link video {
  width: 100%;
  border-radius: 3px;
}
.floating-video-wrapper.show {
  transform: translateX(0);
}

/* announces */
.announce-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transition: transform .5s ease-in-out;
  transform: translateY(0);
  z-index: 9999;
}
html.mobile-page .announce-wrapper {
  /* max z-index value to cover adverts */
  z-index: 2147483647;
}
.announce-wrapper.announce-animation {
  transform: translateY(500px);
}
.announce-close {
  position: absolute;
  right: 7px;
  top: 5px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 3px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg fill='%231A1A1A' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z'/%3E%3C/svg%3E");
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
}
html.mobile-page .announce-close {
  top: -25px;
}
.announce-close:hover {
  background-color: #f4f4f4;
  background-size: 36px;
}
.announce-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.announce-link.default-cursor {
  cursor: default;
}
.announce-image {
  max-width: 100%;
}
/* for case when user entered the page as guest and after logged in as premium account */
/*body.mode-abonne-premium .announce-wrapper {
  display: none;
}*/

/**
* Guide tour
*/
#guide-tour {

}
#guide-tour .guide-tour-overlay {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  /*pointer-events: none;*//* disallow click */
  position: fixed;
  top: 0;
  transition: all .3s ease-out,height 0ms .3s,opacity .3s 0ms;
  width: 100vw;
  z-index: 999999;
}
#guide-tour .guide-tour-overlay-visible {
  height: 100vh;
  opacity: .5;
  transform: translateZ(0);
  transition: all .3s ease-out,height 0s 0s,opacity .3s 0s;
}
#guide-tour .guide-tour-overlay-visible path {
  pointer-events: all;
}
#guide-tour .guide-tour-overlay-visible rect {
  fill: transparent;
}
#guide-tour .guide-tour-overlay-visible.simulate-click rect {
  animation-duration: 2s;
  animation-name: simulate-click;
  animation-iteration-count: 1;
}
#guide-tour .guide-tour-overlay-visible.simulate-click.invisible-click rect {
  fill: transparent !important;
}
#guide-tour .card {
  position: fixed;
  top: 100px;
  right: 50px;
  background-color: #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  min-height: 250px;
  width: 600px;
  z-index: 9999998;
  border-radius: 7px;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  visibility: hidden;
  pointer-events: none;
}
#guide-tour .card.card-visible {
  visibility: visible;
  pointer-events: all;
}
#guide-tour .card .cross-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  border: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg fill='%2365676d' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
}
#guide-tour .card .cross-btn:hover {
  cursor: pointer;
}
#guide-tour .card .card-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
#guide-tour .card .card-header img {
  max-width: 80px;
}
#guide-tour .card .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#guide-tour .card .card-footer .guide-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  padding: 10px 15px;
  border-radius: 30px;
  width: 135px;
  font-size: 14px;
  cursor: pointer;
}
#guide-tour .card.card-visible .card-footer .guide-btn {
  transition: all 0.3s;
}
#guide-tour .card .card-footer .close-btn {
  background-color: #f6f6f6;
}
#guide-tour .card .card-footer .close-btn:hover {
  color: #fff;
  background-color: #999;
}
#guide-tour .card .card-footer .finish-btn {
  background-color: #ee6e73;
  color: #fff;
}
#guide-tour .card .card-footer .finish-btn:hover {
  background-color: #e74b50;
}
#guide-tour .card .card-footer .finish-btn .arrow-right {
  width: 22px;
  height: 12px;
  margin-top: 3px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%23fff' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
}
#guide-tour .card .card-footer .finish-btn.loading {
  pointer-events: none;
  opacity: .7;
}
#guide-tour .card .card-footer .finish-btn.loading .scribens-spinner {
  margin-left: 15px;
}
#guide-tour .card .card-footer .finish-btn.loading .scribens-spinner:before {
  background-color: transparent;
}
#guide-tour .card .card-footer .finish-btn.loading .scribens-spinner:after {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-top: 2px solid #fff;
}
#guide-tour-synonym {
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  transition: .3 width;
}

@keyframes simulate-click {
  0% {
    fill: transparent;
  }

  55% {
    fill: transparent;
  }

  56% {
    fill: #21a2ff;
  }

  100% {
    fill: transparent;
  }
}

/**
 * AD Wall
 *
**/
.modal-wall {
  position: fixed;
  inset: 0;
  z-index: 999991;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.modal-wall.visible {
  display: flex;
}
.modal-wall [data-type="backdrop"] {
  position: fixed;
  inset: 0;
  z-index: 999992;
  background-color: #000;
  opacity: .4;
}
.modal-wall [data-type="container"] {
  z-index: 999993;
  display: flex;
}
.modal-wall .left-side {
  display: flex;
  flex-direction: column;
  background-color: #f6f6f6;
  padding: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 360px;
}
.modal-wall .left-side--logo img {
  max-width: 120px;
}
.modal-wall .left-side--adblock-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  row-gap: 25px;
  text-align: center;
  padding: 0 25px;
}
.modal-wall .left-side--adblock-icon img {
  max-width: 165px;
}
.modal-wall .left-side--adblock-icon p {
  font-family: 'Segoe-UI-Bold';
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}
.modal-wall .right-side {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  max-width: 560px;
}
.modal-wall button.right-side--close-btn {
  width: 18px;
  height: 18px;
  align-self: flex-end;
  outline: none;
  border: none;
  background-color: transparent;
  background-image: url(../images/icone/cross-grey.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.modal-wall .right-side .text-red {
  color: #ee6e73;
}
.modal-wall .right-side--header {
  font-family: 'Segoe-UI-Bold';
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 15px;
}
.modal-wall .right-side--description {
  font-size: 15px;
  margin-bottom: 15px;
}
.modal-wall .right-side--description strong {
  font-family: 'Segoe-UI-Bold';
}
.modal-wall .right-side--title-comment {
  font-family: 'Segoe-UI-Bold';
}
.modal-wall .right-side--tabs-wrapper {
  border: 1px solid #e2e2e6;
  border-radius: 7px;
}
.modal-wall .right-side--tabs-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-wall .right-side--tab-item {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
  background-color: #f6f6f6;
  border-right: 1px solid #e2e2e6;
  cursor: pointer;
  transition: background-color .3s, color .3s;
}
.modal-wall .right-side--tab-item:first-child {
  border-top-left-radius: 7px;
}
.modal-wall .right-side--tab-item:last-child {
  border-top-right-radius: 7px;
  border-right: none;
}
.modal-wall .right-side--tab-item:hover {
  color: #2f7fc1;
}
.modal-wall .right-side--tab-item.active {
  color: #2f7fc1;
  background-color: #fff;
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
}
.modal-wall .right-side--video-container {
  position: relative;
  overflow: hidden;
  min-height: 245px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.modal-wall .right-side--video-container.active .right-side--video-overlay {
  visibility: hidden;
}
.modal-wall .right-side--video-container video {
  max-width: 100%;
}
.modal-wall .right-side--video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-wall .right-side--overlay-backdrop {
  position: absolute;
  inset: 0;
  background-color: #fff;
  opacity: .7;
  z-index: 1;
}
.modal-wall .right-side--video-overlay .fa-play {
  font-size: 25px;
  color: #039ad7;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding-left: 7px;
  pointer-events: none;
}

/**
 * Discover panel
 */
.discover-panel {
  position: absolute;
  width: 500px;
  max-width: 500px;
  z-index: 100;
}
.discover-panel--inner {
  position: relative;
}
.discover-panel--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 15px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  padding: 20px;
}
.discover-panel--image {
  width: 200px;
  max-width: 200px;
  margin-top: 15px;
}
.discover-panel--title {
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
  font-size: 17px;
  text-align: center;
}
.discover-panel--description {
  text-align: center;
}
.discover-panel--button {
  padding: 10px 35px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: #297abf;
  color: #fff;
}
.discover-panel--button:hover {
  opacity: .8;
}
.discover-panel--arrow-outer {
  position: absolute;
  top: -45px;
  right: 55px;
  z-index: 10;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
}
.discover-panel--arrow {
  width: 80px;
  height: 47px;
  background-color: #fff;
  clip-path: path("M 16 32 V 32 H 4 L 43 1 L 82 32 H 69 V 32 H 16");
}
.discover-panel--arrow-stand {
  position: absolute;
  top: -15px;
  right: 64px;
  width: 54px;
  height: 18px;
  background-color: #fff;
  z-index: 15;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  clip-path: inset(1px -10px 1px -10px);
}
.discover-panel--close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: none;
  outline: none;
  background-image: url(../images/icone/cross-grey.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.discover-panel--close:hover {
  opacity: .8;
}

.discover-panel.is-mobile {
  width: calc(100% - 25px);
  max-width: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.discover-panel.is-mobile .discover-panel--inner {
  max-width: 320px;
}
.discover-panel.is-mobile .discover-panel--arrow-outer {
  left: 5px;
  right: auto;
}
.discover-panel.is-mobile .discover-panel--arrow-stand {
  left: 22px;
  right: auto;
}
.discover-panel.is-mobile .discover-panel--content {
  row-gap: 10px;
}
.discover-panel.is-mobile .discover-panel--image {
  width: 150px;
  max-width: 150px;
}
.discover-panel.is-mobile .discover-panel--title {
  font-size: 16px;
}
/*
 *
 */
.rephrase-popup-extensions--wrapper {
  position: absolute;
  width: 500px;
  max-width: 500px;
  z-index: 100;
}
.rephrase-popup-extensions--container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 15px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  padding: 25px;
}
.rephrase-popup-extensions--close {
  align-self: flex-end;
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: transparent;
  border: none;
  outline: none;
}
.rephrase-popup-extensions--close img {
  width: 15px;
  height: 15px;
}
.rephrase-popup-extensions--title {
  font-family: 'Segoe-UI-Bold';
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  margin: 25px 0;
}
.rephrase-popup-extensions--list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 320px;
}
.rephrase-popup-extensions--item {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  transition: .3s transform;
}
.rephrase-popup-extensions--item:hover {
  transform: scale(1.05);
}
.rephrase-popup-extensions--item-block {
  display: flex;
  align-items: center;
  padding: 10px;
  column-gap: 10px;
}
.rephrase-popup-extensions--item-icons img {
  max-width: 35px;
}
.rephrase-popup-extensions--item-name {
  font-size: 15px;
  font-weight: bold;
  color: #5d5d5d;
}
.rephrase-popup-extensions--ok {
  background-color: #2469a6;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 25px;
  font-size: 14px;
  margin-top: 25px;
}

/**
  * "REECRITURE" and "RESUME DE TEXTE"
**/
ul#sub-btnout li a {
  text-transform: uppercase;
}
body[id="feature-rewriting"] .container-interface .wrapper-shadow,
body[id="feature-resume"] .container-interface .wrapper-shadow {
  box-shadow: none;
}
body[id="feature-rewriting"] #MainDiv,
body[id="feature-resume"] #MainDiv {
  background-color: transparent;
}
body[id="feature-rewriting"] .container-interface .interface,
body[id="feature-resume"] .container-interface .interface {
  border: none;
}
body #Titre.row #ia-tools-page-header {
  display: none;
}
body[id="feature-rewriting"] #Titre.row #TitreLabel,
body[id="feature-resume"] #Titre.row #TitreLabel {
  display: none !important;
}
body[id="feature-rewriting"] #Titre.row #ia-tools-page-header,
body[id="feature-resume"] #Titre.row #ia-tools-page-header {
  display: block;
  margin: 10px 0;
  text-align: center;
}

#ia-tools-page {
  height: 100%;
}
.ia-tools-page-header {
  padding: 25px 0;
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
}
.dual-container {
  display: flex;
  column-gap: 20px;
  height: 100%;
}
.dual-container .text-red {
  color: #e04343;
}
.dual-container .dual-container--left,
.dual-container .dual-container--right {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.dual-container .dual-container--panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1px;
}
.dual-container .dual-container--panel-header .ia-tools-button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  height: 50px;
  min-height: 50px;
  outline: none;
  border: none;
  background-color: #696d78;
  color: #fff;
}
.dual-container .dual-container--panel-header .ia-tools-button img {
  max-width: 25px;
}
.dual-container .dual-container--panel-header .ia-tools-button span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.dual-container .dual-container--panel-header .ia-tools-button.scribens-spinner:after {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
}
.dual-container .dual-container--panel-header button:hover {
  background-color: #565a65;
}
.dual-container--panel-content {
  flex: 1;
}
.dual-container--panel-content .ia-tools-editor {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  resize: none;
  padding: 15px;
  font-size: 16px;
  font-family: 'Segoe-UI';
  color: #64676e;
  padding: 30px 40px;
}
.dual-container .select-styled,
.dual-container ul.select-options > li > a,
.settings-grid--cell-element .select-styled,
.settings-grid--cell-element ul.select-options > li > a {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.ia-export-row {
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-bottom: 10px;
}
.ia-export-row label {
  margin: 0;
  font-weight: normal;
}
.ia-export-popup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  border-radius: 0 0 10px 10px;
  padding: 30px 20px 30px 20px;
}
.settings-grid--resume {
  display: grid;
  grid-template-columns: 190px 1fr;
  grid-gap: 20px;
}
.Prem-PopupVPremium.ia-resume-settings-pop {
  min-width: 500px;
}
.settings-grid--cell-element label {
  margin: 0;
  font-weight: normal;
}
.settings-grid--type-layout {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.settings-grid--type-layout label {
  display: flex;
  flex-direction: row-reverse;
  column-gap: 5px;
  align-items: center;
}
.ia-radio-item {
  display: flex;
  align-items: center;
  column-gap: 5px;
  cursor: pointer;
}
.ia-radio-item p {
  margin: 0;
}
.settings-grid--cell-element {
  display: flex;
  column-gap: 15px;
}
.settings-grid--cell-element .select {
  width: auto;
  max-width: 190px;
  flex: 1;
}
.settings-grid--cell-element .switch {
  display: flex;
  width: auto;
  height: 30px;
  margin: 0;
  column-gap: 15px;
}
.settings-grid--cell-element .toggle-button {
  font-size: 16px;
  border: none;
  outline: none;
  background-color: transparent;
}
.settings-grid--cell-label {
  align-self: center;
}
.ia-settings-input-group {
  display: flex;
  align-items: center;
  column-gap: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 15px;
  max-width: 190px;
}
.ia-settings-input-group .ia-settings-input {
  border: none;
  outline: none;
  padding: 0;
  max-width: 105px;
}
.ia-settings-input-group span {
  color: #64676e;
}
.ia-settings-max-words.user-defined {
  color: #ddd;
}
input.ia-settings-max-words::placeholder {
  color: #ddd;
}
input.ia-settings-max-words::-webkit-input-placeholder {
  color: #ddd;
}
input.ia-settings-max-words::-moz-placeholder {
  color: #ddd;
}
.ia-settings-popup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}
.ia-toggle-container {
  position: relative;
  width: 60px;
}
.ia-toggle-container .toggle-outside {
  right: auto;
  left: 0;
  cursor: pointer;
}
.ia-tools-info-row {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  padding: 10px;
}
.ia-popover-wrapper {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ia-popover-container {
  position: relative;
  background-color: #fff;
  width: 450px;
  max-width: 450px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 30px 20px;
}
.ia-popover-container.daily-limit-view {
  width: 400px;
  text-align: center;
  font-weight: bold;
  font-family: "Segoe-UI-Bold";
}
.ia-popover-icon-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ia-popover-icon-row img {
  width: 60px;
}
.ia-popover-close-button {
  border: none;
  background-color: transparent;
  background-image: url(../images/icone/cross.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.ia-popover-content {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.ia-popover-content .daily-limit-popover-icon-row {
  text-align: center;
}
.ia-popover-content .daily-limit-popover-icon-row img {
  width: 70px;
  max-width: 70px;
}
.ia-popover-upgrade-row {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.ia-popover-upgrade-button,
.ia-popover-upgrade-button:focus,
.ia-popover-upgrade-button:active,
.ia-popover-upgrade-button:hover {
  padding: 10px 35px;
  background-color: #297bbf;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
}
.ia-tools-custom-cell {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  max-width: 140px;
  background-color: #696d78;
}
.ia-tools-custom-cell .select-styled {
  background-color: #fff;
}
.ia-tools-custom-cell .select-styled span {
  max-width: 60px;
  overflow: hidden;
}
.ia-tools-custom-cell .select-options {
  width: 155px;
}
.styled-grid-wrapper {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  width: 350px;
  border: 1px solid #d7d9df;
  background-color: #fff;
  border-radius: 7px;
  font-size: 16px;
  transform-origin: top;
  transform: scaleY(0);
  transition: transform 0.3s ease;
  z-index: 100;
  cursor: default;
}
.styled-grid-wrapper.active {
  transform: scaleY(1);
}
.styled-grid {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
  border-radius: 7px;
  padding: 10px;
  font-size: 16px;
}
.styled-grid > div.styled-grid-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
  padding: 5px 10px;
  color: #64676e;
}
.styled-grid > div.styled-grid-item img {
  width: 25px;
  height: 25px;
}
.styled-grid > div.styled-grid-item.user-defined {

}
.styled-grid > div.styled-grid-item.user-defined span {
  flex: 1;
  word-break: break-word;
}
.styled-grid-selected-item.select-styled span {
  max-width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
}
.styled-grid-selected-item.select-styled.user-defined img,
.styled-grid > div.styled-grid-item.user-defined img {
  max-width: 19px;
  min-width: 19px;
  width: 19px;
  height: 19px;
  border: 1px solid #198FCF;
  border-radius: 50%;
  padding: 2px;
  margin-left: 3px;
}
.styled-grid > div.styled-grid-item .styled-grid-item--remove {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iI0I3QjdCNyIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHZpZXdCb3g9IjAgMCA1Mi4xNjEgNTIuMTYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik01Mi4xNjEsMjYuMDgxYzAsMy4yNDYtMi42Myw1Ljg3NS01Ljg3NSw1Ljg3NUg1Ljg3NUMyLjYzLDMxLjk1NiwwLDI5LjMyNywwLDI2LjA4MWwwLDBjMC0zLjI0NSwyLjYzLTUuODc1LDUuODc1LTUuODc1DQoJCWg0MC40MTFDNDkuNTMxLDIwLjIwNiw1Mi4xNjEsMjIuODM1LDUyLjE2MSwyNi4wODFMNTIuMTYxLDI2LjA4MXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 1px solid #B7B7B7;
  border-radius: 50%;
  outline: none;
  width: 15px;
  height: 15px;
  visibility: hidden;
  cursor: pointer;
}
.styled-grid > div.styled-grid-item:hover .styled-grid-item--remove {
  visibility: visible;
}
.styled-grid > div.styled-grid-item .styled-grid-item--remove:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iIzE5OEZDRiIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHZpZXdCb3g9IjAgMCA1Mi4xNjEgNTIuMTYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik01Mi4xNjEsMjYuMDgxYzAsMy4yNDYtMi42Myw1Ljg3NS01Ljg3NSw1Ljg3NUg1Ljg3NUMyLjYzLDMxLjk1NiwwLDI5LjMyNywwLDI2LjA4MWwwLDBjMC0zLjI0NSwyLjYzLTUuODc1LDUuODc1LTUuODc1DQoJCWg0MC40MTFDNDkuNTMxLDIwLjIwNiw1Mi4xNjEsMjIuODM1LDUyLjE2MSwyNi4wODFMNTIuMTYxLDI2LjA4MXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
  border: 1px solid #198FCF;
}
.styled-grid > div:hover {
  background-color: #f4f9fd;
  color: #178fcf;
  border-radius: 5px;
  cursor: pointer;
}
.custom-tone-row {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 15px;
  background-color: #f2f2f2;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  cursor: default;
}
.custom-tone-row .custom-tone-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.custom-tone-row .custom-tone-icon img {
  max-width: 22px;
  min-width: 22px;
  width: 22px;
  height: 22px;
  border: 1px solid #198FCF;
  border-radius: 50%;
  padding: 2px;
}
.custom-tone-row .custom-tone-input-group {
  display: flex;
  justify-content: center;
  flex: 1;
}
.custom-tone-row input.custom-tone-input {
  flex: 1;
  padding: 5px;
  border-left: 1px solid #B7B7B7;
  border-top: 1px solid #B7B7B7;
  border-bottom: 1px solid #B7B7B7;
  border-right: none;
  outline: none;
  border-radius: 3px 0 0 3px;
  font-size: 15px;
}
.custom-tone-row .custom-tone-validation {
  border: none;
  color: #fff;
  background-color: #198FCF;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: background-color 0.3s ease;
  font-size: 16px;
  padding: 0 10px;
  cursor: pointer;
}
.custom-tone-row button[disabled].custom-tone-validation {
  background-color: #B7B7B7;
}
.custom-tone-row .custom-tone-button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMS41IDBjNi4zNDcgMCAxMS41IDUuMTUzIDExLjUgMTEuNXMtNS4xNTMgMTEuNS0xMS41IDExLjUtMTEuNS01LjE1My0xMS41LTExLjUgNS4xNTMtMTEuNSAxMS41LTExLjV6bTAgMWM1Ljc5NSAwIDEwLjUgNC43MDUgMTAuNSAxMC41cy00LjcwNSAxMC41LTEwLjUgMTAuNS0xMC41LTQuNzA1LTEwLjUtMTAuNSA0LjcwNS0xMC41IDEwLjUtMTAuNXptLjUgMTBoNnYxaC02djZoLTF2LTZoLTZ2LTFoNnYtNmgxdjZ6Ii8+PC9zdmc+Cg==);
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #198FCF;
  border: none;
  border-radius: 3px;
  outline: none;
  width: 35px;
  height: 35px;
  min-width: 35px;
  max-width: 35px;
  cursor: pointer;
}

  /**
    * Footer Grid
    *
  **/
#footer-grid {
  padding: 55px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 40px;
  margin: 0 auto;
  max-width: 100%;
}
#footer-grid .website-logo {
  text-align: center;
}
#footer-grid .website-logo img {
  max-width: 90px;
}
#footer-grid .footer-col p.footer-col--header {
  font-family: 'Segoe-UI-Bold';
  font-size: 16px;
  margin-bottom: 15px;
  color: #65676e;
}
#footer-grid .footer-col .list-unstyled {
  line-height: 2;
  margin: 0;
}
#footer-grid .footer-col .list-unstyled a {
  color: #808488;
}
#footer-grid .footer-col .list-unstyled a:hover {
  color: #65676e;
}
#footer-grid .footer-col ul.list-unstyled a {
  position: relative;
}
#footer-grid .footer-col ul.list-unstyled a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all .2s;
}
#footer-grid .footer-col ul.list-unstyled a:hover:after {
  width: 100%;
}
#footer-grid .noir-button-apps {
  display: flex;
  column-gap: 10px;
  margin-bottom: 15px;
}
#footer-grid .footer-col .noir-button-apps {
  flex-direction: column;
  row-gap: 15px;
}
#footer-grid .noir-button-apps img {
  min-width: 140px;
  max-width: 140px;
}
#footer-grid ul.social-icons {
  display: flex;
  column-gap: 7px;
}
#footer-grid ul.social-icons.squared a, 
#footer-grid ul.social-icons.circle a, 
#footer-grid ul.social-icons.rounded a {
  height: 35px;
  width: 35px;
  line-height: 35px;
}
#footer-grid ul.social-icons .fa-instagram:before {
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background-image: url(../images/icone/insta-header-icon-white.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 1024px) {
  #footer-grid .footer-col:first-child {
    grid-column: 1 / -1;
  }
}

footer#main-footer #footer-rights p #gest-conf {
  color: #e04343;
  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| FONTS FACE
|--------------------------------------------------------------------------
*/
@font-face {
    font-family: 'Segoe-UI';
    src:
        local("Segoe UI"),
        url(fonts/latest1.woff2) format("woff2"),
        url(fonts/latest1.woff) format("woff"),
        url(fonts/latest1.ttf) format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: 'Segoe-UI-Bold';
    src:
        local("Segoe UI Bold"),
        url(fonts/latest.woff2) format("woff2"),
        url(fonts/latest.woff) format("woff"),
        url(fonts/latest.ttf) format("truetype");
    font-weight: 600;
}

/* Breakpoint for extra large screens */
@media (min-width: 1600px) {
  html[lang="en"] #global-wrapper > #content > section > .container-fluid {
    max-width: 1600px;
  }
}
 
/* Mobile page */
@media (max-width: 950px) {
  html.mobile-page body {
    padding-top: 45px;
  }
  /* fix header */
  html.mobile-page .menu-header .main-logo {
    width: 100px;
  }
  html.mobile-page .menu-header .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row-reverse;
    height: 45px;
  }
  html.mobile-page .menu-header .navbar-header .navbar-toggle {
    margin: 0 !important;
  }
  html.mobile-page #global-wrapper .navbar {
    min-height: auto;
  }
  html.mobile-page .menu-header .navbar-brand {
    flex: 1;
    margin-left: -10px;
  }
  html.mobile-page .menu-header .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* page views */
  html.mobile-page #content .container-interface.container-fluid {
    display: flex;
    flex-direction: column;
    padding: 15px;
    padding-bottom: 0;
  }
  html.mobile-page #content .container-interface.container-fluid > .flex.ortho-flex {
    order: 1;
  }
  html.mobile-page #content .container-interface.container-fluid > aside#pub1 {
    order: 2;
  }
  html.mobile-page #content .container-interface.container-fluid > .row {
    order: 3;
  }
  html.mobile-page #content .container-interface.container-fluid > .flex.ortho-flex .wrapper-shadow {
    min-height: 265px;
  }
  html.mobile-page div#PanelBtn {
    flex-direction: row-reverse;
    min-height: 45px;
  }
  html.mobile-page div#PanelBtn .button {
    padding: 0 8px;
    font-size: 12px;
    height: 45px;
    line-height: 40px;
    justify-content: center;
  }
  html.mobile-page div#PanelBtn .button span {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  html.mobile-page div#PanelBtn .button img {
    width: 16px;
    margin-right: 9px;
    margin-bottom: 0;
  }
  html.mobile-page div#PanelBtn #rephrase-fn {
    min-width: 45px;
    width: 45px;
    border-left: 1px solid #b4b6bc;
  }
  html.mobile-page div#PanelBtn #rephrase-fn img {
    width: 20px;
    margin: 0;
  }
  html.mobile-page div#PanelBtn .left {
    display: flex;
    flex: 1;
  }
  html.mobile-page div#PanelBtn .left > div {
    width: 50%;
  }
  html.mobile-page div#PanelBtn .right {
    border-left: none;
    width: 90px;
    flex: 0;
    border-right: 1px solid #b4b6bc;
  }
  /* html.mobile-page div#PanelBtn .right > div {
    width: 100%;
  } */
  html.mobile-page div#PanelBtn div#settingsLabel,
  html.mobile-page div#PanelBtn div#actions,
  html.mobile-page div#PanelBtn div#clear-tablet {
    display: none;
  }
  html.mobile-page div#PanelBtn div#paste-tablet {
    display: flex !important;
    visibility: visible !important;
  }
  html.mobile-page .btn.large {
    display: block;
    width: calc(100% - 44px);
    max-width: 375px;
    margin: 0 auto 20px;
  }
  html.mobile-page .heading p.scribwnttcontent {
    font-size: 20px;
  }
  html.mobile-page .heading:after {
    font-size: 45px;
    top: -15px;
  }
  html.mobile-page #services .fa-circle {
    font-size: 1.3em;
    position: relative;
  }
  html.mobile-page #services .fa-inverse {
    font-size: .5em;
    top: 30px;
  }
  html.mobile-page #services .fa-stack {
    line-height: 1;
    font-size: 5em;
    height: 1.3em;
  }
  html.mobile-page .parallax p.parallaxscribs {
    font-size: 26px;
  }
  html.mobile-page i[class^="icon-"].medium.rounded:before, 
  html.mobile-page i[class*=" icon-"].medium.rounded:before, 
  html.mobile-page i[class^="icon-"].medium.squared:before, 
  html.mobile-page i[class*=" icon-"].medium.squared:before, 
  html.mobile-page i[class^="icon-"].medium.circle:before, 
  html.mobile-page i[class*=" icon-"].medium.circle:before {
    width: 87px;
    height: 87px;
    font-size: 40px;
    line-height: 2;
  }
  html.mobile-page #cont .form-minimal {
    padding: 0;
  }
  html.mobile-page #cont form {
    border: none;
    padding: 40px 10px;
  }
  html.mobile-page label.nogxtbwn {
    background: transparent;
    color: #555;
  }
  html.mobile-page .g-recaptcha > div {
    position: relative;
    margin: 0 auto;
    padding: 0;
  }
}