@font-face {
   font-family: Poppins-Regular;
   src: url('../fonts/Poppins-Regular.woff');
}

@font-face {
   font-family: Poppins-Bold;
   src: url('../fonts/Poppins-Bold.woff');
}

html {
   font-size: 16px;
}

* {
   box-sizing: border-box;
}

*::after,
*::before {
   box-sizing: border-box;
}

body {
   font-family: "Poppins-Regular", sans-serif;
   color: #212121;
   background: #FFF;
   overflow-x: hidden;
}

body::-webkit-scrollbar {
   width: 0.5rem;
}

body::-webkit-scrollbar-track {
   background-color: #bbbbbb;
}

body::-webkit-scrollbar-thumb {
   background-color: #363636;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: Poppins-Bold, sans-serif;
   margin: 0;
   padding: 0;
   line-height: 1;
}

a {
   color: #212121;
}
ul{
   margin-left: 0;
}
p {
   margin: 0;
   padding: 0;
}

.bold {
   font-family: Poppins-Bold, sans-serif;
}

.t10 {
   font-size: 0.7rem;
}

.t16 {
   font-size: 1rem;
}

.t32 {
   font-size: 2rem;
}

.t64 {
   font-size: 4rem;
}

.lh17 {
   line-height: 1.7;
}

.color__gray {
   color: #626262;
}

.color__white {
   color: #fff;
}

.bg__gray {
   background-color: #f5f5f5;
}

.bg__lightgray {
   background-color: #fbfbfb;
}

.bg__gradient {
   background: rgb(9, 30, 58);
   background: linear-gradient(
      90deg,
      rgba(9, 30, 58, 1) 11%,
      rgba(0, 56, 255, 1) 62%,
      rgba(0, 56, 255, 1) 100%
      );
}

.bg__shadow {
   -webkit-box-shadow: 0px 10px 30px -8px rgba(0, 0, 0, 0.37);
   -moz-box-shadow: 0px 10px 30px -8px rgba(0, 0, 0, 0.37);
   box-shadow: 0px 10px 30px -8px rgba(0, 0, 0, 0.37);
}

.img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
}

.full__height {
   height: 100%;
}

.full__width {
   width: 100% !important;
}

.section {
   position: relative;
   padding: 10vh 0;
   overflow: hidden;
}

.top__bar {
   position: fixed;
   z-index: 999;
   width: 100%;
   padding: 1rem 0;
   transition: all 300ms ease-in-out;
}

.top__bar.scroll__down {
   transform: translateY(-100%);
}

.top__bar.scroll__up {
   transform: translateY(0);
   background-color: #fff;
   -webkit-box-shadow: 0px 9px 25px -4px rgba(173, 173, 173, 0.42);
   -moz-box-shadow: 0px 9px 25px -4px rgba(173, 173, 173, 0.42);
   box-shadow: 0px 9px 25px -4px rgba(173, 173, 173, 0.42);
}

.top__bar ul,
.top__bar li {
   list-style: none;
   margin: 0;
}
.top__bar ul {
   text-align: center;
}
.top__bar ul li {
   display: inline-flex;
}

.top__bar .cta {
   padding: 0.6rem 0;
   border-radius: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.5s;
}

.top__bar .cta:hover {
   transform: scale(1.1);
}

.top__bar .cta img {
   margin-left: 1rem;
}

.top__bar ul li a {
   padding: 1rem;
   position: relative;
}
.top__bar ul li a::after, footer a::after   {
   content: "";
   position: absolute;
   right: 0;
   bottom: 1rem;
   background: #626262;
   width: 0;
   height: 1px;
   transition: width 0.5s;
}
.top__bar ul li a:hover::after, footer a:hover::after  {
   width: 100%;
   left: 0;
}
header {
   width: 100%;
   height: 100vh;
   position: relative;
   overflow: hidden;
   padding-bottom: 150px;
}

/*
.swiper-container {
   padding: 2rem;
}
*/
header  ul{
   padding-top: 1rem;
}
header  ul li{
   list-style-type: none;
   display: inline-block;
   color: #626262;
}

.swiper-ct {
   position: absolute;
   bottom: 5vh;
   max-width: 100vw;
   padding-right: 0.9375rem;
   padding-left: 0.9375rem;
   left:50%;
   transform: translateX(-50%);
   z-index: 2;
   overflow: hidden;
}

.swiper-slide-container {
   display:flex;
   align-items: center;
   flex-direction: column;
   padding: 2rem 0;
}

.title-slide {
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
   margin-bottom: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
}
.title-slide span {
   white-space: nowrap;
   font-size: 1rem;
}
.title-slide img {
   max-width: .8rem;
   margin-right: .7rem;
}
.bg-slide img {
   max-width: 6rem;
}
.bg-slide {
   width: 8rem;
   height: 8rem;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0 10px 30px -8px rgba(0,0,0,0.37);
   padding: 1rem;
   overflow: hidden;
   background-color: #fff;
}


