


@media (min-width: 10px) and (max-width:570px){

.datalife-engine-a-1 .center-ll .nohome-2{
    margin: -99px 0px 20px 0px;
    padding-bottom: 1.5%;
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 0px -0px rgba(26, 30, 49, 0.0);
}
.datalife-engine-a-1 .center-ll.center-1{
    margin: 0px 0px;
    position:relative;
}
}

.compare-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 35px auto 20px auto;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  user-select: none;
}

/* ძველი ფოტო */
.compare-container img.old {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ახალი ფოტო */
.compare-container img.new {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* მთლიანად გაშლილი */
  height: 100%;
  object-fit: cover;
  clip-path: inset(0 50% 0 0); /* თავიდან 50% */
  transition: clip-path 0.1s ease-out;
}

/* სლაიდერი */
.slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: linear-gradient(to bottom, #ff7e5f, #feb47b);
  border-radius: 2px;
  cursor: ew-resize;
  z-index: 10;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.slider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #ff7e5f;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.ser-new-7 h2{
    color: #035BE3 !important;
}



@media (min-width: 20px) and (max-width: 560px){
.dle-versia-04.dle-versia-4{
    width: 100%;
    height: 255px;
}
  body .ena-12.dle-versia-12{
    display: none !important;
}  
}

@media (min-width: 20px) and (max-width: 800px){
  body .ena-12.dle-versia-12{
    z-index:11;
    width: 130px;
    position: absolute;
    float: right;
    top: 55%;
    right: 3%;
    display: block;
}  
}
.ena-12.dle-versia-12{
    z-index:11;
    width: 170px;
    position: absolute;
    float: right;
    top: 47%;
    right: 3%;
    display: block;
}


.dle-ver-2 img{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 8px #242A3A;
}



.dle-for-01s.dle-for-1 .dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #179114;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-form-001.dle-form-1{
    margin: 0% 0px 3% 0px !important;
}

@media (min-width: 10px) and (max-width: 560px){

.dle-for-03.dle-for-3 {
    background: url(../images/img/m-02.svg)center no-repeat;
    background-size: 100% !important;
}
}


.dle-for-01s .dle-for-6{
  color: #1d9d1a !important;
}


body .dle-for-01s.dle-for-1{
    background: linear-gradient(100.54deg, #A5C63B 0%, #1d9d1a 100%);
}




.dle-for-03.dle-for-3 {
    background: url(../images/img/m-02.svg)center no-repeat;
}



body .aps-1 .dle-versia-9{
  background: #4ca44a;
}

body .aps-1.dle-versia-4{
    background: linear-gradient(100.54deg, #A5C63B 0%, #1d9d1a 100%);
}

body .aps-1 .dle-versia-6 p{
  color: #daffc8 ; 
}









.autor-1 .dle-versia-21{
color: #E41F2D;  
} 
    
    
body .autor-1 .dle-versia-6 p{
   color: #ffadb2;
}


body .autor-1 .dle-versia-11 img{
   opacity: 30%;
}

body .autor-1 .dle-versia-4{
    background: linear-gradient(100.54deg, #E41F2D 0%, #25125f 100%);
}


body .autor-1 .dle-versia-9{
  background: #e92230;
}



body .landg .dle-versia-6 p{
   color: #e3d5fb;
}


body .landg .dle-versia-11 img{
   opacity: 30%;
}

body .landg .dle-versia-4{
    background: linear-gradient(100.54deg, #8945fb 0%, #39025b 100%);
}

body .landg .dle-versia-9{
  background: #9251ff;
}


@media (min-width:1000px) and (max-width:90000000px){
.dle-ver-show .dle-ver-2 img{
   box-shadow: 0px 0px 0px 8px #23263d;
   border-radius: 10px;
   z-indeX:1;
}
}

@media (min-width:10px) and (max-width:1000px){
.dle-ver-show .dle-ver-2 img{
   box-shadow: 0px 0px 0px 4px #23263d;
   border-radius: 4px;
}
}




@media (min-width: 10px) and (max-width: 560px){

body .ser-new-4{
    padding: 0% 2%;
}

body .ser-new-8 p{
  margin: 3px 0px 0px 0px;
    text-align: left !important;
    font-size: 14px;
    line-height: 20px;
}

.ser-new-3 h2{
  text-align: left;
  margin-top: 6px;
  font-size: 16px;
}

.dle-for-5p{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 15px 0px 4% 0px;
}


.dleplyrplayer-1 .mejs-container{
  width: 100% !important;
  height: 165px !important;
}

.dleplyrplayer {
   width: 100% !important;
   max-width: 100% !important;
   floaT: left;
   margin: 2% 0% 0% 0%;
   text-align: center;
}


.dleplyrplayer-1 {
   width: 100%;
   margin: 0% auto;
   text-align: center;
   position:relative;
   overflow:hidden;
   border-radius: 5px;
}



#upper{
  display: none !important;
}




.link-col-1.open a{
  color: #035BE3 !important;
}

.link-col-1 a{
    cursor: pointer !important;
}



.dle-form-8:hover{
    color:#ffffff;
    background: #66c9ff;
    box-shadow: 0px 0px 50px 0px #66c9ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-form-8{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 40px;
   line-height: 40px;
   border-radius: 100px;
   background: #47b2ed;
   display:  inline-block;
   margin: 15px 0% 0% 0%;
   padding: 0px 25px;
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 1px;
   color: #ffffff;
}



.dle-form-7 {
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 0px;
  text-align: center;
}



.dle-for-1 .dle-for-6:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.dle-for-1 .dle-for-6{width: 165px;/* display: inline-block; */transition-duration:0.3s;transition-property:transform;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}


.dle-for-3 {
    width: 35px;
    height: 30px;
    background: url(../images/img/m-2.svg)center no-repeat;
    background-size: 100%;
    margin: auto;
}



.dle-for-5{
    text-align: center;
 font-size: 15px;
}


.dle-for-4{
  text-align: center;
 font-family: font-2;
 font-size: 16px;
 line-height: 23px;
 margin-top: 5px;
}


.dle-for-1 .dle-for-7 {
    width: 20px;
    height: 45px;
    background: url(../images/img/m-3.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 0px;
}

.dle-for-1 .dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #7532ad;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-for-1 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 45px;
   line-height: 45px;
   border-radius: 100px;
   background: #ffffff;
   padding: 0px 10px 0px 20px;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: -0.01em;
   color: #9353C8;
   margin: 0px auto;
}



.dle-for-02{
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 3%;
}



.dle-for-2{
  padding: 0% 3.5%;
}

.dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 3% 0% 3% 0%;
  padding: 3.5% 0%;
  text-align: left;
  background: linear-gradient(92.92deg, #422BB2 0.54%, #B966D3 99.39%);
  border-radius: 7px;
  color:#fff;
  overflow:hidden;
}


.dle-form-6{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 0% 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}


.dle-form-5{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 0% 0% 0% 0%;
  font-family: font-1;
  font-style: normal;
  font-weight: 700;
  font-size: 13.2px;
  letter-spacing: 0.2px;
}

.dle-form-4{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 4px 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
}

.dle-form-3{
  width: 100%;
  height: 40px;
  floaT: left;
  position:relative;
  background:  url(../images/img/m-1.svg) center no-repeat;
}

.dle-form-2{
  padding: 0% 3%;
  position:relative;
  z-index:11;
}

.dle-form-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  margin: 0% 0% 0% 0%;
  padding: 5% 0%;
  text-align: center;
  background: linear-gradient(92.92deg, #57C3FF 0.54%, #514EFF 99.39%);
  border-radius: 7px;
  color:#fff;
}




.dle-ver-3 img{
  max-width: 100%;
  line-height: 0px;
  box-shadow: 0px 0px 0px 3px #252A3A;
  border-radius: 5px;
}

.dle-ver-3{
text-align: center;
padding: 4% 4%;
}


.dle-ver-2 img{
    border-radius: 7px;
    box-shadow: 0px 0px 0px 3px #286dee;
  max-width: 100%;
  line-height: 0px;
  border-radius: 5px;
}

.dle-ver-2{
  width: 100%;
  floaT: left;
  position:relative;
  margin-bottom: 3%;
}

 ol.accordion .link-1 a{
    color:#0AAC4E;
}

 ol.accordion .link-1 a:before {
    background:#0AAC4E;
}


.accordion .open ul a{
  color: #3e4656;
}


.accordion li i.fa-chevron-down {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    /* background: #dddde1; */
    margin: -5px 0px 0px 0px;
    display:  inline-block;
    border-radius: 100px;
    color:#5f6185;
    font-size: 11px !important;
    floaT: left;
}


ol.accordion li ul a:before {
  display: none;
}

ol.accordion li a:before {
    left: 0px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-size: 11px;
    font-family: font-1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background:#035BE3;
    color:#fff;
    top: 8px;
    border-radius: 100px;
    float: left;
    margin: 2px 8px 0px 10px;
    text-align: center;
    position: absolute;
}

ol.accordion{counter-reset:ol-counter;}


.accordion li{ position:relative; }

.accordion a{color:#596990;}
.dle-menu-1{
  position:relative;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 30px 0px #eee;;
  border-radius: 10px;
  margin: 0px 0px 0% 0px;
  overflow:hidden;
}

.accordion{width:100%;margin-top:0px;background:#ffffff}
.accordion .link{ line-height: 17px; background:#ffffff;font-family:font-1; cursor: pointer; letter-spacing: 0.1px; display:block;padding:15px 65px 15px 47px;color:#596990;font-size:13.5px;font-weight:700;border-bottom:1px solid #ddd;}
.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:16px;left:16px;font-size:15px;color:#9ea2af;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{ cursor:pointer;  right:10px;left:auto;font-size:14px}.accordion li.open .link{color: #2770F1;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#ffffff;font-size:14px}.submenu li{border-bottom:1px solid #eee;}
.submenu a{font-family:font-2;display:block;text-decoration:none;color: #9296a9;padding:0px 0px 0px 0px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.submenu a:hover{color: #2770F1 !important;}





.dle-versiaa-20.dle-versia-20{
    margin: 2% 0% 8% 0%;
}



.video-about-1 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover .video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 15px rgb(4 85 212 / 20%);
}


.video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 11px rgb(4 85 212 / 10%);
    border-radius: 500px;
    width: 65px;    
    height: 65px;
    background: #0455D4 url(../images/img/video.svg) 23px 20px no-repeat;
    background-size: 20px;
    margin: 0 auto;
    line-height: 25px;
    z-index:111;
}

.video-about-5 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    font-size: 15px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.video-about-4 {
    float: left;
    width: 100%;
    height: 100%;
    background: rgb(15 26 68 / 10%);
    left: 0px;
    top: 0px;
    margin: 0;
    position: absolute;
    z-index: 1;
}


.video-about-7{
  z-index:1;
  top: 0px;
  left: 0px;
   width: 100%;
   height: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:absolute;
   
}


.video-about-1, .video-about-1 img{
   width: 100%;
   height: 400px;
}

.video-about-1{
   width: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:relative;
   border-radius: 10px;
}

.dlle-versia-013.dle-versia-013.dle-versia-13{
   margin: 3.5% 1% 3% 1%;
}

.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 5% 0%;
}



.dle-versia-017{
  position:relative;
  width: 100%;
  float: left;
}


.dle-versia-0016  {
display: none !important;
}

    

.dle-versia-0016 svg {
  position: absolute;
  top: -0%;
  right: 0%;
  margin-top: -0px;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
  animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
  animation-delay: .2s; 
}
#Polygon-3 {
  animation-delay: .4s; 
}
#Polygon-4 {
  animation-delay: .6s; 
}
#Polygon-5 {
  animation-delay: .8s; 
}

@keyframes float {
	100% {
    transform: translateY(20px);
  }
}











.dle-versia-011.dle-versia-11{
    width: 90%;
    position:absolute;
    float: left;
    top: 0px;
    left: 5%;
}



.ser-new-5 img{
    position:relative;
    z-index:11;
}


.dle-versia-016 img{
    max-width: 100%;
}


.dle-versia-016{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 2% 0% -3% 0%;
}


.dle-versia-020{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    background:#fff;
}









#parallax{
    z-index:11;
    position:absolute;
    lefT: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}



.dle-versia-1 .ser-new-5 img, .dle-versia-1 .ser-new-7  {
    height: auto;
}


 .dle-versia-1 .ser-new-5  {
    height: auto;
}


.dle-versia-1 .ser-new-5 img{
   object-fit: cover;
}


.ser-new-8 b{
    font-family: font-2;
}


.dle-versia-21{
    display: inline-block;
    position:relative;
    lefT: 0px;
    margin: 3% 0% -22px 0%;
    background:#fff;
    z-index:1;
    line-height: 40px;
    padding: 0px 16px;
    height: 40px;
    font-size: 14.5px;
    font-family: font-2;
    font-feature-settings: 'case' on;
    color: #035BE3;
    box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 40px 0px #eee;
    border-radius: 100px;
}



.dle-versia-22{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: -10px 0% 0% 0%;
    text-align: center;
    border-bottom: 1px #ddd solid;
}


.dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 3% 0% 8% 0%;
    text-align: center;
}



