.consultation-gratuite textarea, .consultation-gratuite input[type=text], .consultation-gratuite input[type=email], .consultation-gratuite input[type=tel], .font16 p, .font16 h1, .font16 h2, .font16 h3, .font16 {
  font-size: calc(16vw / 18);
  line-height: 1.5625;
}
@media (min-width: 1400px) {
  .consultation-gratuite textarea, .consultation-gratuite input[type=text], .consultation-gratuite input[type=email], .consultation-gratuite input[type=tel], .font16 p, .font16 h1, .font16 h2, .font16 h3, .font16 {
    font-size: calc(16vw / 19.2);
  }
}
@media (max-width: 767px) {
  .consultation-gratuite textarea, .consultation-gratuite input[type=text], .consultation-gratuite input[type=email], .consultation-gratuite input[type=tel], .font16 p, .font16 h1, .font16 h2, .font16 h3, .font16 {
    font-size: 14px !important;
    font-size: 12px !important;
  }
}

.font18 p, .font18 h1, .font18 h2, .font18 h3, .font18 {
  font-size: calc(18vw / 18);
  line-height: 1.6666666667;
}
@media (min-width: 1400px) {
  .font18 p, .font18 h1, .font18 h2, .font18 h3, .font18 {
    font-size: calc(18vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font18 p, .font18 h1, .font18 h2, .font18 h3, .font18 {
    font-size: 14px !important;
    font-size: 15px !important;
  }
}

.font20 p, .font20 h1, .font20 h2, .font20 h3, .font20 {
  font-size: calc(20vw / 18);
  line-height: 1.5;
}
@media (min-width: 1400px) {
  .font20 p, .font20 h1, .font20 h2, .font20 h3, .font20 {
    font-size: calc(20vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font20 p, .font20 h1, .font20 h2, .font20 h3, .font20 {
    font-size: 14px !important;
    font-size: 18px !important;
  }
}

.font22 p, .font22 h1, .font22 h2, .font22 h3, .font22 {
  font-size: calc(22vw / 18);
  line-height: 1.0909090909;
}
@media (min-width: 1400px) {
  .font22 p, .font22 h1, .font22 h2, .font22 h3, .font22 {
    font-size: calc(22vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font22 p, .font22 h1, .font22 h2, .font22 h3, .font22 {
    font-size: 16px !important;
    font-size: 20px !important;
  }
}

.font24 p, .font24 h1, .font24 h2, .font24 h3, .font24 {
  font-size: calc(24vw / 18);
  line-height: 1.5;
}
@media (min-width: 1400px) {
  .font24 p, .font24 h1, .font24 h2, .font24 h3, .font24 {
    font-size: calc(24vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font24 p, .font24 h1, .font24 h2, .font24 h3, .font24 {
    font-size: 16px !important;
    font-size: 22px !important;
  }
}

.font28 p, .font28 h1, .font28 h2, .font28 h3, .font28 {
  font-size: calc(28vw / 18);
  line-height: 1.5;
}
@media (min-width: 1400px) {
  .font28 p, .font28 h1, .font28 h2, .font28 h3, .font28 {
    font-size: calc(28vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font28 p, .font28 h1, .font28 h2, .font28 h3, .font28 {
    font-size: 16px !important;
    font-size: 24px !important;
  }
}

.font30 p, .font30 h1, .font30 h2, .font30 h3, .font30 {
  font-size: calc(30vw / 18);
  line-height: 1.4666666667;
}
@media (min-width: 1400px) {
  .font30 p, .font30 h1, .font30 h2, .font30 h3, .font30 {
    font-size: calc(30vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font30 p, .font30 h1, .font30 h2, .font30 h3, .font30 {
    font-size: 16px !important;
    font-size: 24px !important;
  }
}

.font42 p, .font42 h1, .font42 h2, .font42 h3, .font42 {
  font-size: calc(42vw / 18);
  line-height: 1.0476190476;
}
@media (min-width: 1400px) {
  .font42 p, .font42 h1, .font42 h2, .font42 h3, .font42 {
    font-size: calc(42vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font42 p, .font42 h1, .font42 h2, .font42 h3, .font42 {
    font-size: 22px !important;
    font-size: 26px !important;
  }
}

.font50 p, .font50 h1, .font50 h2, .font50 h3, .font50 {
  font-size: calc(50vw / 18);
  line-height: 1.5;
}
@media (min-width: 1400px) {
  .font50 p, .font50 h1, .font50 h2, .font50 h3, .font50 {
    font-size: calc(50vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font50 p, .font50 h1, .font50 h2, .font50 h3, .font50 {
    font-size: 22px !important;
    font-size: 28px !important;
  }
}

.font60 p, .font60 h1, .font60 h2, .font60 h3, .font60 {
  font-size: calc(60vw / 18);
  line-height: 1.5;
}
@media (min-width: 1400px) {
  .font60 p, .font60 h1, .font60 h2, .font60 h3, .font60 {
    font-size: calc(60vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font60 p, .font60 h1, .font60 h2, .font60 h3, .font60 {
    font-size: 22px !important;
    font-size: 30px !important;
  }
}

.font72 p, .font72 h1, .font72 h2, .font72 h3, .font72 {
  font-size: calc(72vw / 18);
  line-height: 1.5;
}
@media (min-width: 1400px) {
  .font72 p, .font72 h1, .font72 h2, .font72 h3, .font72 {
    font-size: calc(72vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font72 p, .font72 h1, .font72 h2, .font72 h3, .font72 {
    font-size: 22px !important;
    font-size: 36px !important;
  }
}

.font126 p, .font126 h1, .font126 h2, .font126 h3, .font126 {
  font-size: calc(126vw / 18);
  line-height: 1.1111111111;
}
@media (min-width: 1400px) {
  .font126 p, .font126 h1, .font126 h2, .font126 h3, .font126 {
    font-size: calc(126vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font126 p, .font126 h1, .font126 h2, .font126 h3, .font126 {
    font-size: 22px !important;
    font-size: 60px !important;
  }
}

/*************       Fonts          *************/
.white {
  color: #fff;
}

b, strong, .bold {
  font-weight: 700;
  font-family: pop-bold, serif;
}

.light {
  font-family: pop-light, serif;
  font-weight: 300;
}

.medium {
  font-family: pop-medium, serif;
  font-weight: 500;
}

.semibold {
  font-family: pop-semibold, serif;
  font-weight: 600;
}

.pop-bold {
  font-weight: 700;
  font-family: pop-bold, serif;
}
.pop-bold b, .pop-bold strong, .pop-bold .bold {
  font-weight: 700;
  font-family: pop-bold, serif;
}

.uppercase {
  text-transform: uppercase;
}

a {
  text-decoration: none;
  color: inherit;
}

.nounderline {
  text-decoration: none;
}
.nounderline a {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.red {
  color: #7C3616;
}

.orange {
  color: #FF9134;
}

.grey {
  color: #7A7979;
}

.greyf {
  color: #919194;
}

.blue {
  color: #17D3FF;
}

.perpel {
  color: #020B48;
}

.greyb {
  color: #151515;
}

.black {
  color: #1C1B1B;
}

h2 {
  font-weight: inherit;
}

.max90 {
  max-width: 88%;
}
.max90.center {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .max90 {
    max-width: 90%;
  }
}

.card-eti:hover > .vce-col-inner {
  background-color: #17D3FF !important;
  cursor: pointer;
  color: #ffffff;
}

.card-eti:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  border-radius: 20px;
  background: linear-gradient(to right, #FF9134, #FF2471);
  transition: 0.5s;
}

.card-eti:hover:before {
  transform: rotate(4deg);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  top: -2%;
  left: 13%;
}

.brand:before {
  content: "";
  background-image: url("/wp-content/themes/vsc-theme/images/brand-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 7vw;
  height: 7vw;
  min-width: 56px;
  min-height: 56px;
  max-width: 98px;
  max-height: 98px;
  display: block;
  margin: 25px auto;
}

.card-eti:hover .brand:before {
  background-image: url("/wp-content/themes/vsc-theme/images/brand-white.png");
}

.web:before {
  content: "";
  background-image: url("/wp-content/themes/vsc-theme/images/copywriting.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 7vw;
  height: 7vw;
  min-width: 56px;
  min-height: 56px;
  max-width: 98px;
  max-height: 98px;
  display: block;
  margin: 25px auto;
}

.card-eti:hover .web:before {
  background-image: url("/wp-content/themes/vsc-theme/images/copywriting-white.png");
}

.seo:before {
  content: "";
  background-image: url("/wp-content/themes/vsc-theme/images/seo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 7vw;
  height: 7vw;
  min-width: 56px;
  min-height: 56px;
  max-width: 98px;
  max-height: 98px;
  display: block;
  margin: 25px auto;
}

.card-eti:hover .seo:before {
  background-image: url("/wp-content/themes/vsc-theme/images/seo-white.png");
}

.ads:before {
  content: "";
  background-image: url("/wp-content/themes/vsc-theme/images/adwords.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 7vw;
  height: 7vw;
  min-width: 56px;
  min-height: 56px;
  max-width: 98px;
  max-height: 98px;
  display: block;
  margin: 25px auto;
}

.card-eti:hover .ads:before {
  background-image: url("/wp-content/themes/vsc-theme/images/adwords-white.png");
}

.marketing:before {
  content: "";
  background-image: url("/wp-content/themes/vsc-theme/images/inbound-marketing.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 7vw;
  height: 7vw;
  min-width: 56px;
  min-height: 56px;
  max-width: 98px;
  max-height: 98px;
  display: block;
  margin: 25px auto;
}

.card-eti:hover .marketing:before {
  background-image: url("/wp-content/themes/vsc-theme/images/inbound-marketing-white.png");
}

.card-eti:hover .black {
  color: #ffffff;
}

.btn-img {
  position: relative;
  right: calc(-95% + 24px);
  bottom: 5px;
  filter: grayscale(1);
}

.card-eti:hover .btn-img {
  filter: none;
}

.max80 {
  max-width: 80%;
}
.max80.center {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .max80 {
    max-width: 100%;
  }
}

.site-main ul {
  padding: 0 20px !important;
  list-style: none;
  list-style-image: none !important;
}
.site-main ul li:before {
  content: "-";
  position: relative;
  left: -20px;
  top: 0;
  width: 0;
  float: left;
}

.noliststyle ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.noliststyle li {
  padding-bottom: 5px;
}
.noliststyle li:before {
  display: none;
}

ol {
  padding-left: 20px;
}
ol li {
  padding-bottom: 20px;
}

.lit10 li {
  margin-bottom: 15px;
}

.fullwidthimg .vce-single-image-wrapper {
  width: 100%;
  padding: 0;
  overflow: visible;
  margin-bottom: 0;
}
.fullwidthimg .vce-single-image-wrapper figure {
  width: 100% !important;
  padding: 0;
}
.fullwidthimg .vce-single-image-wrapper figure .vce-single-image-inner {
  width: 100% !important;
}

#map1 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: 30px 0 0 30px;
  position: absolute !important;
  z-index: 1;
  top: 0;
  left: 0;
}
#map1 > div {
  /*max-width: 100%;
  max-height: 400px;
  overflow: hidden;
  display: block;
  position: unset !important;*/
}

.get-in {
  position: relative;
  z-index: 3;
}

.max12 {
  max-width: 12%;
}
.max12.center {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .max12 {
    max-width: 60%;
  }
}

.lineh1 {
  line-height: 1;
}

.vce-button--style-basic.vce-button--style-basic--size-small {
  font-size: inherit !important;
}

.lineh2 {
  line-height: 2;
}
.lineh2 p {
  line-height: 2;
}

.lineh1 {
  line-height: 1;
}
.lineh1 p, .lineh1 h2, .lineh1 h3, .lineh1 h4 {
  line-height: 1;
}

.lineh12 {
  line-height: 1.2;
}
.lineh12 p, .lineh12 h2, .lineh12 h3, .lineh12 h4 {
  line-height: 1.2;
}

/**************************************/
/*********** btn ***********/
.menu-main-menu-container ul li.btncontact {
  padding: 0;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .menu-main-menu-container ul li.btncontact {
    padding: 0 30px;
    margin-left: 0;
  }
}
.menu-main-menu-container ul li.btncontact a {
  color: #ffffff;
  font-weight: 500;
  padding: 12px 15px;
  float: left;
  border-radius: 40px;
  display: flex;
  align-items: center;
  background: transparent;
  border: 1px solid #ffffff;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .menu-main-menu-container ul li.btncontact a {
    padding: 5px 15px;
  }
  .menu-main-menu-container ul li.btncontact a:after {
    background-size: 75%;
  }
}
@media (max-width: 767px) {
  .menu-main-menu-container ul li.btncontact a {
    justify-content: center;
    margin-top: 50px;
    width: calc(100% - 32px);
    align-items: center;
  }
}
.menu-main-menu-container ul li.btncontact a:after {
  background-image: url(/wp-content/themes/vsc-theme/images/arrow-c.svg);
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 1.5vw;
  height: 1.5vw;
  min-height: 20px;
  min-width: 20px;
  margin-left: 10px;
  display: block;
  float: right;
  position: relative;
  right: -8px;
}
.menu-main-menu-container ul li.btncontact a:hover {
  background: linear-gradient(to right, #FF9134, #FF2471);
  color: #ffffff;
}
.menu-main-menu-container ul li.btncontact a:hover:after {
  background-image: url(/wp-content/themes/vsc-theme/images/arrow.svg);
}

.btn a {
  background: linear-gradient(to right, #FF9134, #FF2471);
  padding: 13px 28px;
  color: #ffffff;
  float: left;
  margin: 20px 0 0 0;
  border-radius: 40px;
  display: flex;
  align-items: center;
}
.btn a:after {
  content: "";
  background-image: url(/wp-content/themes/vsc-theme/images/arrow.svg);
  background-repeat: no-repeat;
  background-size: 97%;
  background-position: center;
  width: 1.8vw;
  height: 1.8vw;
  min-height: 24px;
  min-width: 24px;
  margin-left: 30px;
  display: block;
  float: right;
  position: relative;
  right: -12px;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .btn a {
    padding: 5px 18px;
    border-radius: 17px;
  }
  .btn a:after {
    background-size: 75%;
  }
}
@media (max-width: 767px) {
  .btn a {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    padding: 12px 25px;
  }
}
.btn.center .vce-text-block-wrapper {
  display: flex;
  justify-content: center;
}
.btn.center .vce-text-block-wrapper a {
  float: none;
}

.btnc a {
  background-color: #ffffff;
  padding: 13px 28px;
  color: #000;
  float: left;
  margin: 20px 0 0 0;
  border-radius: 40px;
  display: flex;
  align-items: center;
}
.btnc a:after {
  content: "";
  background-image: url(/wp-content/themes/vsc-theme/images/arrow-c.svg);
  background-repeat: no-repeat;
  background-size: 97%;
  background-position: center;
  width: 1.8vw;
  height: 1.8vw;
  min-height: 24px;
  min-width: 24px;
  margin-left: 30px;
  display: block;
  float: right;
  position: relative;
  right: -12px;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .btnc a {
    padding: 5px 18px;
    border-radius: 17px;
  }
  .btnc a:after {
    background-size: 75%;
  }
}
@media (max-width: 767px) {
  .btnc a {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    padding: 12px 25px;
  }
}
.btnc.center .vce-text-block-wrapper {
  display: flex;
  justify-content: center;
}
.btnc.center .vce-text-block-wrapper a {
  float: none;
}

.circle a:hover {
  background: transparent;
  box-shadow: 0 1px 0 0 rgba(255, 145, 52, 0.25), 0 -1px 0 0 rgba(255, 36, 113, 0.25), 1px 0 0 0 rgba(255, 145, 52, 0.25), -1px 0 0 0 rgba(255, 36, 113, 0.25), 1px -1px 0 0 rgba(255, 145, 52, 0.5), -1px 1px 0 0 rgba(255, 36, 113, 0.5), 1px 1px 0 0 rgba(255, 145, 52, 0.75), -1px -1px 0 0 rgba(255, 36, 113, 0.75);
}
.circle a:hover:after {
  background-image: url(/wp-content/themes/vsc-theme/images/arrow-c.svg);
}

.circlec a:hover {
  background: #000000;
  color: white;
  box-shadow: 0 1px 0 0 rgba(255, 145, 52, 0.25), 0 -1px 0 0 rgba(255, 36, 113, 0.25), 1px 0 0 0 rgba(255, 145, 52, 0.25), -1px 0 0 0 rgba(255, 36, 113, 0.25), 1px -1px 0 0 rgba(255, 145, 52, 0.5), -1px 1px 0 0 rgba(255, 36, 113, 0.5), 1px 1px 0 0 rgba(255, 145, 52, 0.75), -1px -1px 0 0 rgba(255, 36, 113, 0.75);
}
.circlec a:hover:after {
  background-image: url(/wp-content/themes/vsc-theme/images/arrow.svg);
}

/*************** img effect ******/
.img-cercle-in {
  max-width: 65%;
  width: 65%;
  margin: 0 auto;
}
.img-cercle-in .vce-single-image-wrapper {
  width: 100% !important;
}
.img-cercle-in .vce-single-image-wrapper figure {
  width: 100% !important;
}
.img-cercle-in .vce-single-image-wrapper figure .vce-single-image-figure-inner {
  width: 100% !important;
}
.img-cercle-in .vce-single-image-wrapper figure .vce-single-image-figure-inner img {
  width: 100% !important;
}

.img-cercle-out {
  position: absolute;
  top: -19%;
  left: 5%;
  max-width: 90%;
  width: 90%;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 100s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 100s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
.img-cercle-out .vce-single-image-wrapper {
  width: 100% !important;
}
.img-cercle-out .vce-single-image-wrapper figure {
  width: 100% !important;
}
.img-cercle-out .vce-single-image-wrapper figure .vce-single-image-figure-inner {
  width: 100% !important;
}
.img-cercle-out .vce-single-image-wrapper figure .vce-single-image-figure-inner img {
  width: 100% !important;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(-360deg);
  }
}
.why-us:before {
  content: "";
  background-image: url("/wp-content/themes/vsc-theme/images/why.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20vw;
  height: 14vw;
  max-width: 375px;
  max-height: 255px;
  min-width: 150px;
  min-height: 90px;
  position: absolute;
  top: -25%;
  left: -8%;
  z-index: 3;
  animation: tilt-shaking 1s infinite;
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*********** testimonials  ********/
.decibel-testi {
  max-width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .decibel-testi {
    max-width: 100%;
  }
}
.decibel-testi .strong-view.wpmtst-modern .wpmtst-testimonial-content {
  font-style: unset;
}
.decibel-testi .testimonial-name {
  padding-top: 50px;
  font-size: 110%;
  font-family: pop-medium, serif;
  font-weight: 500;
}
.decibel-testi:before {
  content: "";
  width: 4.5vw;
  height: 4.5vw;
  max-width: 75px;
  max-height: 75px;
  min-height: 50px;
  min-width: 50px;
  background-image: url("/wp-content/themes/vsc-theme/images/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 0 auto;
}

/*********** paddings **********/
figcaption {
  display: none;
}

.nomarginp p {
  margin: 0;
}
@media (max-width: 767px) {
  .nomarginp p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.nomargintop {
  margin-top: 0 !important;
}
.nomargintop p, .nomargintop h1, .nomargintop h2, .nomargintop h3, .nomargintop h4 {
  margin-top: 0;
}
.nomarginbottom {
  margin-bottom: 0 !important;
}
.nomarginbottom p, .nomarginbottom h1, .nomarginbottom h2, .nomarginbottom h3, .nomarginbottom h4 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .nomarginbottom {
    margin-bottom: 15px !important;
  }
  .nomarginbottom p, .nomarginbottom h1, .nomarginbottom h2, .nomarginbottom h3, .nomarginbottom h4 {
    margin-bottom: 15px;
  }
}

.vce {
  margin-bottom: 0 !important;
}

.vce-element--has-background > .vce-col-inner > .vce-col-content {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.vce-row.vce-element--has-background {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.vce-row.vce-element--has-background.vce-row--has-col-background {
  padding-bottom: 0 !important;
}

.padding60, .padding60.vce-row.vce-element--has-background {
  padding: 3.125vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding60, .padding60.vce-row.vce-element--has-background {
    padding: 2.0833333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding60, .padding60.vce-row.vce-element--has-background {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .padding60, .padding60.vce-row.vce-element--has-background {
    padding: 30px;
  }
}

.padding40, .padding40.vce-row.vce-element--has-background {
  padding: 4.4270833333vw 2.0833333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding40, .padding40.vce-row.vce-element--has-background {
    padding: 2.8645833333vw 1.5625vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding40, .padding40.vce-row.vce-element--has-background {
    padding: 50px 20px;
  }
}
@media (max-width: 767px) {
  .padding40, .padding40.vce-row.vce-element--has-background {
    padding: 40px 30px;
  }
  .padding40.fwmob, .padding40.vce-row.vce-element--has-background.fwmob {
    padding: 40px 0 !important;
  }
}
.padding40.bgwhite-image, .padding40.vce-row.vce-element--has-background.bgwhite-image {
  background-color: #FFFFFF;
}

.padding60 h2 {
  margin-top: 0;
}

/*****************************************/
.padding537x, .padding537x.vce-row.vce-element--has-background {
  padding-left: 27.96875vw;
  padding-right: 27.96875vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding537x, .padding537x.vce-row.vce-element--has-background {
    padding-left: 22.7604166667vw;
    padding-right: 22.7604166667vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding537x, .padding537x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
  .padding537x.headerbloc, .padding537x.vce-row.vce-element--has-background.headerbloc {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .padding537x, .padding537x.vce-row.vce-element--has-background {
    padding-left: 30px;
    padding-right: 30px;
  }
  .padding537x.headerbloc, .padding537x.vce-row.vce-element--has-background.headerbloc {
    padding: 0;
  }
}

.padding468x, .padding468x.vce-row.vce-element--has-background {
  padding-left: 24.375vw;
  padding-right: 24.375vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding468x, .padding468x.vce-row.vce-element--has-background {
    padding-left: 19.1666666667vw;
    padding-right: 19.1666666667vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding468x, .padding468x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
  .padding468x.headerbloc, .padding468x.vce-row.vce-element--has-background.headerbloc {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .padding468x, .padding468x.vce-row.vce-element--has-background {
    padding-left: 30px;
    padding-right: 30px;
  }
  .padding468x.headerbloc, .padding468x.vce-row.vce-element--has-background.headerbloc {
    padding: 0;
  }
}

.padding180x, .padding180x.vce-row.vce-element--has-background {
  padding-left: 9.375vw;
  padding-right: 9.375vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding180x, .padding180x.vce-row.vce-element--has-background {
    padding-left: 5.2083333333vw;
    padding-right: 5.2083333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding180x, .padding180x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
  .padding180x.headerbloc, .padding180x.vce-row.vce-element--has-background.headerbloc {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .padding180x, .padding180x.vce-row.vce-element--has-background {
    padding-left: 30px;
    padding-right: 30px;
  }
  .padding180x.headerbloc, .padding180x.vce-row.vce-element--has-background.headerbloc {
    padding: 0;
  }
  .padding180x.fullmobile, .padding180x.vce-row.vce-element--has-background.fullmobile {
    padding-left: 0;
    padding-right: 0;
  }
  .padding180x.fullmobile .mobpadd, .padding180x.vce-row.vce-element--has-background.fullmobile .mobpadd {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.padding85y, .padding85y.vce-row.vce-element--has-background {
  padding-bottom: 4.4270833333vw !important;
  padding-top: 4.4270833333vw;
}
@media (max-width: 767px) {
  .padding85y, .padding85y.vce-row.vce-element--has-background {
    padding-bottom: 50px !important;
    padding-top: 50px;
  }
}

.padding50y, .padding50y.vce-row.vce-element--has-background {
  padding-bottom: 2.6041666667vw;
  padding-top: 2.6041666667vw;
}

.padding40y {
  padding-bottom: 2.0833333333vw;
  padding-top: 2.0833333333vw;
}

.padding540t, .padding540t.vce-row.vce-element--has-background {
  padding-top: 28.125vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding540t, .padding540t.vce-row.vce-element--has-background {
    padding-top: 31.25vw;
  }
}
@media (max-width: 767px) {
  .padding540t, .padding540t.vce-row.vce-element--has-background {
    padding-top: 400px;
  }
}

.padding493t, .padding493t.vce-row.vce-element--has-background {
  padding-top: 25.6770833333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding493t, .padding493t.vce-row.vce-element--has-background {
    padding-top: 27.6041666667vw;
  }
}
@media (max-width: 767px) {
  .padding493t, .padding493t.vce-row.vce-element--has-background {
    padding-top: 400px;
  }
}

.padding400t, .padding400t.vce-row.vce-element--has-background {
  padding-top: 20.8333333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding400t, .padding400t.vce-row.vce-element--has-background {
    padding-top: 23.4375vw;
  }
}
@media (max-width: 767px) {
  .padding400t, .padding400t.vce-row.vce-element--has-background {
    padding-top: 300px;
  }
}

.padding255t, .padding255t.vce-row.vce-element--has-background {
  padding-top: 13.28125vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding255t, .padding255t.vce-row.vce-element--has-background {
    padding-top: 15.625vw;
  }
}
@media (max-width: 767px) {
  .padding255t, .padding255t.vce-row.vce-element--has-background {
    padding-top: 150px;
  }
}

.padding217t, .padding217t.vce-row.vce-element--has-background {
  padding-top: 11.3020833333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding217t, .padding217t.vce-row.vce-element--has-background {
    padding-top: 13.0208333333vw;
  }
}
@media (max-width: 767px) {
  .padding217t, .padding217t.vce-row.vce-element--has-background {
    padding-top: 150px;
  }
}

.padding150t, .padding150t.vce-row.vce-element--has-background {
  padding-top: 7.8125vw;
}

.padding100t, .padding100t.vce-row.vce-element--has-background {
  padding-top: 5.2083333333vw;
}
.padding100t.headeranim, .padding100t.vce-row.vce-element--has-background.headeranim {
  padding-top: 100px;
}

.padding75t, .padding75t.vce-row.vce-element--has-background {
  padding-top: 3.90625vw;
}

.padding50t, .padding50t.vce-row.vce-element--has-background {
  padding-top: 2.6041666667vw;
}

.padding30t, .padding30t.vce-row.vce-element--has-background {
  padding-top: 1.5625vw;
}

.padding20t, .padding20t.vce-row.vce-element--has-background {
  padding-top: 1.0416666667vw;
}

.padding10t, .padding10t.vce-row.vce-element--has-background {
  padding-top: 0.5208333333vw;
}

.padding300b, .padding300b.vce-row.vce-element--has-background {
  padding-bottom: 15.9895833333vw;
}
@media (max-width: 767px) {
  .padding300b, .padding300b.vce-row.vce-element--has-background {
    padding-bottom: 60px;
  }
}

.padding130b, .padding130b.vce-row.vce-element--has-background {
  padding-bottom: 6.7708333333vw;
}
@media (max-width: 767px) {
  .padding130b, .padding130b.vce-row.vce-element--has-background {
    padding-bottom: 60px;
  }
}

.padding100b, .padding100b.vce-row.vce-element--has-background {
  padding-bottom: 5.2083333333vw;
}
@media (max-width: 767px) {
  .padding100b, .padding100b.vce-row.vce-element--has-background {
    padding-bottom: 60px;
  }
}

.padding75b, .padding75b.vce-row.vce-element--has-background {
  padding-bottom: 3.90625vw;
}

.padding30b, .padding30b.vce-row.vce-element--has-background {
  padding-bottom: 1.5625vw;
}

.padding20b, .padding20b.vce-row.vce-element--has-background {
  padding-bottom: 1.3020833333vw;
}

.paddlogo {
  padding-right: 5.2083333333vw;
  padding-top: 6.09375vw;
}
.paddlogo img {
  max-width: 10vw;
  height: auto;
  object-fit: contain !important;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .paddlogo {
    padding-left: 5.4904831625vw;
    padding-top: 5.4904831625vw;
  }
}

.pargin30tp p {
  margin-top: 30px;
  margin-bottom: 10px;
}

.mtp15 p {
  margin-top: 15px;
}

/*********************** Bloc H general***************************/
.form-flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .form-flex {
    display: block;
  }
}

.finput {
  max-width: 48%;
}
@media (max-width: 767px) {
  .finput {
    max-width: 100%;
  }
}

/******************* contactform ************/
.consultation-gratuite ::placeholder {
  color: #000000;
  opacity: 1;
}
.consultation-gratuite :-ms-input-placeholder {
  color: #000000;
}
.consultation-gratuite ::-ms-input-placeholder {
  color: #000000;
}
.consultation-gratuite br {
  display: none;
}
.consultation-gratuite p {
  margin: 0;
}
.consultation-gratuite input[type=text], .consultation-gratuite input[type=email], .consultation-gratuite input[type=tel] {
  margin-bottom: 10px;
  padding: 14px;
  display: inline-block;
  background-color: transparent;
  width: calc(100% - 28px);
  max-width: 100%;
  border-radius: 10px !important;
  font-family: "pop-light", serif;
  border: 1px solid #525252;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .consultation-gratuite input[type=text], .consultation-gratuite input[type=email], .consultation-gratuite input[type=tel] {
    padding: 5px 14px;
  }
}
.consultation-gratuite .wpcf7-select {
  margin-top: 0;
  padding: 20px 10px;
  border: 1px solid #161616;
  background: url(/wp-content/themes/vsc-theme/images/select.svg) no-repeat 95% 50% transparent;
  width: calc(48% - 20px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: inherit;
  background-size: 7%;
}
@media (max-width: 767px) {
  .consultation-gratuite .wpcf7-select {
    width: 100% !important;
  }
}
.consultation-gratuite .dispolist {
  float: right;
}
@media (max-width: 767px) {
  .consultation-gratuite .dispolist {
    float: left;
    margin-top: 20px;
  }
}
.consultation-gratuite textarea {
  margin-bottom: 10px;
  padding: 14px;
  display: inline-block;
  background-color: transparent;
  width: calc(100% - 28px);
  max-width: 100%;
  border-radius: 10px !important;
  font-family: "pop-light", serif;
  border: 1px solid #525252;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .consultation-gratuite textarea {
    padding: 5px 14px;
  }
}
.consultation-gratuite input[type=submit], .consultation-gratuite button {
  background: linear-gradient(to right, #FF9134, #FF2471);
  padding: 13px 28px;
  color: #ffffff;
  float: left;
  margin: 10px 0 30px;
  border: none;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 35%;
}
.consultation-gratuite input[type=submit]:after, .consultation-gratuite button:after {
  content: "";
  background-image: url(/wp-content/themes/vsc-theme/images/arrow.svg);
  background-repeat: no-repeat;
  background-size: 97%;
  background-position: center;
  width: 1.8vw;
  height: 1.8vw;
  min-height: 24px;
  min-width: 24px;
  margin-left: 30px;
  display: block;
  float: right;
  position: relative;
  right: -12px;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .consultation-gratuite input[type=submit], .consultation-gratuite button {
    padding: 8px 18px;
    border-radius: 22px;
    width: 53%;
  }
}
@media (max-width: 767px) {
  .consultation-gratuite input[type=submit], .consultation-gratuite button {
    width: 100%;
  }
}
.consultation-gratuite .call-submit {
  width: 100%;
  float: left;
}

/********************************************/
/**************/
.wpcf7-not-valid-tip {
  display: none !important;
}

body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, select.wpcf7-not-valid, body textarea.wpcf7-not-valid {
  border: 1px solid #ec3c06 !important;
  background: rgba(255, 0, 0, 0.32) !important;
}

body div.wpcf7-validation-errors {
  background: #ffe2e2;
  border: 1px solid #ff8a8a;
  color: #ec3c06;
}

body div.wpcf7-response-output {
  margin: 10px 0;
  padding: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  background: #161616;
}

body .wpcf7-mail-sent-ng {
  background: #fff2e2;
  border: 1px solid #ffbc8a;
  color: #e17731;
}

body .wpcf7-mail-sent-ok {
  background: #e8ffe2;
  border: 1px solid #6fdf51;
  color: #1ea524;
}

.wpcf7 form .wpcf7-response-output {
  margin: 20px 0;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
  display: block;
  float: left;
}

/***************/
@media (max-width: 767px) {
  .paddlogo {
    background-image: url("/wp-content/themes/vsc-theme/images/bg-mobile.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 36.8vw 0 36.2666666667vw 35px;
  }
  .paddlogo.vce-single-image--align-right {
    text-align: left !important;
  }
  .paddlogo img {
    max-width: 28vw;
    height: auto !important;
  }

  .mobred {
    background-color: #7C3616;
    padding: 40px;
  }

  .btnred a {
    background-color: #7C3616;
    color: #FFFFFF;
  }
  .btnred a:hover {
    background-color: #FFFFFF;
    color: #000000;
  }

  .footermob {
    padding: 14px 40px 30px 40px;
    float: left;
    background-color: #FFFFFF;
  }

  .mob100 {
    width: 100%;
    float: left;
  }

  .vce-popup-root-wrapper.vce-popup-close-icon-inside.vce-popup-root-close-button-medium .vce-popup-root {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .max40s {
    margin-top: 20px;
  }

  .afterar a {
    padding-right: 60px;
    background-size: 30px;
  }
}
/**** slic slider ************/
/************* footer vc ************/
footer {
  width: 100%;
  float: left;
  overflow: hidden;
}
footer .menu-footer-menu-container {
  float: left;
  width: 100%;
}
footer .menu-footer-menu-container #footer-menu {
  list-style: none;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  footer .menu-footer-menu-container #footer-menu {
    flex-direction: column;
  }
}
footer .menu-footer-menu-container #footer-menu li {
  padding: 20px 30px;
}
footer .menu-footer-menu-container #footer-menu li a:hover {
  color: #17D3FF;
  text-decoration: underline;
}
footer .menu-footer-menu-container #footer-menu li.current-menu-item a {
  color: #17D3FF;
}

/************* Mobile **************/
@media (max-width: 767px) {
  .mobilemargin50tb {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .custom-bg-mobile .vce-asset-background-simple-container .vce-asset-background-simple .vce-asset-background-simple-item {
    background-image: url(/wp-content/themes/vsc-theme/images/mobile-bg.svg) !important;
    background-size: cover !important;
  }
  .custom-bg-mobile .padding400t {
    padding-top: 50px;
  }

  .mobiletop {
    margin-top: 75px !important;
  }

  .card-eti {
    margin: 25px 0;
  }

  .margin50tmobile {
    margin-top: 50px;
  }

  .margin30tmobile {
    margin-top: 30px;
  }

  .bgbrmobile {
    background-color: #e4ded5;
  }

  .paddtopm {
    padding-top: 50px;
  }

  .content-blocbr br {
    display: none;
  }

  .equalHeighttitle {
    min-height: unset !important;
  }

  .headeranim .vce-single-image-container {
    max-width: 80%;
    margin: 0 auto;
  }
  .headeranim .vce-single-image-container img {
    height: auto;
  }

  .serviceshome h2 {
    height: auto;
  }

  .padding250r.padding375l {
    padding-left: 30px;
    padding-right: 30px;
  }

  .posb {
    position: relative;
    top: -40px;
    height: 45px;
  }

  footer {
    text-align: center;
  }
  footer .padding50y, footer .padding50y.vce-row.vce-element--has-background {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  footer .fullwidthimg {
    max-width: 35%;
    margin: 0 auto;
  }
  footer table {
    margin: 0 auto;
  }
  footer table td {
    line-height: initial;
    padding: 0;
    margin: 0;
  }
  footer ul {
    padding: 0;
  }
  footer .contactmenufooter {
    float: none;
  }
  footer .insta {
    margin-left: 26vw;
  }
  footer .menu-menu-footer-container {
    width: calc(100vw - 60px);
    float: left;
  }

  .btnred {
    margin: 0 auto;
    text-align: center;
  }
  .btnred .vce-text-block-wrapper.vce {
    float: left;
    width: 100%;
    padding: 40px 0 60px 0;
  }
  .btnred .vce-text-block-wrapper.vce a {
    float: none;
  }

  .mobile-30 {
    margin: 0 -30px;
  }

  #posts .coll-1, #posts .coll-3, #posts .coll-5 {
    width: 100%;
  }

  .h33, #posts .col-5, #posts .col-4, #posts .col-1 {
    height: 300px;
  }

  .h66, #posts .col-6, #posts .col-3, #posts .col-2 {
    height: 300px;
  }

  #map1 {
    height: 400px !important;
    min-height: unset;
    position: relative !important;
    margin: 30px 0;
    border-radius: 30px;
  }

  .get-in {
    position: unset;
    float: left;
  }

  .rsrs p {
    margin-top: 0;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .max50tab {
    max-width: 15%;
    margin: 10px auto;
  }

  .sticky .menu-main-menu-container a {
    font-size: 11px;
  }

  .h33 {
    height: 250px;
  }

  .h66 {
    height: 350px;
  }

  .tettel {
    padding-left: 15px;
  }
}
*:has(.h100) {
  height: 100%;
}

.vce-flip-box h2 {
  text-transform: uppercase;
  font-family: nova-bold, serif;
  margin: 20px 0;
}
.min27 .vce-flip-box-inner {
  min-height: 30vw !important;
}
@media (max-width: 767px) {
  .min27 .vce-flip-box-inner {
    min-height: 460px !important;
  }
}

.h100 .vce-flip-box-inner {
  min-height: calc(60vw + 50px) !important;
}
@media (max-width: 767px) {
  .h100 .vce-flip-box-inner {
    min-height: 600px !important;
  }
}

.vce-flip-box-front {
  -webkit-justify-content: unset;
  justify-content: unset;
}
.vce-flip-box-front .vce-flip-box-front-inner {
  background-color: rgba(154, 182, 193, 0.6);
  padding: 3.2291666667vw 8.0729166667vw 11.6145833333vw 2.5vw;
  height: 100%;
}
.vce-flip-box-front .vce-flip-box-front-inner .max60 {
  max-width: 80%;
  padding-bottom: 20px;
}

.vce-flip-box-back {
  -webkit-justify-content: unset;
  justify-content: unset;
}
.vce-flip-box-back .vce-flip-box-back-inner {
  padding: 3.2291666667vw 5.9375vw 0 4.6354166667vw !important;
}
.vce-flip-box-back .vce-flip-box-back-inner .max60 {
  max-width: 80%;
  padding-bottom: 20px;
}

.max50 .vce-flip-box-front .vce-flip-box-front-inner {
  padding: 3.2291666667vw 8.0729166667vw 7.8125vw 2.5vw;
}
.max50 .vce-flip-box-front .vce-flip-box-front-inner h2 {
  max-width: 77%;
}
.max50 .vce-flip-box-back-inner {
  padding: 3.2291666667vw 2.6041666667vw 3.2291666667vw 2.6041666667vw !important;
}

.h100 .vce-col-inner {
  height: 100%;
}
.h100 .vce-col-inner .vce-col-content {
  height: 100%;
}
.h100 .vce-col-inner .vce-col-content .vce-flip-box-container {
  height: 100%;
}
.h100 .vce-col-inner .vce-col-content .vce-flip-box-container .vce-flip-box {
  height: 100%;
}
@media (max-width: 767px) {
  .h100 {
    margin-bottom: 50px;
  }
}

@media (max-width: 1440px) and (min-width: 768px) {
  .vce-col--xs-75p.vce-col--lg-85p.vce-col--lg-85p p {
    padding-left: 10px;
  }
}
.animation-container {
  display: block;
  position: relative;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.animation-container .lightning-container {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  transform: translateY(-50%);
}
.animation-container .lightning-container .lightning {
  position: absolute;
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  transform-origin: 6px 6px;
  animation-name: woosh;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-direction: alternate;
}
.animation-container .lightning-container .lightning.white {
  background-color: white;
  box-shadow: 0px 50px 50px 0px rgba(255, 255, 255, 0.3);
}
.animation-container .lightning-container .lightning.red {
  background-color: #fc7171;
  box-shadow: 0px 50px 50px 0px rgba(252, 113, 113, 0.3);
  animation-delay: 0.2s;
}
.animation-container .boom-container {
  position: absolute;
  display: flex;
  width: 80px;
  height: 80px;
  text-align: center;
  align-items: center;
  transform: translateY(-50%);
  left: 200px;
  top: -145px;
}
.animation-container .boom-container .shape {
  display: inline-block;
  position: relative;
  opacity: 0;
  transform-origin: center center;
}
.animation-container .boom-container .shape.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  transform-origin: 50% 80%;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  margin-left: -15px;
  border-width: 0 2.5px 5px 2.5px;
  border-color: transparent transparent #42e599 transparent;
  animation-name: boom-triangle;
}
.animation-container .boom-container .shape.triangle.big {
  margin-left: -25px;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #fade28 transparent;
  animation-name: boom-triangle-big;
}
.animation-container .boom-container .shape.disc {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #d15ff4;
  animation-name: boom-disc;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.animation-container .boom-container .shape.circle {
  width: 20px;
  height: 20px;
  animation-name: boom-circle;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  border-radius: 100%;
  margin-left: -30px;
}
.animation-container .boom-container .shape.circle.white {
  border: 1px solid white;
}
.animation-container .boom-container .shape.circle.big {
  width: 40px;
  height: 40px;
  margin-left: 0px;
}
.animation-container .boom-container .shape.circle.big.white {
  border: 2px solid white;
}
.animation-container .boom-container .shape:after {
  background-color: rgba(178, 215, 232, 0.2);
}
.animation-container .boom-container .shape.triangle, .animation-container .boom-container .shape.circle, .animation-container .boom-container .shape.circle.big, .animation-container .boom-container .shape.disc {
  animation-delay: 0.38s;
  animation-duration: 3s;
}
.animation-container .boom-container .shape.circle {
  animation-delay: 0.6s;
}
.animation-container .boom-container.second {
  left: 485px;
  top: 155px;
}
.animation-container .boom-container.second .shape.triangle, .animation-container .boom-container.second .shape.circle, .animation-container .boom-container.second .shape.circle.big, .animation-container .boom-container.second .shape.disc {
  animation-delay: 1.9s;
}
.animation-container .boom-container.second .shape.circle {
  animation-delay: 2.15s;
}

@keyframes woosh {
  0% {
    width: 12px;
    transform: translate(0px, 0px) rotate(-35deg);
  }
  15% {
    width: 50px;
  }
  30% {
    width: 12px;
    transform: translate(214px, -150px) rotate(-35deg);
  }
  30.1% {
    transform: translate(214px, -150px) rotate(46deg);
  }
  50% {
    width: 110px;
  }
  70% {
    width: 12px;
    transform: translate(500px, 150px) rotate(46deg);
  }
  70.1% {
    transform: translate(500px, 150px) rotate(-37deg);
  }
  85% {
    width: 50px;
  }
  100% {
    width: 12px;
    transform: translate(700px, 0) rotate(-37deg);
  }
}
@keyframes boom-circle {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    transform: scale(3);
  }
}
@keyframes boom-triangle-big {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(2.5) translate(50px, -50px) rotate(360deg);
  }
}
@keyframes boom-triangle {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    transform: scale(3) translate(20px, 40px) rotate(360deg);
  }
}
@keyframes boom-disc {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(2) translate(-70px, -30px);
  }
}
/*# sourceMappingURL=../css/style.css.map */