.grid-swiper {
   margin-top: 5rem;
}


header .grid-container {
   position: relative;
}

.header .header__sub {
   max-width: 85rem;
   margin: 0 auto;
   display: block;
   text-transform: uppercase;
   font-family: Poppins-Bold, sans-serif;
}

header .dots-img {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   z-index: -1;
}

header .t16 span:nth-child(2) {
   margin-left: 2rem;
}

header .title {
   margin: 1rem 0;
}
/**
header .t64{
   font-size: 2.5rem;
}
**/
header .header-cta {
   margin: 2rem 0;
   border-radius: 2rem;
   padding: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50%;
   transition: 0.5s;
}

header .header-cta:hover {
   transform: scale(1.1);
}

header .header-cta img {
   margin-left: 1rem;
}

header .header-img {
   animation: top-bottom 3.5s infinite ease-in-out;
   -webkit-animation: top-bottom 3.5s infinite ease-in-out;
   position: relative;
}

header .drone__container {
   position: relative;
}

.blob__img, .blob__img1 {
   position: absolute;
   pointer-events: none;
}

.blob__img1 {
   top: 50%;
   
   -webkit-transform: translate(20%, -50%);
   -ms-transform: translate(20%, -50%);
        transform: translate(20%, -50%);
   z-index: -1;
}

@keyframes top-bottom {
   0% {
      transform: translateY(0);
   }
   50% {
      transform: translateY(-64px);
   }
   100% {
      transform: translateY(0);
   }
}

/* ------------------------------------------- adaugate recent */
/** SWIPER **/
.slider-controller span {
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 30px;
    background-color: #ffffff;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 12px -6px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 12px -6px rgba(0,0,0,1.5);
    box-shadow: 0px 0px 12px -6px rgb(0 0 0);
    margin-top: unset;
    left: unset;
    right: unset;
      border: none;
      outline: none;
 }

 .swiper-images-container{
   overflow: hidden;
 }
 .slider-controller span::after {
   display: none;
 }
 .slider-controller svg {
    width: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #0000ff;
 }
 .slider-controller .swiper-button-disabled {
    opacity: 1;
}
.slider-controller span:nth-of-type(1) {
    margin-right: 1.5rem;
}
/** END SWIPER **/


svg.check {
    width: 13px;
    height: 13px;
}
.section.error, .section.policy{
       padding: 14vh 0 10vh;
}
.error .cta{
   margin-top: 3rem;
    border-radius: 2rem;
    display: inline-block;
    padding: 1rem 3rem;
    transition: 0.5s;
    text-align: center;
    min-width: 200px;
}
.error .cta:not(:last-of-type){
   margin-right: 1rem;
}
.error .not__found{
    height: 300px;
}
.error img.not__found{
    max-height: 30vh;
    margin-bottom: 2rem;
}
.policy  {
    color: #000;
    padding: 8rem 0;
}
.policy h1 {
    font-family: "Poppins-Bold";
}
.policy h2 {
    font-family: "Poppins-Bold";
    font-weight: 300;
    font-size: 2rem;
    text-align: left;
    margin-top: 4vh;
}
.policy ol li {
    list-style-type: inherit;
}
.policy p{
    margin-top: .5rem !important;
}
.policy{
    text-align: left;
}
.policy a {
    color: #0a0a0a;
}
.policy a:hover {
    color: #f4524d;
}
.policy .table {
    overflow-x: auto;
}
.policy table {
    border-collapse: collapse;
}
.policy table td {
    border: 1px solid #676767;
    padding: 1vw;
}
.policy table thead td {
    font-weight: 600;
}
body.page__secondary .top__bar .cta img{
   transform: rotate(180deg);
   margin-left: unset;
   margin-right: 1rem;
}
body.page__secondary .top__bar .cta {
   display: inline-block;
   padding: 0.6rem 0.6rem;
opacity: 1;
pointer-events: all;
}
.hamburger {
   display: block;
   z-index: 9999;
   cursor: pointer;
   max-width: 32px;
   min-width: 32px;
}
.hamburger div span {
   display: block;
   width: 32px;
   height: 2px;
   background-color: #000;
   transform-origin: center center;
   transition: .2s ease-out;
}
.hamburger div span + span {
   margin-top: 5px;
}
.hamburger.toggle span:nth-of-type(1) {
   transform: translate3d(0, 7px, 0) rotate3d(0, 0, 1, 45deg);
}
.hamburger.toggle span:nth-of-type(2) {
   opacity: 0;
}
.hamburger.toggle span:nth-of-type(3) {
   transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, -45deg);
}
/*
.full__height2 {
   height: 90%;
   margin: auto;
}
*/
.grid-y-p {
   justify-content: center;
   display: flex;
   flex-direction: column;
}