.dle-versia-19 img{
    text-align: center;
    lefT: 0px;
    position:relative;
}

.dle-versia-19 img{
   width: 250px !important;
}
.dle-versia-19{
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      width: 100%;
      position:relative;
      lefT: 0px;
      floaT: left;
      margin: 1% 0% 0% 0%;
      text-align: center;
}


.dle-versia-18{
    z-index:1;
    bottom: 0px;
    width: 170px;
    position:absolute;
    right: 0px;
    floaT: left;
    margin: 0% 0% 0% 0%;
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-versia-17{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 50px;
    position:absolute;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 3%;
    z-index:1;
    bottom: 0px;
}


.dle-versia-16 img{
    width: 100%;
    line-height: 0px;
}

.dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:0;
}



.dle-versia-11 img {
    margin: 0px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    -moz-animation: spinoffPulse 30s infinite linear;
    -webkit-animation: spinoffPulse 30s infinite linear;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        -webkit-box-shadow: 0 0 1px #bdd73c;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}






.dle-versia-15{
   margin: 0% 0%;
   color: #596991;
   line-height: 20px;
}



.dle-versia-13{
   /* width: 100%; */
   floaT: left;
   margin: 5% 0% 6% 0%;
   text-align: left;
}


.dle-versia-14{
  text-align: left;
    font-family: font-2;
   width: 100%;
   floaT: left;
   border-top: 1px #eee solid;
   padding-top: 15px;
   margin:0% 0% 3% 0%;
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: -0.01em;
   color: #0C234B;
}


.dle-versia-10 {
    width: 20px;
    height: 50px;
    background: url(../images/img/video.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.ddle-versia-9:hover{
    box-shadow: 0px 0px 50px 0px #75aeff;
    background: #64a4ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-versia-9{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
      text-align: center;
   height: 40px;
   line-height: 40px;
   border-radius: 100px;
   background: #428FFB;
   floaT: left;
   margin: 2% 0% 0% 0%;
   padding: 0px 24px;
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.1px;
   color: #ffffff;
}



.dle-versia-8{
    font-family: font-1;
   width: 100%;
   floaT: left;
   margin: 2% 0% 2.7% 0%;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #ffffff;
}


.dle-versia-6 p{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.01em;
   color: #D7DEF8;
}

.dle-versia-7{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 16px;
   line-height: 19px;
   letter-spacing: -0.01em;
}

.weliaxali-1 .dle-versia-6{
     margin-top: -90px;
     width: 99%;
}


.dle-versia-6{
    top: 0px;
    width: 100%;
    floaT: left;
    margin-top: 5%;
    margin-bottom: 200px;
    position: relative;
    z-index:11;
}


.dle-versia-5{
    padding: 0px 5%;
}

.pns-1.dle-versia-12 img{
    width: 200px;

}

.dle-versia-12 img{
   width: 260px;
   text-align: center;
}

.dle-scrol-edit-1 .dle-versia-12{
    margin-top: -180px;
}

.dle-versia-12{
    z-index:11;
    width: 100%;
    text-align: center;
    position: relative;
    float: right;
    margin-top: -170px;
    right: 0%;
}

.dle-versia-11 img{
   width: 100%;
   position:relative;
   z-index:1;
}


.dle-scrol-edit-1 .dle-versia-11{
    display: none;
}

.dle-versia-11{
    width: 100%;
    position: absolute;
    float: left;
    bottom: -20%;
    right: 0px;
}

.dle-versia-4{
    width: 100%;
    color:#fff;
    overflow:hidden;
    background: linear-gradient(100.54deg, #2E7EED 0%, #02225B 100%);
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: font-1;
    letter-spacing: 0px;
    border-radius: 10px;
}

.dle-versia-3{
    z-indeX:11;
    width: 100%;
    position:relative;
    float: left;
}

.dle-versia-2{
    padding: 0px 4%;
    position:relative;
    overflow:hidden;
}

.dle-versia-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0px 0px;
}
}




@media (min-width: 560px) and (max-width: 810px){

.ser-new-3 h2{
  font-size: 18px;
}

.dle-for-5p{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 15px 0px 2% 0px;
}


.dleplyrplayer-1 .mejs-container{
  width: 100% !important;
  height: 280px !important;
}

.dleplyrplayer {
   width: 100% !important;
   max-width: 100% !important;
   floaT: left;
   margin: 2% 0% 0% 0%;
   text-align: center;
}


.dleplyrplayer-1 {
   width: 495px;
   margin: 0% auto;
   text-align: center;
   position:relative;
   overflow:hidden;
   border-radius: 5px;
}



#upper{
  display: none !important;
}




.link-col-1.open a{
  color: #035BE3 !important;
}

.link-col-1 a{
    cursor: pointer !important;
}



.dle-form-8:hover{
    color:#ffffff;
    background: #66c9ff;
    box-shadow: 0px 0px 50px 0px #66c9ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-form-8{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 40px;
   line-height: 40px;
   border-radius: 100px;
   background: #47b2ed;
   display:  inline-block;
   margin: 15px 0% 0% 0%;
   padding: 0px 25px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   color: #ffffff;
}



.dle-form-7 {
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 0px;
  text-align: center;
}



.dle-for-1 .dle-for-6:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.dle-for-1 .dle-for-6{width: 190px;/* display: inline-block; */transition-duration:0.3s;transition-property:transform;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}


.dle-for-3 {
    width: 67px;
    height: 47px;
    background: url(../images/img/m-2.svg)center no-repeat;
    margin: auto;
}



.dle-for-5{
    text-align: center;
 font-size: 15px;
}


.dle-for-4{
  text-align: center;
 font-family: font-2;
 font-size: 16px;
 line-height: 23px;
 margin-top: 10px;
}


.dle-for-1 .dle-for-7 {
    width: 20px;
    height: 50px;
    background: url(../images/img/m-3.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.dle-for-1 .dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #7532ad;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-for-1 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
   padding: 0px 25px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
   margin: 0px auto;
}



.dle-for-02{
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 2%;
}



.dle-for-2{
  padding: 0% 3.5%;
}

.dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 3% 0% 3% 0%;
  padding: 3.5% 0%;
  text-align: left;
  background: linear-gradient(92.92deg, #422BB2 0.54%, #B966D3 99.39%);
  border-radius: 7px;
  color:#fff;
  overflow:hidden;
}


.dle-form-6{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 0% 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}


.dle-form-5{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 0% 0% 0% 0%;
  font-family: font-1;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
}

.dle-form-4{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 4px 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
}

.dle-form-3{
  width: 100%;
  height: 40px;
  floaT: left;
  position:relative;
  background:  url(../images/img/m-1.svg) center no-repeat;
}

.dle-form-2{
  padding: 0% 3%;
  position:relative;
  z-index:11;
}

.dle-form-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  margin: 0% 0% 0% 0%;
  padding: 5% 0%;
  text-align: center;
  background: linear-gradient(92.92deg, #57C3FF 0.54%, #514EFF 99.39%);
  border-radius: 7px;
  color:#fff;
}




.dle-ver-3 img{
  max-width: 100%;
  line-height: 0px;
  box-shadow: 0px 0px 0px 7px #252A3A;
  border-radius: 7px;
}

.dle-ver-3{
text-align: center;
padding: 4% 4%;
}


.dle-ver-2 img{
  max-width: 100%;
  line-height: 0px;
}

.dle-ver-2{
  width: 100%;
  floaT: left;
  position:relative;
  margin-bottom: 3%;
}

 ol.accordion .link-1 a{
    color:#0AAC4E;
}

 ol.accordion .link-1 a:before {
    background:#0AAC4E;
}


.accordion .open ul a{
  color: #3e4656;
}


.accordion li i.fa-chevron-down {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    /* background: #dddde1; */
    margin: -5px 0px 0px 0px;
    display:  inline-block;
    border-radius: 100px;
    color:#5f6185;
    font-size: 13px !important;
    floaT: left;
}


ol.accordion li ul a:before {
  display: none;
}

ol.accordion li a:before {
    left: 0px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-size: 12px;
    font-family: font-1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background:#035BE3;
    color:#fff;
    top: 0px;
    border-radius: 100px;
    float: left;
    margin: -4px 8px 0px 0px;
    text-align: center;
    position: relative;
}

ol.accordion{counter-reset:ol-counter;}


.accordion li{ position:relative; }

.accordion a{color:#596990;}
.dle-menu-1{
  position:relative;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 30px 0px #eee;;
  border-radius: 10px;
  margin: 0px 0px 0% 0px;
  overflow:hidden;
}

.accordion{width:100%;margin-top:0px;background:#ffffff}
.accordion .link{background:#ffffff;font-family:font-1; cursor: pointer; letter-spacing: 0.1px; display:block;padding:15px 65px 15px 15px;color:#596990;font-size:14px;font-weight:700;border-bottom:1px solid #ddd;}
.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:16px;left:16px;font-size:15px;color:#9ea2af;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{ cursor:pointer;  right:17px;left:auto;font-size:16px}.accordion li.open .link{color: #2770F1;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#ffffff;font-size:14px}.submenu li{border-bottom:1px solid #eee;}
.submenu a{font-family:font-2;display:block;text-decoration:none;color: #9296a9;padding:12px;/* padding-left:22px; */-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.submenu a:hover{color: #2770F1 !important;}





.dle-versiaa-20.dle-versia-20{
    margin: 1% 0% 6% 0%;
}



.video-about-1 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover .video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 15px rgb(4 85 212 / 20%);
}


.video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 11px rgb(4 85 212 / 10%);
    border-radius: 500px;
    width: 65px;    
    height: 65px;
    background: #0455D4 url(../images/img/video.svg) 23px 20px no-repeat;
    background-size: 20px;
    margin: 0 auto;
    line-height: 25px;
    z-index:111;
}

.video-about-5 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    font-size: 15px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.video-about-4 {
    float: left;
    width: 100%;
    height: 100%;
    background: rgb(15 26 68 / 10%);
    left: 0px;
    top: 0px;
    margin: 0;
    position: absolute;
    z-index: 1;
}


.video-about-7{
  z-index:1;
  top: 0px;
  left: 0px;
   width: 100%;
   height: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:absolute;
   
}


.video-about-1, .video-about-1 img{
   width: 100%;
   height: 400px;
}

.video-about-1{
   width: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:relative;
   border-radius: 10px;
}

.dlle-versia-013.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 3% 0%;
}

.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 5% 0%;
}



.dle-versia-017{
  position:relative;
  width: 100%;
  float: left;
}


.dle-versia-0016  {
  position: absolute;
  margin-top: 15%;
  left: 4%;
}

    

.dle-versia-0016 svg {
  position: absolute;
  top: -0%;
  right: 0%;
  margin-top: -0px;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
  animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
  animation-delay: .2s; 
}
#Polygon-3 {
  animation-delay: .4s; 
}
#Polygon-4 {
  animation-delay: .6s; 
}
#Polygon-5 {
  animation-delay: .8s; 
}

