/**
* Code By Fsociety
* Template URL: 
* Author: Alex Price
* License: 
*/

  @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;1,100;1,200&display=swap');

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root[data-theme=dark] {
  --bg-white:/*#1A2744*/#151A30;
  --color-white:white;
  --color-black:#dcdcdc;
   transition: all 0.3s ease;
   --border-color:#1A1F38;
   --color-bg-transparent:rgba(21,26,48,0.6);
   --color-grey-dark:#818181!important;
    --color-gold:#FFD166;
    --color-grey-2:#dcdcdc;
    --bg-white-transparent: rgba(21,26,48,0.7);
    --bg-white-transparent-2: rgba(21,26,48,0.4);
    --context-menu-color:#f3f3f3;
}

:root{
  --primary-color:#003FE5;
  --color-white:white;
  --bg-white:white;
  --context-menu-color:#1f194c;
  --bg-white-transparent: rgba(255,255,255,0.7);
  --bg-white-transparent-2: rgba(255,255,255,0.7);
  --color-black:#333;
  --border-color:#ddd;
  --color-gold:#FFD166;
  --color-grey-2:#656565;
  --rgb-3:rgba(0,63,229,0.3);
  --rgb-6:rgba(0,63,229,0.6);
  --rgb-2:rgba(0,63,229,0.2);
  --fill1-color-vector-home:rgba(25,118,210,0.3);
  --fill2-color-vector-home:rgba(25,118,210,0.03);
  --color-bg-transparent:rgba(255,255,255,0.6);
  --icon-btc:url('../img/icons/btc.png');
  --color-grey-dark:#818181!important;
  --font-Montserrat:'Montserrat', sans-serif!important;
  --shadow-btn-2: 2px 2px 20px rgba(90,90,243,0.2);
  --shadow-black: 2px 2px 20px rgba(0,0,0,0.2);
  --shadow-row: -10px 20px 60px #161f291a;
  --font-raleway:"Raleway", sans-serif;;
}

:root[data-theme=default]{
  --primary-color:#003FE5!important;
  --rgb-3:rgba(0,63,229,0.3)!important;
  --rgb-6:rgba(0,63,229,0.4)!important;
  --rgb-2:rgba(0,63,229,0.2)!important;
  --fill1-color-vector-home:rgba(0,63,229,0.3);
  --fill2-color-vector-home:rgba(0,63,229,0.03);
}

*,html{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input,button,select{
  outline: none!important;
    transition: all 0.3s ease;

}

form :where(input, select, button){
  outline: none!important;
  border: none;
    transition: all 0.3s ease;
}

body {
  font-family: "Raleway", sans-serif;
  background: var(--bg-white);
  transition: all 0.3s ease;
}

::selection {
  color: var(--color-white);
 background: var(--primary-color);
   transition: all 0.3s ease;
}

body::-webkit-scrollbar{
  width: 15px;
  background:var(--bg-white);
  border-radius: 7px;
}

body::-webkit-scrollbar-thumb{
  background: var(--primary-color);
  border-radius: 20px;
  border:solid 3px var(--bg-white);
}

a {
  text-decoration: none;
  color: var(--primary-color);
    transition: all 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
    transition: all 0.3s ease;
}

button i{
  font-weight: bold;
  font-style: normal;
    transition: all 0.3s ease;
}

li{
  list-style: none!important
}

b{
  font-family: var(--font-Montserrat);
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

#theme-toggle {
  visibility: hidden;
}

.toggle_dark_mode{
  padding: 0!important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

#theme-toggle + label {
  content: '';
  display: inline-block;
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  background-size: cover;
}

#theme-toggle:not(:checked) + label {
  background-image: url(../img/sun-3.png);
}

#theme-toggle:checked + label {
   background-color: transparent;
   background-image:none;
   box-shadow: inset -10px -5px 1px 1px #fff;
}

.show_mode_theme_info {
   left: 0;
   background-image: none;
}