.include {
   margin-top: 5rem;
}

.include span {
   display: inline-block;
   margin-bottom: 1rem;
}

.drona__include__container {
  display: flex;
}

.include__box {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.include__box div:first-child {
   margin-bottom: 1rem;
   white-space: nowrap;
}

.include__box:nth-child(2) {
   margin-left: 5rem;
}

.include__box__bg {
   width: 8rem;
   height: 8rem;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.include__box__bg img {
   width: 100%;
}

.ochelari__img {
   max-width: 6rem;
}

.controller__img {
   max-width: 4rem;
}
.swiper-container-2{
  overflow: hidden;
  width: 100%;
}
/* ------------------------------------------- */

@keyframes top-bottom2 {
   0% {
      transform: translateY(0.2rem);
   }
   100% {
      transform: translateY(1.2rem);
      opacity: 0;
   }
}

.section__2 {
   padding: 20vh 0;
   width: 100%;
   display: block;
   overflow: hidden;
   background-image: url("../images/1.jpg");
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.section__2__img {
   transition: 0.5s;
}

.section__2:hover .section__2__img {
   transform: scale(1.02);
}
.section__2::after {
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.7);
}

.section__2 .grid-container > * {
   position: relative;
   z-index: 2;
}

.header p,
.section__2 p {
   width: 70%;
}

.subtitle {
   margin-bottom: 1rem;
}

.accordion__item.hdmi td, .accordion__item.filters td, .accordion__item.full-width td{
   width: 100% !important;
}

.accordion__item span.icon__ps {
   position: relative;
   display: inline-block;
   margin-right: auto;
   width: 15px;
   height: 15px;
}

.accordion__item span.icon__ps::after,
.accordion__item span.icon__ps::before {
   content: "";
   position: absolute;
   background-color: #212121;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(0deg);
   transition: all 300ms ease-in-out;
   -webkit-transform: translate(-50%, -50%) rotate(0deg);
   -webkit-transition: all 300ms ease-in-out;
}

.accordion__item span.icon__ps::before {
   width: 3px;
   height: 100%;
}

.accordion__item span.icon__ps::after {
   width: 100%;
   height: 3px;
}

.accordion__item.active span.icon__ps::before {
   opacity: 0;
}

.accordion__item.active span.icon__ps::after,
.accordion__item.active span.icon__ps::before {
   transform: translate(-50%, -50%) rotate(360deg);
   -webkit-transform: translate(-50%, -50%) rotate(360deg);
}


.accordion__button .grid-x {
   border-top: 2px solid #212121;
   padding: 1rem;
}

table {
   width: 100%;
}


.accordion__content tr {
   display: flex;
   justify-content: space-between;
   padding: 1rem 1rem;
   font-size: 0.875rem;
}

.accordion__content {
   font-size: 0.875rem;
}

.accordion__content tr:nth-child(2n), .accesorii:nth-child(2n) {
   background-color: #f5f5f5;
}

.accordion__content tr:nth-child(2n + 1), .accesorii:nth-child(2n+1) {
   background-color: #fbfbfb;
}

.accesorii {
   display: block;
}
.accesorii {
   padding: 1rem;
}

.accordion__content tr td:nth-child(1) {
   width: 30%;
}

.accordion__content tr td:nth-child(2) {
   width: 60%;
}

.section__4 > * {
   position: relative;
   z-index: 2;
}
.section__4 ul li{
  list-style-type: none;
  display: inline-block;
}
.section__4 .img_container {
   position: relative;
}

.blob__img2 {
   transform: translate(-30%, -70%);
   max-width: 25vw;
   z-index: -1;
}

.section__4__img {
   position: relative;
   height: 50vh;
}
/**
.section__4__img:hover {
   z-index: 2;
}
**/
.section__4__img:nth-child(2) {
   margin-top: -15%;
   transform: translateX(20%);
}

.section__4__img img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.section__5 .accordion {
   margin-top: 5rem;
}

.section__5 .accordion__content p {
   padding: 1rem;
}

.flex__box {
   display: flex;
   align-items: center;
}

.contact {
   margin-top: 3rem;
}

.contact a {
   position: relative;
   transition: transform 0.5s;
   transform-origin: left;
}

.contact a:hover {
   transform: scale(1.1);
}

.contact a:not(:last-child) {
   margin-bottom: 1rem;
}

.contact__svg {
   margin-right: 1rem;
}

.section__5 .large-offset-3 {
   position: relative;
}

.blob__img3 {
   max-width: 50vw;
   top: 50%;
   transform: translate(-25%, -50%);
   z-index: -1;
}

.section__6 a {
   padding: 1rem 0;
   height: 4rem;
   border-radius: 2rem;
   margin-right: 4rem;
   transition: transform 0.5s;
}

.section__6 .text-center {
   margin: 3rem 0;
}

.section__6 .flex__box {
   justify-content: center;
   align-items: center;
}

.section__6 a:hover {
   transform: scale(1.1);
}

.section__6 a:nth-child(2) {
   background-color: #fff;
   margin-right: unset;
}

.section__7 h2 {
   margin: 0 auto;
}


footer ul {
   list-style: none;
}

footer ul li {
   display: inline-flex;
}

footer a {
   padding: 1rem;
   position: relative;
}

.salut {
   position: fixed;
   display: flex;
   justify-content: center;
   align-items:center;
   z-index: 999;
   bottom: 2vw;
   right: 2vw;
   background-color: blue;
   color: #fff;
   width: 3rem;
   height:3rem;
   border-radius:50%;
   opacity: 0;
   pointer-events: none;
   user-select: none;
   transition: .5s;
}

.salut.scroll__up {
   opacity: 1;
   pointer-events: all;
   user-select: all;
}

.salut img {
   transform: rotate(-90deg);
}

@media screen and (max-width: 63.99875em) {
  .title-slide img{
    margin-right: 0;
  }
   .swiper-ct {
   position: unset;
   bottom: unset;
   padding: 2rem 0rem;
   max-width: 85rem;
   margin: 0 auto;
   left:unset;
   transform: unset;
   }

   header .drone__container {
      margin-top: 10vh;
   }
   footer a.scdesign{
      padding: 0;
   }
   .t10 {
      font-size: 0.5rem;
   }

   .t64 {
      font-size: 3rem;
   }

   .header {
      height: auto;
   }

   .header .header-cta {
      width: 100%;
      max-width: 200px;
      margin: 2rem 0;
   }

   .play__svg {
      display: block;
      margin: 2rem auto 0 auto;
   }

   header .dots-img {
      opacity: .3;
   }

   header .title {
      margin: 1rem 0 0 0;
   }

   
   .header p {
      margin: 3vh 0;
   }

   
   @keyframes top-bottom {
      0% {
         transform: translateY(0);
      }
      50% {
         transform: translateY(-34px);
      }
      100% {
         transform: translateY(0);
      }
   }

   .include {
      margin: 2rem 0;
   }


   .include__box:nth-child(2) {
      margin-left: 1rem;
   }

   .header p,
   .section__2 p {
      width: 100%;
   }

   .section__2 {
      padding: 10vh 0;
   }

   .section__4 p {
      margin-bottom: 1rem;
   }

   .top__bar {
      padding: .5rem 0;
   }

   .top__bar .grid-x::after {
      content: "";
      position: absolute;
      height: 10vw;
      border-radius: 50%;
      width: 10vw;
      background-color: #FFF;
      top: 1vh;
      left: 3vw;
      transform: scale(1);
      opacity: 0;
      transition: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
      z-index: -1;
   }

   .top__bar.active .grid-x::after {
      transform: scale(40);
      opacity: 1;
   }

   .top__bar .mobile__menu {
      position: absolute;
      left: 0;
      top: 17vh;
      pointer-events: none;
      opacity: 0;
      transition: all 300ms ease-in-out;
   }

   .top__bar.active .mobile__menu {
      opacity: 1;
      pointer-events: all;
   }

   .top__bar .mobile__menu ul li {
      text-align: left;
      display: block;
      transform: scaleY(0);
      transition: all 300ms ease-in-out;
   }

   .top__bar.active .mobile__menu ul li {
      transform: scaleY(1);
   }

   .top__bar .mobile__menu ul li:not(:last-of-type) {
      margin-bottom: 5vh;
   }

   .top__bar .mobile__menu ul li a {
      font-family: 'Poppins-Bold';
      font-size: 1.8rem;
   }

   .top__bar .cta {
      font-size: 14px;
      opacity: 0;
      pointer-events: none;
      transition: all 300ms ease-in-out;
   }

   .top__bar.scroll__up .cta{
      opacity: 1;
      pointer-events: all
   }

   .section__4__img:nth-child(2) {
      transform: unset;
      margin-top: unset;
   }

   .section__5 .accordion {
      margin-top: 2rem;
   }

   .accordion {
      margin-top: 2rem;
   }

   .section__5 .large-offset-3 {
      margin-top: 3rem;
   }

   .contact {
      margin-top: 2rem;
   }

   .section__6 a {
      margin-top: 2rem;
      margin-right: unset;
      width: 100%;
   }

   .section__6 .text-center {
      margin: 1rem 0;
   }

   footer ul li {
      display: block;
      margin-bottom: 1rem;
   }

   footer ul li:nth-last-child(1) {
      margin-bottom: 0;
   }

   .small-align-center-middle {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
   }
   .section__4__img{
    margin-bottom: 2rem;
   }
    .swiper-ct span{
      padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    }
}