@keyframes float {
	100% {
    transform: translateY(20px);
  }
}
@media (max-width: 450px) {
  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
  }
  .message-box {
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -190px;
    text-align: center;
  }
}










.dle-versia-011.dle-versia-11{
    width: 420px;
    position:absolute;
    float: left;
    top: 0px;
    left: 0px;
}



.ser-new-5 img{
    position:relative;
    z-index:11;
}


.dle-versia-016 img{
    max-width: 100%;
}


.dle-versia-016{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 2% 0% -3% 0%;
}


.dle-versia-020{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    background:#fff;
}









#parallax{
    z-index:11;
    position:absolute;
    lefT: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}



.dle-versia-1 .ser-new-5 img, .dle-versia-1 .ser-new-7  {
    height: auto;
}


 .dle-versia-1 .ser-new-5  {
    height: auto;
}


.dle-versia-1 .ser-new-5 img{
   object-fit: cover;
}


.ser-new-8 b{
    font-family: font-2;
}


.dle-versia-21{
    display: inline-block;
    position:relative;
    lefT: 0px;
    margin: 3% 0% -22px 0%;
    background:#fff;
    z-index:1;
    line-height: 40px;
    padding: 0px 30px;
    height: 40px;
    font-size: 16px;
    font-family: font-2;
    font-feature-settings: 'case' on;
    color: #035BE3;
    box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 40px 0px #eee;
    border-radius: 100px;
}



.dle-versia-22{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: -10px 0% 0% 0%;
    text-align: center;
    border-bottom: 1px #ddd solid;
}


.dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 3% 0% 8% 0%;
    text-align: center;
}



.dle-versia-19 img{
    width: 540px !important;
    text-align: center;
    lefT: -120px;
    position:relative;
}

.dle-versia-19 img{
   width: 100% !important;
}
.dle-versia-19{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 60%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 30%;
  text-align: center;
}


.dle-versia-18{
    z-index:1;
    bottom: 0px;
    width: 250px;
    position:absolute;
    right: 0px;
    floaT: left;
    margin: 0% 2% 0% 0%;
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-versia-17{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 70px;
    position:absolute;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 3%;
    z-index:1;
    bottom: 0px;
}


.dle-versia-16 img{
    width: 100%;
    line-height: 0px;
}

.dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:0;
}



.dle-versia-11 img {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    -moz-animation: spinoffPulse 30s infinite linear;
    -webkit-animation: spinoffPulse 30s infinite linear;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        -webkit-box-shadow: 0 0 1px #bdd73c;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}






.dle-versia-15{
   margin: 0% 0%;
   color: #596991;
   line-height: 18px;
}



.dle-versia-13{
   width: 100%;
   floaT: left;
   margin: 11% 0% 6% 0%;
   text-align: center;
}


.dle-versia-14{
    font-family: font-2;
   width: 100%;
   floaT: left;
   margin:0% 0% 1% 0%;
   font-weight: 700;
   font-size: 17px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #0C234B;
}


.dle-versia-10 {
    width: 20px;
    height: 50px;
    background: url(../images/img/video.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.ddle-versia-9:hover{
    box-shadow: 0px 0px 50px 0px #75aeff;
    background: #64a4ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-versia-9{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
      text-align: center;
   height: 40px;
   line-height: 40px;
   border-radius: 100px;
   background: #428FFB;
   floaT: left;
   margin: 2% 0% 0% 0%;
   padding: 0px 24px;
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.1px;
   color: #ffffff;
}



.dle-versia-8{
    font-family: font-1;
   width: 100%;
   floaT: left;
   margin: 2% 0% 2.7% 0%;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #ffffff;
}


.dle-versia-6 p{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 20px;
   letter-spacing: -0.01em;
   color: #D7DEF8;
}

.dle-versia-7{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 17px;
   line-height: 19px;
   letter-spacing: -0.01em;
}

.weliaxali-1 .dle-versia-6{
     margin-top: 20%;
     width: 89%;
}


.dle-versia-6{
    top: 0px;
    width: 89%;
    floaT: left;
    margin-top: 5%;
    position: absolute;
    z-index:11;
}


.dle-versia-5{
    padding: 0px 5%;
}


.dle-versia-12 img{
   width: 100%;
}

.pns-1.dle-versia-12{
    width: 150px;
    position: absolute;
    top: 45%;
    right: 4%;
     display: inline-block;
}


.dle-versia-12{
    display: none;
    z-index:11;
    width: 250px;
    position: absolute;
    float: right;
    bottom: -10%;
    right: 2%;
}

.dle-versia-11 img{
   width: 100%;
   position:relative;
   z-index:1;
}


.dle-versia-11{
    width: 380px;
    position:absolute;
    float: left;
    top: 180px;
    right: -70px;
}

.dle-versia-4{
    width: 100%;
    height: 330px;
    color:#fff;
    overflow:hidden;
    background: linear-gradient(100.54deg, #2E7EED 0%, #02225B 100%);
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: font-1;
    letter-spacing: 0px;
    border-radius: 10px;
}

.dle-versia-3{
    z-indeX:11;
    width: 100%;
    position:relative;
    float: left;
}

.dle-versia-2{
    padding: 0px 4%;
    position:relative;
    overflow:hidden;
}

.dle-versia-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0px 0px;
}
}



@media (min-width: 810px) and (max-width: 1000px){
.dleplyrplayer-1 .mejs-container{
  width: 100% !important;
  height: 390px !important;
}

.dleplyrplayer {
   width: 100% !important;
   max-width: 100% !important;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
}


.dleplyrplayer-1 {
   width: 690px;
   margin: 0% auto;
   text-align: center;
   position:relative;
   overflow:hidden;
   border-radius: 5px;
}



#upper{
  display: none !important;
}




.link-col-1.open a{
  color: #035BE3 !important;
}

.link-col-1 a{
    cursor: pointer !important;
}



.dle-form-8:hover{
    color:#ffffff;
    background: #66c9ff;
    box-shadow: 0px 0px 50px 0px #66c9ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-form-8{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 45px;
   line-height: 45px;
   border-radius: 100px;
   background: #47b2ed;
   display:  inline-block;
   margin: 15px 0% 0% 0%;
   padding: 0px 32px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   color: #ffffff;
}



.dle-form-7 {
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 0px;
  text-align: center;
}



.dle-for-1 .dle-for-6:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.dle-for-1 .dle-for-6{display:inline-block;transition-duration:0.3s;transition-property:transform;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0)}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}


.dle-for-3 {
    width: 67px;
    height: 47px;
    background: url(../images/img/m-2.svg)center no-repeat;
    floaT: left;
    margin: 0px 15px 0px 0px;
}



.dle-for-5{
 font-size: 13px;
}


.dle-for-4{
 font-family: font-2;
 font-size: 16px;
 line-height: 23px;
}


.dle-for-1 .dle-for-7 {
    width: 20px;
    height: 50px;
    background: url(../images/img/m-3.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.dle-for-1 .dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #7532ad;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-for-1 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: right;
   margin: 2px 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}



.dle-for-02{
  width: 60%;
  floaT: left;
  position:relative;
  margin-top: 6px;
}



.dle-for-2{
  padding: 0% 3.5%;
}

.dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 3% 0% 3% 0%;
  padding: 3.5% 0%;
  text-align: left;
  background: linear-gradient(92.92deg, #422BB2 0.54%, #B966D3 99.39%);
  border-radius: 7px;
  color:#fff;
  overflow:hidden;
}


.dle-form-6{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 0% 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}


.dle-form-5{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 0% 0% 0% 0%;
  font-family: font-1;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}

.dle-form-4{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 4px 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.dle-form-3{
  width: 100%;
  height: 40px;
  floaT: left;
  position:relative;
  background:  url(../images/img/m-1.svg) center no-repeat;
}

.dle-form-2{
  padding: 0% 3%;
  position:relative;
  z-index:11;
}

.dle-form-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  margin: 0% 0% 0% 0%;
  padding: 3.5% 0%;
  text-align: center;
  background: linear-gradient(92.92deg, #57C3FF 0.54%, #514EFF 99.39%);
  border-radius: 7px;
  color:#fff;
}




.dle-ver-3 img{
  max-width: 100%;
  line-height: 0px;
  box-shadow: 0px 0px 0px 7px #252A3A;
  border-radius: 7px;
}

.dle-ver-3{
text-align: center;
padding: 4% 4%;
}


.dle-ver-2 img{
  max-width: 100%;
  line-height: 0px;
}

.dle-ver-2{
  width: 100%;
  floaT: left;
  position:relative;
  margin-bottom: 3%;
}

 ol.accordion .link-1 a{
    color:#0AAC4E;
}

 ol.accordion .link-1 a:before {
    background:#0AAC4E;
}


.accordion .open ul a{
  color: #3e4656;
}


.accordion li i.fa-chevron-down {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #dddde1;
    margin: -2px 0px 0px 0px;
    display:  inline-block;
    border-radius: 100px;
    color:#5f6185;
    font-size: 13px !important;
    floaT: left;
}


ol.accordion li ul a:before {
  display: none;
}

ol.accordion li a:before {
    left: 0px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-size: 13px;
    font-family: font-1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background:#035BE3;
    color:#fff;
    top: 0px;
    border-radius: 100px;
    float: left;
    margin: -3px 8px 0px 0px;
    text-align: center;
    position: relative;
}

ol.accordion{counter-reset:ol-counter;}


.accordion li{ position:relative; }

.accordion a{color:#596990;}
.dle-menu-1{
  position:relative;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 30px 0px #eee;;
  border-radius: 10px;
  margin: 0px 0px 3% 0px;
  overflow:hidden;
}

.accordion{width:100%;margin-top:0px;background:#ffffff}
.accordion .link{background:#ffffff;font-family:font-1; cursor: pointer; letter-spacing: 0.2px; display:block;padding:18px 18px;color:#596990;font-size:15px;font-weight:700;border-bottom:1px solid #ddd;}
.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:16px;left:16px;font-size:15px;color:#9ea2af;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{ cursor:pointer;  right:17px;left:auto;font-size:16px}.accordion li.open .link{color: #2770F1;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#ffffff;font-size:14px}.submenu li{border-bottom:1px solid #eee;}
.submenu a{font-family:font-2;display:block;text-decoration:none;color: #9296a9;padding:12px;/* padding-left:22px; */-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.submenu a:hover{color: #2770F1 !important;}





.dle-versiaa-20.dle-versia-20{
    margin: 1% 0% 5% 0%;
}



.video-about-1 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover .video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 15px rgb(4 85 212 / 20%);
}


.video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 11px rgb(4 85 212 / 10%);
    border-radius: 500px;
    width: 65px;    
    height: 65px;
    background: #0455D4 url(../images/img/video.svg) 23px 20px no-repeat;
    background-size: 20px;
    margin: 0 auto;
    line-height: 25px;
    z-index:111;
}

.video-about-5 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    font-size: 15px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.video-about-4 {
    float: left;
    width: 100%;
    height: 100%;
    background: rgb(15 26 68 / 10%);
    left: 0px;
    top: 0px;
    margin: 0;
    position: absolute;
    z-index: 1;
}


.video-about-7{
  z-index:1;
  top: 0px;
  left: 0px;
   width: 100%;
   height: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:absolute;
   
}


.video-about-1, .video-about-1 img{
   width: 100%;
   height: 400px;
}

.video-about-1{
   width: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:relative;
   border-radius: 10px;
}

.dlle-versia-013.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 3% 0%;
}

.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 5% 0%;
}



.dle-versia-017{
  position:relative;
  width: 100%;
  float: left;
}


.dle-versia-0016  {
  position: absolute;
  margin-top: 16%;
  left: 15%;
}

    

.dle-versia-0016 svg {
  position: absolute;
  top: -0%;
  right: 0%;
  margin-top: -0px;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
  animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
  animation-delay: .2s; 
}
#Polygon-3 {
  animation-delay: .4s; 
}
#Polygon-4 {
  animation-delay: .6s; 
}
#Polygon-5 {
  animation-delay: .8s; 
}

@keyframes float {
	100% {
    transform: translateY(20px);
  }
}
@media (max-width: 450px) {
  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
  }
  .message-box {
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -190px;
    text-align: center;
  }
}










.dle-versia-011.dle-versia-11{
    width: 240px;
    position:absolute;
    float: left;
    top: 0px;
    left: 0px;
}



.ser-new-5 img{
    position:relative;
    z-index:11;
}


.dle-versia-016 img{
    max-width: 100%;
}


.dle-versia-016{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 2% 0% -3% 0%;
}


.dle-versia-020{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    background:#fff;
}









#parallax{
    z-index:11;
    position:absolute;
    lefT: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}



.dle-versia-1 .ser-new-5 img, .dle-versia-1 .ser-new-7  {
    height: auto;
}


 .dle-versia-1 .ser-new-5  {
    height: auto;
}


.dle-versia-1 .ser-new-5 img{
   object-fit: cover;
}


.ser-new-8 b{
    font-family: font-2;
}


.dle-versia-21{
    display: inline-block;
    position:relative;
    lefT: 0px;
    margin: 3% 0% -22px 0%;
    background:#fff;
    z-index:1;
    line-height: 50px;
    padding: 0px 40px;
    height: 50px;
    font-size: 17px;
    font-family: font-2;
    font-feature-settings: 'case' on;
    color: #035BE3;
    box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 40px 0px #eee;
    border-radius: 100px;
}



.dle-versia-22{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: -10px 0% 0% 0%;
    text-align: center;
    border-bottom: 1px #ddd solid;
}


.dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 3% 0% 5% 0%;
    text-align: center;
}



.dle-versia-19 img{
    width: 540px !important;
    text-align: center;
    lefT: -120px;
    position:relative;
}

.dle-versia-19 img{
   width: 100% !important;
}
.dle-versia-19{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 60%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 21%;
  text-align: center;
}


.dle-versia-18{
    z-index:1;
    bottom: 0px;
    width: 370px;
    position:absolute;
    right: 0px;
    floaT: left;
    margin: 0% 0% 0% 0%;
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-versia-17{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 90px;
    position:absolute;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    bottom: 0px;
}


.dle-versia-16 img{
    width: 100%;
    line-height: 0px;
}

.dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:0;
}



.dle-versia-11 img {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    -moz-animation: spinoffPulse 30s infinite linear;
    -webkit-animation: spinoffPulse 30s infinite linear;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        -webkit-box-shadow: 0 0 1px #bdd73c;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}






.dle-versia-15{
   margin: 0% 5%;
   color: #596991;
   line-height: 20px;
}



.dle-versia-13{
   width: 100%;
   floaT: left;
   margin: 11% 0% 6% 0%;
   text-align: center;
}


.dle-versia-14{
    font-family: font-2;
   width: 100%;
   floaT: left;
   margin:0% 0% 2% 0%;
   font-weight: 700;
   font-size: 22px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #0C234B;
}


.dle-versia-10 {
    width: 20px;
    height: 50px;
    background: url(../images/img/video.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.ddle-versia-9:hover{
    box-shadow: 0px 0px 50px 0px #75aeff;
    background: #64a4ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-versia-9{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #428FFB;
   floaT: left;
   margin: 2% 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 17px;
   letter-spacing: 0.1px;
   color: #ffffff;
}



.dle-versia-8{
    font-family: font-1;
   width: 100%;
   floaT: left;
   margin: 2% 0% 2.7% 0%;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #ffffff;
}


.dle-versia-6 p{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #D7DEF8;
}

.dle-versia-7{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 19px;
   line-height: 27px;
   letter-spacing: -0.01em;
}
.weliaxali-1 .dle-versia-6{
     margin-top: 13%;
     width: 53%;
}


.dle-versia-6{
    top: 0px;
    width: 89%;
    floaT: left;
    margin-top: 5%;
    position: absolute;
    z-index:11;
}


.dle-versia-5{
    padding: 0px 6%;
}


.dle-versia-12 img{
   width: 100%;
}

.dle-scrol-edit-1 .dle-versia-12{
    z-index:11;
    width: 250px;
    position: absolute;
    float: right;
    top: 61%;
    right: 3%;
}
.pns-1.dle-versia-12{
    width: 160px;
    position: absolute;
    top: 45%;
    right: 3%;
}
.dle-versia-12{
    z-index:11;
    width: 250px;
    position: absolute;
    float: right;
    bottom: -15%;
    right: 5%;
}

.dle-versia-11 img{
   width: 100%;
   position:relative;
   z-index:1;
}


.dle-versia-11{
    width: 380px;
    position:absolute;
    float: left;
    top: 180px;
    right: -70px;
}

.dle-versia-4{
    width: 100%;
    height: 330px;
    color:#fff;
    overflow:hidden;
    background: linear-gradient(100.54deg, #2E7EED 0%, #02225B 100%);
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: font-1;
    letter-spacing: 0px;
    border-radius: 10px;
}

.dle-versia-3{
    z-indeX:11;
    width: 100%;
    position:relative;
    float: left;
}

.dle-versia-2{
    padding: 0px 4%;
    position:relative;
    overflow:hidden;
}

.dle-versia-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0px 0px;
}
}




@media (min-width: 1000px) and (max-width: 1075px){
.dleplyrplayer-1 .mejs-container{
  width: 100% !important;
  height: 400px !important;
}

.dleplyrplayer {
   width: 100% !important;
   max-width: 100% !important;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
}


.dleplyrplayer-1 {
   width: 707px;
   margin: 0% auto;
   text-align: center;
   position:relative;
   overflow:hidden;
   border-radius: 5px;
}



#upper{
  display: none !important;
}




.link-col-1.open a{
  color: #035BE3 !important;
}

.link-col-1 a{
    cursor: pointer !important;
}



.dle-form-8:hover{
    color:#ffffff;
    background: #66c9ff;
    box-shadow: 0px 0px 50px 0px #66c9ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-form-8{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 45px;
   line-height: 45px;
   border-radius: 100px;
   background: #47b2ed;
   display:  inline-block;
   margin: 15px 0% 0% 0%;
   padding: 0px 32px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   color: #ffffff;
}



.dle-form-7 {
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 0px;
  text-align: center;
}



.dle-for-1 .dle-for-6:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.dle-for-1 .dle-for-6{display:inline-block;transition-duration:0.3s;transition-property:transform;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0)}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}


.dle-for-3 {
    width: 67px;
    height: 47px;
    background: url(../images/img/m-2.svg)center no-repeat;
    floaT: left;
    margin: 0px 15px 0px 0px;
}



.dle-for-5{
 font-size: 13px;
}


.dle-for-4{
 font-family: font-2;
 font-size: 16px;
 line-height: 23px;
}


.dle-for-1 .dle-for-7 {
    width: 20px;
    height: 50px;
    background: url(../images/img/m-3.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #7532ad;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-for-1 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: right;
   margin: 2px 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}



.dle-for-02{
  width: 60%;
  floaT: left;
  position:relative;
  margin-top: 6px;
}



.dle-for-2{
  padding: 0% 3.5%;
}

.dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 3% 0% 3% 0%;
  padding: 3.5% 0%;
  text-align: left;
  background: linear-gradient(92.92deg, #422BB2 0.54%, #B966D3 99.39%);
  border-radius: 7px;
  color:#fff;
  overflow:hidden;
}


.dle-form-6{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 0% 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}


.dle-form-5{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 0% 0% 0% 0%;
  font-family: font-1;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}

.dle-form-4{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 4px 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.dle-form-3{
  width: 100%;
  height: 40px;
  floaT: left;
  position:relative;
  background:  url(../images/img/m-1.svg) center no-repeat;
}

.dle-form-2{
  padding: 0% 3%;
  position:relative;
  z-index:11;
}

.dle-form-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  margin: 0% 0% 0% 0%;
  padding: 3.5% 0%;
  text-align: center;
  background: linear-gradient(92.92deg, #57C3FF 0.54%, #514EFF 99.39%);
  border-radius: 7px;
  color:#fff;
}




.dle-ver-3 img{
  max-width: 100%;
  line-height: 0px;
  box-shadow: 0px 0px 0px 7px #252A3A;
  border-radius: 7px;
}

.dle-ver-3{
text-align: center;
padding: 4% 4%;
}


.dle-ver-2 img{
  max-width: 100%;
  line-height: 0px;
}

.dle-ver-2{
  width: 100%;
  floaT: left;
  position:relative;
  margin-bottom: 3%;
}

 ol.accordion .link-1 a{
    color:#0AAC4E;
}

 ol.accordion .link-1 a:before {
    background:#0AAC4E;
}


.accordion .open ul a{
  color: #3e4656;
}


.accordion li i.fa-chevron-down {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #dddde1;
    margin: -2px 0px 0px 0px;
    display:  inline-block;
    border-radius: 100px;
    color:#5f6185;
    font-size: 13px !important;
    floaT: left;
}


ol.accordion li ul a:before {
  display: none;
}

ol.accordion li a:before {
    left: 0px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-size: 13px;
    font-family: font-1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background:#035BE3;
    color:#fff;
    top: 0px;
    border-radius: 100px;
    float: left;
    margin: -3px 8px 0px 0px;
    text-align: center;
    position: relative;
}

ol.accordion{counter-reset:ol-counter;}


.accordion li{ position:relative; }

.accordion a{color:#596990;}
.dle-menu-1{
  position:relative;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 30px 0px #eee;;
  border-radius: 10px;
  margin: 0px 0px 3% 0px;
  overflow:hidden;
}

.accordion{width:100%;margin-top:0px;background:#ffffff}
.accordion .link{background:#ffffff;font-family:font-1;cursor: pointer;letter-spacing: 0.2px;display:block;padding:18px 18px;color:#596990;font-size:15px;font-weight:700;border-bottom:1px solid #ddd;}
.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:16px;left:16px;font-size:15px;color:#9ea2af;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{ cursor:pointer;  right:17px;left:auto;font-size:16px}.accordion li.open .link{color: #2770F1;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#ffffff;font-size:14px}.submenu li{border-bottom:1px solid #eee;}
.submenu a{font-family:font-2;display:block;text-decoration:none;color: #9296a9;padding:12px;/* padding-left:22px; */-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.submenu a:hover{color: #2770F1 !important;}





.dle-versiaa-20.dle-versia-20{
    margin: 1% 0% 5% 0%;
}



.video-about-1 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover .video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 15px rgb(4 85 212 / 20%);
}


.video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 11px rgb(4 85 212 / 10%);
    border-radius: 500px;
    width: 65px;    
    height: 65px;
    background: #0455D4 url(../images/img/video.svg) 23px 20px no-repeat;
    background-size: 20px;
    margin: 0 auto;
    line-height: 25px;
    z-index:111;
}

.video-about-5 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    font-size: 15px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.video-about-4 {
    float: left;
    width: 100%;
    height: 100%;
    background: rgb(15 26 68 / 10%);
    left: 0px;
    top: 0px;
    margin: 0;
    position: absolute;
    z-index: 1;
}


.video-about-7{
  z-index:1;
  top: 0px;
  left: 0px;
   width: 100%;
   height: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:absolute;
   
}


.video-about-1, .video-about-1 img{
   width: 100%;
   height: 400px;
}

.video-about-1{
   width: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:relative;
   border-radius: 10px;
}

.dlle-versia-013.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 3% 0%;
}

.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 5% 0%;
}



.dle-versia-017{
  position:relative;
  width: 100%;
  float: left;
}


.dle-versia-0016  {
  position: absolute;
  margin-top: 14%;
  left: 17%;
}

    

.dle-versia-0016 svg {
  position: absolute;
  top: -0%;
  right: 0%;
  margin-top: -0px;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
  animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
  animation-delay: .2s; 
}
#Polygon-3 {
  animation-delay: .4s; 
}
#Polygon-4 {
  animation-delay: .6s; 
}
#Polygon-5 {
  animation-delay: .8s; 
}

@keyframes float {
	100% {
    transform: translateY(20px);
  }
}
@media (max-width: 450px) {
  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
  }
  .message-box {
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -190px;
    text-align: center;
  }
}










.dle-versia-011.dle-versia-11{
    width: 300px;
    position:absolute;
    float: left;
    top: 0px;
    left: 0px;
}



.ser-new-5 img{
    position:relative;
    z-index:11;
}


.dle-versia-016 img{
    max-width: 100%;
}


.dle-versia-016{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 2% 0% -3% 0%;
}


.dle-versia-020{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    background:#fff;
}









#parallax{
    z-index:11;
    position:absolute;
    lefT: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}



.dle-versia-1 .ser-new-5 img, .dle-versia-1 .ser-new-7  {
    height: auto;
}


 .dle-versia-1 .ser-new-5  {
    height: auto;
}


.dle-versia-1 .ser-new-5 img{
   object-fit: cover;
}


.ser-new-8 b{
    font-family: font-2;
}


.dle-versia-21{
    display: inline-block;
    position:relative;
    lefT: 0px;
    margin: 3% 0% -22px 0%;
    background:#fff;
    z-index:1;
    line-height: 50px;
    padding: 0px 40px;
    height: 50px;
    font-size: 22px;
    font-family: font-2;
    font-feature-settings: 'case' on;
    color: #035BE3;
    box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 40px 0px #eee;
    border-radius: 100px;
}



.dle-versia-22{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: -10px 0% 0% 0%;
    text-align: center;
    border-bottom: 1px #ddd solid;
}


.dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 3% 0% 5% 0%;
    text-align: center;
}



.dle-versia-19 img{
    width: 540px !important;
    text-align: center;
    lefT: -120px;
    position:relative;
}


.dle-versia-19{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 0%;
  text-align: center;
}


.dle-versia-18{
    z-index:1;
    bottom: 0px;
    width: 450px;
    position:absolute;
    right: 0px;
    floaT: left;
    margin: 0% 2% 0% 0%;
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-versia-17{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 110px;
    position:absolute;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 3%;
    z-index:1;
    bottom: 0px;
}


.dle-versia-16 img{
    width: 100%;
    line-height: 0px;
}

.dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:0;
}



.dle-versia-11 img {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    -moz-animation: spinoffPulse 30s infinite linear;
    -webkit-animation: spinoffPulse 30s infinite linear;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        -webkit-box-shadow: 0 0 1px #bdd73c;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}






.dle-versia-15{
   margin: 0% 12%;
   color: #596991;
   line-height: 24px;
}



.dle-versia-13{
   width: 100%;
   floaT: left;
   margin: 15% 0% 6% 0%;
   text-align: center;
}


.dle-versia-14{
    font-family: font-2;
   width: 100%;
   floaT: left;
   margin:0% 0% 1% 0%;
   font-weight: 700;
   font-size: 24px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #0C234B;
}


.dle-versia-10 {
    width: 20px;
    height: 50px;
    background: url(../images/img/video.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.ddle-versia-9:hover{
    box-shadow: 0px 0px 50px 0px #75aeff;
    background: #64a4ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-versia-9{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #428FFB;
   floaT: left;
   margin: 2% 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 17px;
   letter-spacing: 0.1px;
   color: #ffffff;
}



.dle-versia-8{
    font-family: font-1;
   width: 100%;
   floaT: left;
   margin: 2% 0% 2.7% 0%;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #ffffff;
}


.dle-versia-6 p{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #D7DEF8;
}

.dle-versia-7{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 22px;
   line-height: 27px;
   letter-spacing: -0.01em;
}

.weliaxali-1 .dle-versia-6{
     margin-top: 12%;
     width: 57%;
}

.dle-versia-6{
    top: 0px;
    width: 57%;
    floaT: left;
    margin-top: 5%;
    position: absolute;
    z-index:11;
}


.dle-versia-5{
    padding: 0px 6%;
}


.dle-versia-12 img{
   width: 100%;
}

.dle-scrol-edit-1 .dle-versia-12{
    z-index:11;
    width: 270px;
    position: absolute;
    float: right;
    top: 59%;
    right: 3%;
}

.pns-1.dle-versia-12{
    width: 220px;
    position: absolute;
    top: 25%;
    right: 3%;
}

.dle-versia-12{
    z-index:11;
    width: 320px;
    position: absolute;
    float: right;
    top: 60%;
    right: 3%;
}

.dle-versia-11 img{
   width: 100%;
   position:relative;
   z-index:1;
}


.dle-versia-11{
    width: 350px;
    position:absolute;
    float: left;
    top: 100px;
    right: -50px;
}

.dle-versia-4{
    width: 100%;
    height: 330px;
    color:#fff;
    overflow:hidden;
    background: linear-gradient(100.54deg, #2E7EED 0%, #02225B 100%);
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: font-1;
    letter-spacing: 0px;
    border-radius: 10px;
}

.dle-versia-3{
    z-indeX:11;
    width: 100%;
    position:relative;
    float: left;
}

.dle-versia-2{
    padding: 0px 4%;
    position:relative;
    overflow:hidden;
}

.dle-versia-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0px 0px;
}
}



@media (min-width: 1075px) and (max-width: 1180px){
.dleplyrplayer-1 .mejs-container{
  width: 100% !important;
  height: 400px !important;
}

.dleplyrplayer {
   width: 100% !important;
   max-width: 100% !important;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
}


.dleplyrplayer-1 {
   width: 707px;
   margin: 0% auto;
   text-align: center;
   position:relative;
   overflow:hidden;
   border-radius: 5px;
}



#upper{
  display: none !important;
}




.link-col-1.open a{
  color: #035BE3 !important;
}

.link-col-1 a{
    cursor: pointer !important;
}



.dle-form-8:hover{
    color:#ffffff;
    background: #66c9ff;
    box-shadow: 0px 0px 50px 0px #66c9ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-form-8{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 45px;
   line-height: 45px;
   border-radius: 100px;
   background: #47b2ed;
   display:  inline-block;
   margin: 15px 0% 0% 0%;
   padding: 0px 32px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   color: #ffffff;
}



.dle-form-7 {
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 0px;
  text-align: center;
}



.dle-for-1 .dle-for-6:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.dle-for-1 .dle-for-6{display:inline-block;transition-duration:0.3s;transition-property:transform;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0)}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}


.dle-for-3 {
    width: 67px;
    height: 47px;
    background: url(../images/img/m-2.svg)center no-repeat;
    floaT: left;
    margin: 0px 15px 0px 0px;
}



.dle-for-5{
 font-size: 13px;
}


.dle-for-4{
 font-family: font-2;
 font-size: 16px;
 line-height: 23px;
}


.dle-for-1 .dle-for-7 {
    width: 20px;
    height: 50px;
    background: url(../images/img/m-3.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.dle-for-1 .dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #7532ad;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-for-1 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: right;
   margin: 2px 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}



.dle-for-02{
  width: 60%;
  floaT: left;
  position:relative;
  margin-top: 6px;
}



.dle-for-2{
  padding: 0% 3.5%;
}

.dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 3% 0% 3% 0%;
  padding: 3.5% 0%;
  text-align: left;
  background: linear-gradient(92.92deg, #422BB2 0.54%, #B966D3 99.39%);
  border-radius: 7px;
  color:#fff;
  overflow:hidden;
}


.dle-form-6{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 0% 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}


.dle-form-5{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 0% 0% 0% 0%;
  font-family: font-1;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}

.dle-form-4{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 4px 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.dle-form-3{
  width: 100%;
  height: 40px;
  floaT: left;
  position:relative;
  background:  url(../images/img/m-1.svg) center no-repeat;
}

.dle-form-2{
  padding: 0% 3%;
  position:relative;
  z-index:11;
}

.dle-form-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  margin: 0% 0% 0% 0%;
  padding: 3.5% 0%;
  text-align: center;
  background: linear-gradient(92.92deg, #57C3FF 0.54%, #514EFF 99.39%);
  border-radius: 7px;
  color:#fff;
}




.dle-ver-3 img{
  max-width: 100%;
  line-height: 0px;
  box-shadow: 0px 0px 0px 7px #252A3A;
  border-radius: 7px;
}

.dle-ver-3{
text-align: center;
padding: 4% 4%;
}


.dle-ver-2 img{
  max-width: 100%;
  line-height: 0px;
}

.dle-ver-2{
  width: 100%;
  floaT: left;
  position:relative;
  margin-bottom: 3%;
}

 ol.accordion .link-1 a{
    color:#0AAC4E;
}

 ol.accordion .link-1 a:before {
    background:#0AAC4E;
}


.accordion .open ul a{
  color: #3e4656;
}


.accordion li i.fa-chevron-down {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #dddde1;
    margin: -2px 0px 0px 0px;
    display:  inline-block;
    border-radius: 100px;
    color:#5f6185;
    font-size: 13px !important;
    floaT: left;
}


ol.accordion li ul a:before {
  display: none;
}

ol.accordion li a:before {
    left: 0px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-size: 13px;
    font-family: font-1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background:#035BE3;
    color:#fff;
    top: 0px;
    border-radius: 100px;
    float: left;
    margin: -3px 8px 0px 0px;
    text-align: center;
    position: relative;
}

ol.accordion{counter-reset:ol-counter;}


.accordion li{ position:relative; }

.accordion a{color:#596990;}
.dle-menu-1{
  position:relative;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 30px 0px #eee;;
  border-radius: 10px;
  margin: 0px 0px 3% 0px;
  overflow:hidden;
}

.accordion{width:100%;margin-top:0px;background:#ffffff}
.accordion .link{background:#ffffff;font-family:font-1;cursor: pointer;letter-spacing: 0.2px;display:block;padding:18px 18px;color:#596990;font-size:15px;font-weight:700;border-bottom:1px solid #ddd;}
.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:16px;left:16px;font-size:15px;color:#9ea2af;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{ cursor:pointer;  right:17px;left:auto;font-size:16px}.accordion li.open .link{color: #2770F1;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#ffffff;font-size:14px}.submenu li{border-bottom:1px solid #eee;}
.submenu a{font-family:font-2;display:block;text-decoration:none;color: #9296a9;padding:12px;padding-left:22px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.submenu a:hover{color: #2770F1 !important;}





.dle-versiaa-20.dle-versia-20{
    margin: 1% 0% 5% 0%;
}



.video-about-1 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover .video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 15px rgb(4 85 212 / 20%);
}


.video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 11px rgb(4 85 212 / 10%);
    border-radius: 500px;
    width: 65px;    
    height: 65px;
    background: #0455D4 url(../images/img/video.svg) 23px 20px no-repeat;
    background-size: 20px;
    margin: 0 auto;
    line-height: 25px;
    z-index:111;
}

.video-about-5 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    font-size: 15px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.video-about-4 {
    float: left;
    width: 100%;
    height: 100%;
    background: rgb(15 26 68 / 10%);
    left: 0px;
    top: 0px;
    margin: 0;
    position: absolute;
    z-index: 1;
}


.video-about-7{
  z-index:1;
  top: 0px;
  left: 0px;
   width: 100%;
   height: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:absolute;
   
}


.video-about-1, .video-about-1 img{
   width: 100%;
   height: 400px;
}

.video-about-1{
   width: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:relative;
   border-radius: 10px;
}

.dlle-versia-013.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 3% 0%;
}

.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 5% 0%;
}



.dle-versia-017{
  position:relative;
  width: 100%;
  float: left;
}


.dle-versia-0016  {
  position: absolute;
  margin-top: 14%;
  left: 17%;
}

    

.dle-versia-0016 svg {
  position: absolute;
  top: -0%;
  right: 0%;
  margin-top: -0px;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
  animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
  animation-delay: .2s; 
}
#Polygon-3 {
  animation-delay: .4s; 
}
#Polygon-4 {
  animation-delay: .6s; 
}
#Polygon-5 {
  animation-delay: .8s; 
}

@keyframes float {
	100% {
    transform: translateY(20px);
  }
}
@media (max-width: 450px) {
  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
  }
  .message-box {
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -190px;
    text-align: center;
  }
}










.dle-versia-011.dle-versia-11{
    width: 340px;
    position:absolute;
    float: left;
    top: 0px;
    left: 0px;
}



.ser-new-5 img{
    position:relative;
    z-index:11;
}


.dle-versia-016 img{
    max-width: 100%;
}


.dle-versia-016{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 2% 0% -3% 0%;
}


.dle-versia-020{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    background:#fff;
}









#parallax{
    z-index:11;
    position:absolute;
    lefT: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}



.dle-versia-1 .ser-new-5 img, .dle-versia-1 .ser-new-7  {
    height: auto;
}


 .dle-versia-1 .ser-new-5  {
    height: auto;
}


.dle-versia-1 .ser-new-5 img{
   object-fit: cover;
}


.ser-new-8 b{
    font-family: font-2;
}


.dle-versia-21{
    display: inline-block;
    position:relative;
    lefT: 0px;
    margin: 3% 0% -22px 0%;
    background:#fff;
    z-index:1;
    line-height: 50px;
    padding: 0px 40px;
    height: 50px;
    font-size: 22px;
    font-family: font-2;
    font-feature-settings: 'case' on;
    color: #035BE3;
    box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 40px 0px #eee;
    border-radius: 100px;
}



.dle-versia-22{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: -10px 0% 0% 0%;
    text-align: center;
    border-bottom: 1px #ddd solid;
}


.dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 3% 0% 5% 0%;
    text-align: center;
}



.dle-versia-19 img{
    width: 540px !important;
    text-align: center;
    lefT: -120px;
    position:relative;
}


.dle-versia-19{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 0%;
  text-align: center;
}


.dle-versia-18{
    z-index:1;
    bottom: 0px;
    width: 450px;
    position:absolute;
    right: 0px;
    floaT: left;
    margin: 0% 7% 0% 0%;
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-versia-17{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 110px;
    position:absolute;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 8%;
    z-index:1;
    bottom: 0px;
}


.dle-versia-16 img{
    width: 100%;
    line-height: 0px;
}

.dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:0;
}



.dle-versia-11 img {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    -moz-animation: spinoffPulse 30s infinite linear;
    -webkit-animation: spinoffPulse 30s infinite linear;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        -webkit-box-shadow: 0 0 1px #bdd73c;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}






.dle-versia-15{
   margin: 0% 12%;
   color: #596991;
   line-height: 24px;
}



.dle-versia-13{
   width: 100%;
   floaT: left;
   margin: 6% 0% 4% 0%;
   text-align: center;
}


.dle-versia-14{
    font-family: font-2;
   width: 100%;
   floaT: left;
   margin:0% 0% 1% 0%;
   font-weight: 700;
   font-size: 24px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #0C234B;
}


.dle-versia-10 {
    width: 20px;
    height: 50px;
    background: url(../images/img/video.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.ddle-versia-9:hover{
    box-shadow: 0px 0px 50px 0px #75aeff;
    background: #64a4ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-versia-9{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #428FFB;
   floaT: left;
   margin: 2% 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 17px;
   letter-spacing: 0.1px;
   color: #ffffff;
}



.dle-versia-8{
    font-family: font-1;
   width: 100%;
   floaT: left;
   margin: 2% 0% 2.7% 0%;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #ffffff;
}


.dle-versia-6 p{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #D7DEF8;
}

.dle-versia-7{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 22px;
   line-height: 27px;
   letter-spacing: -0.01em;
}

.weliaxali-1 .dle-versia-6{
     margin-top: 10%;
     width: 57%;
}


.dle-versia-6{
    top: 0px;
    width: 57%;
    floaT: left;
    margin-top: 5%;
    position: absolute;
    z-index:11;
}


.dle-versia-5{
    padding: 0px 6%;
}


.dle-versia-12 img{
   width: 100%;
}
.dle-scrol-edit-1 .dle-versia-12{
    z-index:11;
    width: 280px;
    position: absolute;
    float: right;
    top: 59%;
    right: 3%;
}


.pns-1.dle-versia-12{
    width: 240px;
    position: absolute;
    top: 25%;
    right: 3%;
}


.dle-versia-12{
    z-index:11;
    width: 350px;
    position: absolute;
    float: right;
    top: 50%;
    right: 3%;
}


.dle-versia-11 img{
   width: 100%;
   position:relative;
   z-index:1;
}


.dle-versia-11{
    width: 370px;
    position:absolute;
    float: left;
    top: 130px;
    right: -50px;
}

.dle-versia-4{
    width: 100%;
    height: 330px;
    color:#fff;
    overflow:hidden;
    background: linear-gradient(100.54deg, #2E7EED 0%, #02225B 100%);
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: font-1;
    letter-spacing: 0px;
    border-radius: 10px;
}

.dle-versia-3{
    z-indeX:11;
    width: 100%;
    position:relative;
    float: left;
}

.dle-versia-2{
    padding: 0px 4%;
    position:relative;
    overflow:hidden;
}

.dle-versia-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0px 0px;
}
}




@media (min-width:1180px) and (max-width:90000000px){
.dleplyrplayer-1 .mejs-container{
  width: 100% !important;
  height: 400px !important;
}

.dleplyrplayer {
   width: 100% !important;
   max-width: 100% !important;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
}


.dleplyrplayer-1 {
   width: 707px;
   margin: 0% auto;
   text-align: center;
   position:relative;
   overflow:hidden;
   border-radius: 5px;
}



#upper{
  display: none !important;
}




.link-col-1.open a{
  color: #035BE3 !important;
}

.link-col-1 a{
    cursor: pointer !important;
}



.dle-form-8:hover{
    color:#ffffff;
    background: #66c9ff;
    box-shadow: 0px 0px 50px 0px #66c9ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-form-8{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-1;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 45px;
   line-height: 45px;
   border-radius: 100px;
   background: #47b2ed;
   display:  inline-block;
   margin: 15px 0% 0% 0%;
   padding: 0px 32px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   color: #ffffff;
}



.dle-form-7 {
  width: 100%;
  floaT: left;
  position:relative;
  margin-top: 0px;
  text-align: center;
}



.dle-for-1 .dle-for-6:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.dle-for-1 .dle-for-6{display:inline-block;transition-duration:0.3s;transition-property:transform;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0)}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}


.dle-for-3 {
    width: 67px;
    height: 47px;
    background: url(../images/img/m-2.svg)center no-repeat;
    floaT: left;
    margin: 0px 15px 0px 0px;
}



.dle-for-5{
 font-size: 13px;
}


.dle-for-4{
 font-family: font-2;
 font-size: 16px;
 line-height: 23px;
}


.dle-for-1 .dle-for-7 {
    width: 20px;
    height: 50px;
    background: url(../images/img/m-3.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.dle-for-1.dle-for-6:hover{
    box-shadow: 0px 0px 50px 0px #7532ad;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-for-1 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: right;
   margin: 2px 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}



.dle-for-02{
  width: 60%;
  floaT: left;
  position:relative;
  margin-top: 6px;
}



.dle-for-2{
  padding: 0% 3.5%;
}

.dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 3% 0% 3% 0%;
  padding: 3.5% 0%;
  text-align: left;
  background: linear-gradient(92.92deg, #422BB2 0.54%, #B966D3 99.39%);
  border-radius: 7px;
  color:#fff;
  overflow:hidden;
}


.dle-form-6{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 0% 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}


.dle-form-5{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 0% 0% 0% 0%;
  font-family: font-1;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}

.dle-form-4{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 5px 0% 4px 0%;
  font-family: font-2;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.dle-form-3{
  width: 100%;
  height: 40px;
  floaT: left;
  position:relative;
  background:  url(../images/img/m-1.svg) center no-repeat;
}

.dle-form-2{
  padding: 0% 3%;
  position:relative;
  z-index:11;
}

.dle-form-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  margin: 0% 0% 0% 0%;
  padding: 3.5% 0%;
  text-align: center;
  background: linear-gradient(92.92deg, #57C3FF 0.54%, #514EFF 99.39%);
  border-radius: 7px;
  color:#fff;
}




.dle-ver-3 img{
  max-width: 100%;
  line-height: 0px;
  box-shadow: 0px 0px 0px 7px #252A3A;
  border-radius: 7px;
}

.dle-ver-3{
text-align: center;
padding: 4% 4%;
}


.dle-ver-2 img{
  max-width: 100%;
  line-height: 0px;
}

.dle-ver-2{
  width: 100%;
  floaT: left;
  position:relative;
  margin-bottom: 3%;
}

 ol.accordion .link-1 a{
    color:#0AAC4E;
}

 ol.accordion .link-1 a:before {
    background:#0AAC4E;
}


.accordion .open ul a{
  color: #3e4656;
}


.accordion li i.fa-chevron-down {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #dddde1;
    margin: -2px 0px 0px 0px;
    display:  inline-block;
    border-radius: 100px;
    color:#5f6185;
    font-size: 13px !important;
    floaT: left;
}


ol.accordion li ul a:before {
  display: none;
}

ol.accordion li a:before {
    left: 0px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    font-size: 13px;
    font-family: font-1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background:#035BE3;
    color:#fff;
    top: 0px;
    border-radius: 100px;
    float: left;
    margin: -3px 8px 0px 0px;
    text-align: center;
    position: relative;
}

ol.accordion{counter-reset:ol-counter;}


.accordion li{ position:relative; }

.accordion a{color:#596990;}
.dle-menu-1{
  position:relative;
  width: 100%;
  float: left;
  box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 30px 0px #eee;;
  border-radius: 10px;
  margin: 0px 0px 3% 0px;
  overflow:hidden;
}

.accordion{width:100%;margin-top:0px;background:#ffffff}
.accordion .link{background:#ffffff;font-family:font-1;cursor: pointer;letter-spacing: 0.2px;display:block;padding:18px 18px;color:#596990;font-size:15px;font-weight:700;border-bottom:1px solid #ddd;}
.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:16px;left:16px;font-size:15px;color:#9ea2af;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{ cursor:pointer;  right:17px;left:auto;font-size:16px}.accordion li.open .link{color: #2770F1;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#ffffff;font-size:14px}.submenu li{border-bottom:1px solid #eee;}
.submenu a{font-family:font-2;display:block;text-decoration:none;color: #9296a9;padding:12px;/* padding-left:22px; */-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.submenu a:hover{color: #2770F1 !important;}





.dle-versiaa-20.dle-versia-20{
    margin: 1% 0% 5% 0%;
}



.video-about-1 img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.video-about-1:hover .video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 15px rgb(4 85 212 / 20%);
}


.video-about-6 {
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 11px rgb(4 85 212 / 10%);
    border-radius: 500px;
    width: 65px;    
    height: 65px;
    background: #0455D4 url(../images/img/video.svg) 23px 20px no-repeat;
    background-size: 20px;
    margin: 0 auto;
    line-height: 25px;
    z-index:111;
}

.video-about-5 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1;
    font-size: 15px;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.video-about-4 {
    float: left;
    width: 100%;
    height: 100%;
    background: rgb(15 26 68 / 10%);
    left: 0px;
    top: 0px;
    margin: 0;
    position: absolute;
    z-index: 1;
}


.video-about-7{
  z-index:1;
  top: 0px;
  left: 0px;
   width: 100%;
   height: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:absolute;
   
}


.video-about-1, .video-about-1 img{
   width: 100%;
   height: 400px;
}

.video-about-1{
   width: 100%;
   floaT: left;
   margin: 0% 0% 0% 0%;
   text-align: center;
   overflow:hidden;
   position:relative;
   border-radius: 10px;
}

.dlle-versia-013.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 3% 0%;
}

.dle-versia-013.dle-versia-13{
   margin: 3.5% 0% 5% 0%;
}



.dle-versia-017{
  position:relative;
  width: 100%;
  float: left;
}


.dle-versia-0016  {
  position: absolute;
  margin-top: 16%;
  left: 20%;
}

    

.dle-versia-0016 svg {
  position: absolute;
  top: -0%;
  right: 0%;
  margin-top: -0px;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
  animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
  animation-delay: .2s; 
}
#Polygon-3 {
  animation-delay: .4s; 
}
#Polygon-4 {
  animation-delay: .6s; 
}
#Polygon-5 {
  animation-delay: .8s; 
}

@keyframes float {
	100% {
    transform: translateY(20px);
  }
}
@media (max-width: 450px) {
  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -190px;
  }
  .message-box {
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -190px;
    text-align: center;
  }
}










.dle-versia-011.dle-versia-11{
    width: 340px;
    position:absolute;
    float: left;
    top: 0px;
    left: 0px;
}



.ser-new-5 img{
    position:relative;
    z-index:11;
}


.dle-versia-016 img{
    max-width: 100%;
}


.dle-versia-016{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 2% 0% -3% 0%;
}


.dle-versia-020{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:1;
    background:#fff;
}









#parallax{
    z-index:11;
    position:absolute;
    lefT: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}



.dle-versia-1 .ser-new-5 img, .dle-versia-1 .ser-new-7  {
    height: auto;
}


 .dle-versia-1 .ser-new-5  {
    height: auto;
}


.dle-versia-1 .ser-new-5 img{
   object-fit: cover;
}


.ser-new-8 b{
    font-family: font-2;
}


.dle-versia-21{
    display: inline-block;
    position:relative;
    lefT: 0px;
    margin: 3% 0% -22px 0%;
    background:#fff;
    z-index:1;
    line-height: 50px;
    padding: 0px 40px;
    height: 50px;
    font-size: 22px;
    font-family: font-2;
    font-feature-settings: 'case' on;
    color: #035BE3;
    box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 40px 0px #eee;
    border-radius: 100px;
}



.dle-versia-22{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: -10px 0% 0% 0%;
    text-align: center;
    border-bottom: 1px #ddd solid;
}


.dle-versia-20{
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 3% 0% 5% 0%;
    text-align: center;
}



.dle-versia-19 img{
    width: 540px !important;
    text-align: center;
    lefT: -120px;
    position:relative;
}


.dle-versia-19{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 100%;
    position:relative;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 0%;
  text-align: center;
}


.dle-versia-18{
    z-index:1;
    bottom: 0px;
    width: 450px;
    position:absolute;
    right: 0px;
    floaT: left;
    margin: 0% 7% 0% 0%;
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.dle-versia-17{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    width: 110px;
    position:absolute;
    lefT: 0px;
    floaT: left;
    margin: 0% 0% 0% 8%;
    z-index:1;
    bottom: 0px;
}


.dle-versia-16 img{
    width: 100%;
    line-height: 0px;
}

.dle-versia-16{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0% 0% 0% 0%;
    z-index:0;
}



.dle-versia-11 img {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    -moz-animation: spinoffPulse 30s infinite linear;
    -webkit-animation: spinoffPulse 30s infinite linear;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        -webkit-box-shadow: 0 0 1px #bdd73c;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}






.dle-versia-15{
   margin: 0% 12%;
   color: #596991;
   line-height: 24px;
}



.dle-versia-13{
   width: 100%;
   floaT: left;
   margin: 5% 0% 4% 0%;
   text-align: center;
}


.dle-versia-14{
    font-family: font-2;
   width: 100%;
   floaT: left;
   margin:0% 0% 1% 0%;
   font-weight: 700;
   font-size: 24px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #0C234B;
}


.dle-versia-10 {
    width: 20px;
    height: 50px;
    background: url(../images/img/video.svg)center no-repeat;
    line-height: 50px;
    floaT: left;
    margin-right: 5px;
}

.ddle-versia-9:hover{
    box-shadow: 0px 0px 50px 0px #75aeff;
    background: #64a4ff;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}


.dle-versia-9{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #428FFB;
   floaT: left;
   margin: 2% 0% 0% 0%;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 17px;
   letter-spacing: 0.1px;
   color: #ffffff;
}



.dle-versia-8{
    font-family: font-1;
   width: 100%;
   floaT: left;
   margin: 2% 0% 2.7% 0%;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #ffffff;
}


.dle-versia-6 p{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 23px;
   letter-spacing: -0.01em;
   color: #D7DEF8;
}

.dle-versia-7{
   width: 100%;
   floaT: left;
   margin: 0% 0% 1% 0%;
   font-style: normal;
   font-weight: 700;
   font-size: 22px;
   line-height: 27px;
   letter-spacing: -0.01em;
}

.weliaxali-1 .dle-versia-6{
     margin-top: 11%;
     width: 57%;
}


.dle-versia-6{
    top: 0px;
   width: 60%;
   floaT: left;
   margin-top: 5%;
   position: absolute;
   z-index:11;
}


.dle-versia-5{
    padding: 0px 6%;
}


.dle-versia-12 img{
   width: 100%;
}

.dle-scrol-edit-1 .dle-versia-12{
    z-index:11;
    width: 320px;
    position: absolute;
    float: right;
    top: 52%;
    right: 3%;
}


.pns-1.dle-versia-12{
    width: 230px;
    position: absolute;
    top: 18%;
    right: 4%;
}


.dle-versia-12{
    z-index:11;
    width: 350px;
    position: absolute;
    float: right;
    top: 50%;
    right: 3%;
}

.dle-versia-11 img{
   width: 100%;
   position:relative;
   z-index:1;
}


.dle-versia-11{
    width: 400px;
    position:absolute;
    float: left;
    top: 130px;
    right: -30px;
}

.dle-versia-4{
    width: 100%;
    height: 330px;
    color:#fff;
    overflow:hidden;
    background: linear-gradient(100.54deg, #2E7EED 0%, #02225B 100%);
    position:relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: font-1;
    letter-spacing: 0px;
    border-radius: 10px;
}

.dle-versia-3{
    z-indeX:11;
    width: 100%;
    position:relative;
    float: left;
}

.dle-versia-2{
    padding: 0px 4%;
    position:relative;
    overflow:hidden;
}

.dle-versia-1{
    width: 100%;
    position:relative;
    float: left;
    padding: 4% 0px 0px 0px;
}
}