.info_data_theme_page{
  width: 200px;
  right: -10px;
  top: 60px;
  padding: 1em;
  font-size: 15px;
  position: absolute;
  backdrop-filter: blur(10px);
  color: var(--color-white)!important;
  border-radius: 15px!important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in;
  background:rgba(0, 0, 0, 0.4)!important;
}


.toggle_dark_mode{
  z-index: 3;
}

.toggle_dark_mode:hover .info_data_theme_page {
  opacity: 1;
  visibility: visible;
}

.background {
    position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

.background span {
    width: 29vmin;
    height: 29vmin;
    border-radius: 29vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 32;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.background span:nth-child(0) {
    color: #003FE5;
    top: 39%;
    left: 96%;
    animation-duration: 126s;
    animation-delay: -130s;
    transform-origin: -4vw 9vh;
    box-shadow: 58vmin 0 8.137894481743361vmin currentColor;
}
.background span:nth-child(1) {
    color: #4896F0;
    top: 15%;
    left: 31%;
    animation-duration: 29s;
    animation-delay: -87s;
    transform-origin: 11vw -21vh;
    box-shadow: 58vmin 0 7.699291445743258vmin currentColor;
}
.background span:nth-child(2) {
    color: #655AE6;
    top: 56%;
    left: 22%;
    animation-duration: 158s;
    animation-delay: -18s;
    transform-origin: -6vw 2vh;
    box-shadow: 58vmin 0 7.465953103577972vmin currentColor;
}
.background span:nth-child(3) {
    color: #FADA70;
    top: 67%;
    left: 55%;
    animation-duration: 112s;
    animation-delay: -139s;
    transform-origin: 23vw -15vh;
    box-shadow: -58vmin 0 7.396070358600266vmin currentColor;
}
.background span:nth-child(4) {
    color: #03A9F4;
    top: 90%;
    left: 48%;
    animation-duration: 107s;
    animation-delay: -37s;
    transform-origin: 21vw 8vh;
    box-shadow: 58vmin 0 8.019062463990423vmin currentColor;
}
.background span:nth-child(5) {
    color: #673AB7;
    top: 30%;
    left: 43%;
    animation-duration: 100s;
    animation-delay: -103s;
    transform-origin: 10vw 2vh;
    box-shadow: 58vmin 0 7.307512072159115vmin currentColor;
}
.background span:nth-child(6) {
    color: #E91E63;
    top: 64%;
    left: 79%;
    animation-duration: 28s;
    animation-delay: -43s;
    transform-origin: 16vw 14vh;
    box-shadow: 58vmin 0 7.927877980531045vmin currentColor;
}
.background span:nth-child(7) {
    color: #FADA70;
    top: 36%;
    left: 53%;
    animation-duration: 176s;
    animation-delay: -98s;
    transform-origin: 0vw 5vh;
    box-shadow: 58vmin 0 7.319480064719223vmin currentColor;
}
.background span:nth-child(8) {
    color: #655AE6;
    top: 30%;
    left: 15%;
    animation-duration: 109s;
    animation-delay: -140s;
    transform-origin: 4vw -22vh;
    box-shadow: -58vmin 0 7.360725104897952vmin currentColor;
}

/*HOME PAGE STYLE*/
.row_center_home_page{
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

nav{
  width: 100%;
  height:100px;
  background: transparent;
  padding: 2em;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  margin: 15px auto;
  transition: all 0.3s ease;
/*  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.1);
*/}

  .header_nav_scrolled{
    margin: 0;
    background: red;
   background: var(--bg-white-transparent);
   backdrop-filter: blur(10px);
   box-shadow:0px 2px 15px rgba(0, 0, 0, 0.1);
  }

  .icon_menu_email{
    font-size: 25px;
  }

.content_menu_data_home_page{
  position: absolute;
  display: flex;
  right: 25px;
  margin-top:-5px;
}

.content_menu_data_home_page ul{
  display: flex;
  align-items: center;
  justify-content: center;
}

.content_menu_data_home_page ul li{
  font-weight: bold;
  padding: 5px 10px;
}

.login_btn_link{
  padding: 15px 25px;
  border-radius: 30px;
  background: var(--rgb-3);
  font-weight: bold;
  margin-left: 10px;
  font-size: 15px;
}

.logo_menu_home_page{
  left: 25px;
  top: 0;
  margin:20px;
  position: absolute;
}

.logo_menu_home_page a{
  display: flex!important;
  align-items: center;
  font-size: 13px;
  justify-content: center;
}

.logo_menu_home_page img{
  width: 60px;
  margin-right: 10px;
  border-radius: 10px!important;
}

.home_page_title{
  width: 100%;
  height:700px;
  position: relative;
  color: var(--color-black);
  transition: all 0.3s ease;
/*  box-shadow: 0 10px 100px var(--bg-white-transparent);
*/}


.content_home_page_title{
  width: 100%;
  padding: 3em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.row_data_home_page{
  width: 50%;
}

.row_data_home_page a{
  width: 160px;
  padding: 15px 25px;
  background: var(--rgb-3);
  display: block;
  color: var(--primary-color);
  font-weight: bold;
  border-radius: 30px;
  margin-top: 15px;
}

.row_data_home_page h1{
  font-weight: bold!important;
    font-size: 40px!important;
  margin-bottom: 10px;
}

.row_data_home_page p{
  width: 550px;
  line-height: 25px;
  font-size: 18px;
}

.img_info_tool{
  width: 45%;
}

.img_info_tool img{
  width: 100%;
  border-radius: 7px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  perspective:200px;
  transform: perspective(1000px) rotateY(-15deg) ;
}

.img_info_tool img:hover{
  transform: perspective(1000px) rotateY(0) ;
}

.input-home-page label{
  position: absolute;
  left: 15px;
  z-index:1;
  top: 10px;
  margin-bottom: 10px;
  padding-inline: 5px;
  font-weight: bold;
  color: var(--color-black)!important;
}


.input-home-page input{
  width:300px;
  padding:20px 20px;
  padding-top: 35px;
/*  border: solid 2px var(--primary-color);
*/  border-radius:10px;
  font-size: 25px;
  font-weight: bold;
  background: var(--bg-white);
  font-family: var(--font-Montserrat);
  color: var(--color-black)!important;
}

.result_rate_exchage{
  margin: 10px;
  width:300px;
  height: auto;
  padding:20px 20px;
  border-radius:10px;
  display: flex;
  position: relative;
  flex-direction: column;
  background: var(--bg-white);
  color: var(--color-black)!important;
  transition: all 0.3s ease;
}

.result_rate_exchage label{
  font-weight: bold;
  margin: 0;
  position: absolute;
  top: 12px;
}

.result_rate_exchage h3{
  margin-top: 15px;
  font-size: 25px;
  font-family: var(--font-Montserrat)!important;
}

/*CONTENT INGO PAGE*/
.content_info{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 3em;
  color: var(--color-black);
  z-index: 1;
  margin-top: -20px;
}

.row_content_info h1{
  text-align: center;
  font-size: 30px;
  margin-bottom: 15px;
  position: relative;
}

.line_title{
  width: 100px;
  height: 4px;
  margin: 0 auto;
  background: var(--primary-color);
  margin-bottom: 5px;
  border-radius: 20px;
}

.row_content_info p{
  text-align: center;
  font-size: 18px;
  color: var(--color-grey-2);
  font-weight: bold;
  margin-top: 25px;
}

.row_content_info p span{
  font-family: var(--font-Montserrat);
}


.row_soport_devices{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}


.row_cards_data_info{
  width: 300px;
  height: 320px;
  padding:2em;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-radius: 15px;
  margin: 10px;
  margin-top: 30px;
  transition: all 0.3s ease;
  border:solid 1.5px var(--border-color);
}

.row_cards_data_info h1{
  font-size: 50px;
  margin-bottom: 15px;
}

.row_cards_data_info h2{
  margin-top: 15px;
  font-size: 18px;
}

.btn_support_team_legal{
  width: 200px;
text-align: center;
  padding: 12px 20px;
  color: var(--primary-color);
  background: var(--rgb-3);
  font-weight: bold;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 30px;
}

.btn_support_team_legal i{
  font-size: 17px;
}

.row_cards_info_price{
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  flex-wrap: wrap;
}

.cards_info_price{
  width: 320px;
  display: flex;
  flex-direction: column;
  background: var(--bg-white);
  padding: 2em;
  text-align: center;
  margin: 10px;
  border-radius: 20px;
  box-shadow: var(--shadow-row);
  border: solid 1px var(--border-color);
}

.cards_info_price h2{
  font-size: 14px;
  text-align: center;
}

.cards_info_price h1{
  font-size: 40px;
  display: flex;
  flex-direction: column;
  font-family: var(--font-Montserrat);
  margin-top: 15px;
}

.cards_info_price h1 b{
  font-size: 20px;
}

.cards_info_price h3{
  margin-top: 15px;
}

.cards_info_price h3 i{
  color: #00AB66;
}

.no_avilable i{
  color: tomato!important;
}

.row_price_source_code_panel{
  margin-top: 70px;
}

.row_price_services_device{
  margin-top: 50px;
}

.cards_info_price h5{
  font-size: 70px;
  margin-top: 15px;
}

.row_price_source_code_panel .cards_info_price h1{
  font-size: 30px;
  margin: 0 auto;
}

.cards_info_price a{
  width: 150px;
  margin: 0 auto;
  padding: 10px 20px;
  background: var(--rgb-2);
  border-radius: 20px;
  font-weight: bold;
  margin-top: 15px;
  color: var(--primary-color);
}

.row_price_services_device .cards_info_price h5{
  margin: 0 auto;
  margin-top: 15px;
}

.row_price_services_device .cards_info_price h1{
  margin: 0 auto;
}

.row_price_source_code_panel .cards_info_price h2{
  font-size: 16px;
}

.cards_info_price a{
  width: 160px;
}

.cards_info_price h2{
  margin-bottom: 10px;
}

.info_tools_links_download{
  width: 90%;
  margin: 0 auto;
  margin-top: 55px;
  position: relative;
  padding-bottom: 30px;
}

.row_content_info_end_page{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1em;
}

.row_content_info_end_page h1{
  width: 70%;
  text-align: center;
  margin-bottom: 20px;
}

.row_content_info_end_page h2{
  margin: 10px auto;
}


.menu_btn_open_responsive{
  display: none;
  position: absolute;
  right: 15px;
  width: 50px;
  height: 50px;
  border: none;
  font-size: 25px;
  top: 13px;
  color: var(--primary-color);
  background: var(--rgb-2);
  border-radius: 7px;
}

footer{
  width: 100%;
  padding: 1.5em;
  text-align: center;
}

footer h5{
  font-size: 15px;
}


#slider {
  position: relative;
  width: 50%;
  height: 32vw;
  margin: 50px auto;
  font-family: 'Helvetica Neue', sans-serif;
  perspective: 1400px;
  transform-style: preserve-3d;
}

input[type=radio] {
  position: relative;
  top: 108%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: 0 15px 0 0;
  opacity: 0.4;
  transform: translateX(-83px);
  cursor: pointer;
}


input[type=radio]:nth-child(5) {
  margin-right: 0px;
}

input[type=radio]:checked {
  opacity: 1;
  background: var(--primary-color);
}


#slider label,
#slider label img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: white;
  font-size: 70px;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 400ms ease;
}

/* Slider Functionality */

/* Active Slide */
#s1:checked ~ #slide1,
 #s2:checked ~ #slide2,
  #s3:checked ~ #slide3,
   #s4:checked ~ #slide4,
    #s5:checked ~ #slide5 {
  box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2);
  transform: translate3d(0%, 0, 0px);
}

/* Next Slide */
#s1:checked ~ #slide2,
 #s2:checked ~ #slide3,
  #s3:checked ~ #slide4,
   #s4:checked ~ #slide5,
    #s5:checked ~ #slide1 {
  box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
  transform: translate3d(20%, 0, -100px);
}


/* Next to Next Slide */
#s1:checked ~ #slide3,
 #s2:checked ~ #slide4,
  #s3:checked ~ #slide5,
   #s4:checked ~ #slide1,
    #s5:checked ~ #slide2 {
  box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
  transform: translate3d(40%, 0, -250px);
}

/* Previous to Previous Slide */
#s1:checked ~ #slide4,
 #s2:checked ~ #slide5,
  #s3:checked ~ #slide1,
   #s4:checked ~ #slide2,
    #s5:checked ~ #slide3 {
  box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
  transform: translate3d(-40%, 0, -250px);
}

/* Previous Slide */
#s1:checked ~ #slide5,
 #s2:checked ~ #slide1,
  #s3:checked ~ #slide2,
   #s4:checked ~ #slide3,
    #s5:checked ~ #slide4 {
  box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
  transform: translate3d(-20%, 0, -100px);
}



/* RESPONSIVE 850PX*/
@media (max-width: 960px){

  #slider {
    width: 70%;
    height: 40vh;
  }

  .logo_menu_home_page{
    width: 100%;
    left: 0;
    margin: 0;
    margin-top: 10px;
  }

  .row_soport_devices{
    width: 100%!important;
  }

  .row_cards_data_info{
    width: 85%;
    margin: 0;
    margin-top: 20px;
  }

  .btn_support_team_legal{
    margin-top: 20px;
  }

  .row_content_info{
    width: 100%;
    margin-top: -50px!important;
  }

   .header_nav_scrolled .logo_menu_home_page{
    margin-top: 20px;
  }

   .header_nav_scrolled .menu_btn_open_responsive{
    margin-top: 13px;
    right: 15px;
  }

  .row_price_services_device{
    width: 100%;
  }

  .row_cards_info_price{
    width: 100%;
  }

  .cards_info_price{
    width: 80%;
  }

  .row_price_source_code_panel{
    width: 100%;
  }

  .row_price_source_code_panel .row_content_info h1{
    font-size: 30px;
    padding: 10px;
  }

  .content_menu_data_home_page{
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: var(--bg-white)!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    box-shadow: var(--shadow-black);
  }

  .content_menu_data_home_page ul{
    width: 100%;
    flex-direction: column;
    margin: 10px auto;
  }

  .content_menu_data_home_page ul li{
    width: 50%;
    text-align: center;
    padding: 15px 15px;
    display: block!important;
    border-radius: 30px;
    margin-top: 10px;
    font-size: 18px;
  }

  .icon_menu_email i{
    font-size: 30px;
  }

  .login_btn_link{
    margin-bottom: 20px;
  }

  .row_content_info_end_page{
    width: 100%;
  }

  .row_content_info_end_page h1{
    width: 100%;
    padding: 1em;
    font-size: 25px;
  }

  .menu_btn_open_responsive{
    display: block;
  }

  .content_home_page_title{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .row_data_home_page{
    width: 100%;
    text-align: center;
  }

  footer{
    padding: 2em;
  }

  .row_data_home_page p{
    width: 100%;
  }

  .row_data_home_page a{
    width: 50%;
    margin: 10px auto;
  }

  .img_info_tool{
    width: 100%;
    background: red;
    margin-top: 20px;
  }

}
.barra_idioma{
  width: 100%;
  height: 30px;
  position: absolute;

}
.img_bandeira{
  width: 30px;
  height: 30px;
}
.idioma1{
  margin-left: 82%;
}
.idioma2{
  margin-left: 1px;
}