@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p, .btn, .navbar-nav a, small, #pricing { font-family: "Times New Roman", serif, sans-serif; }
h1 { font-size: 50px; line-height: 55%; letter-spacing: -1px; color: #fff; font-weight: 740; }
h2 { font-size: 32px; line-height: 40px; letter-spacing: -0.5px; color: #fff; font-weight: 700; }
h3 { font-size: 22px; line-height: 30px; letter-spacing: 0px; color: #e5dbff; font-weight: 600; }
h6 { font-size: 12px; line-height: 22px; color: #ffffff; font-weight: 400; }
p { font-size: 17px; line-height: 22px; color: #ffffff; font-weight: 400; }
small { font-size: 17px; line-height: 22px; color: #000000; font-weight: 400; }
a { color: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #ffffff; transition: all 0.35s ease-in-out; } .black { color: #000; } 
.blue { color: #000EB3; } .white { color: #fff; }

/*-----------------Margins------------------*/
div { text-align: center; }

/* Main styles */
header { background: url(../img/header-bg.AVIF) no-repeat center center; width: 100%; padding: 20px 10px 60px 10px; height: 100vh; overflow: hidden;
background-size: cover; }
.header-info { position: fixed; bottom: 0; width: 70%; left: 0; right: 0; margin-left: 0px; margin-bottom: 15%; }
@keyframes scrolling { 0% { opacity: 0; top: 5px; } 30% { opacity: 1; top: 10px; } 100% { opacity: 0; top: 25px; }} 
.pad-xl { padding: 200px 0px; }
.pad-lg { padding: 160px 0px; } .pad-sm { padding: 80px 0px; } .pad-xs { padding: 30px 0px; }
#be-the-first { background: url(../img/be-the-first-bg.AVIF) #000 no-repeat center center fixed; min-height: 300px; background-size: cover; }
.iphone { position: relative; height: 300px; } .iphone img { margin: 0 auto; position: absolute; left: 0; right: 0; width: 220px; max-width: 230px; }
#main-info { background: #000; }
#invite { background: #01007B; }
.news-container { padding: 5px 0px; border-bottom: 1px dotted #000; }
.news-img { float: left; }
footer { background: #000; padding: 17px 0px 17px 0px; }

/*---------------Pricing Tables-------------------*/
#pricing { background: #000000;}
.pricing-container { padding-left: 5px; padding-right: 5px; }
.pricing-table { background: transparent; margin-bottom: 50px; margin-top: 0px; transition: all 0.25s ease-in-out; }
.pricing-table.active { position: absolute; margin: auto; z-index: 200; border-top-left-radius: 50px; border-top-right-radius: 50px; }

.headline { background: #000955; color: #000955; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

/* Mobile styles */
@media (max-width: 480px) { .btn-lg { font-size: 12.5px; line-height: 1.33; padding: 16px 13px; letter-spacing: 0px; }
.btn-wide { width: 100%; font-size: 12.5px; line-height: 1.33; padding: 16px 13px; letter-spacing: 0px; }
#be-the-first { background-attachment: scroll; } }
@media (min-width: 481px) and (max-width: 767px) { #be-the-first { background-attachment: scroll; }}
@media (min-width: 768px) and (max-width: 991px) { #be-the-first { background-attachment: scroll; }}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) and (max-width: 3000px) {}

/* Perso css : */
.box-320px {display:inline-block;max-height:520px;width:99%;overflow-x:auto;overflow-y:hidden;overflow:auto;}
/* Player Box */
.p1 { background-color: #f2f3f5; width: 305px; height: 334px; border-radius: 25px; }
/* Scrollbar x hiden */

body { overflow-x: hidden }
/* Rotation Images */
.rotate div img { transition: all 0.5s ease; }
.rotate div:hover img { transform: rotate(-360deg); }
.zoom-out div img { transform: scale(1); transition: .2s ease-in-out; }
.zoom-out div:hover img { transform: scale(0.96); }

/* Old animate_css minified */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.2*/

.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.delay-1s { animation-delay: 1s; }
.animated.delay-2s { animation-delay: 2s; }
.animated.delay-3s { animation-delay: 3s; }
.animated.delay-4s { animation-delay: 4s; }
.animated.delay-5s { animation-delay: 5s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInRightBig { animation-name: fadeInRightBig; }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInUp { animation-name: fadeInUp; }
@keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInUpBig { animation-name: fadeInUpBig; }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; }
}
.fadeOut { animation-name: fadeOut; }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 100%, 0); }
}
.fadeOutDown { animation-name: fadeOutDown; }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(-100%, 0, 0); }
}
.fadeOutLeft { animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(100%, 0, 0); }
}
.fadeOutRight { animation-name: fadeOutRight; }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}
.fadeOutRightBig { animation-name: fadeOutRightBig; }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, -100%, 0); }
}
.fadeOutUp { animation-name: fadeOutUp; }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }