:root {
  color-scheme: light only;
}


@font-face {
  font-family: GilroyBold;
  src: url("https://static.wixstatic.com/ufonts/186fbd_f3a5d63e3733490d968b4de98aa7ea62/woff2/file.woff2") format("woff2"),
  url("https://static.wixstatic.com/ufonts/186fbd_f3a5d63e3733490d968b4de98aa7ea62/woff/file.woff") format("woff"),
  url("https://static.wixstatic.com/ufonts/186fbd_f3a5d63e3733490d968b4de98aa7ea62/ttf/file.ttf") format("ttf");
  }
  
  @font-face {
  font-family: SocialCircles;
  src: url("https://static.wixstatic.com/ufonts/1ad91e_7c41ec2cca844de6a6916c31d2e9d677/woff2/file.woff2") format("woff2"),
  url("https://static.wixstatic.com/ufonts/1ad91e_7c41ec2cca844de6a6916c31d2e9d677/woff/file.woff") format("woff"),
  url("https://static.wixstatic.com/ufonts/1ad91e_7c41ec2cca844de6a6916c31d2e9d677/ttf/file.ttf") format("ttf");
  
  
  }
  
  @font-face {
  font-family: GilroyRegular;
  src: url("https://static.wixstatic.com/ufonts/186fbd_7297278daf174256b4ff290524ce8bb2/woff2/file.woff2") format("woff2"),
  url("https://static.wixstatic.com/ufonts/186fbd_7297278daf174256b4ff290524ce8bb2/woff/file.woff") format("woff"),
  url("https://static.wixstatic.com/ufonts/186fbd_7297278daf174256b4ff290524ce8bb2/ttf/file.ttf") format("ttf");
  }

body {

    font-family: GilroyBold!important;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: white!important;
    
}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #075aa8;
  font-family: GilroyBold;
  color: white;
  border-radius: 4px;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  right: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #075aa8;
}

.container {

  max-width: 1750px;
  margin: 0 auto;
}

.nav-menu-background {

  background-image: url("https://imagizer.imageshack.com/img922/4563/0eKUie.png");
background-size: auto;
background-repeat: no-repeat;
height: 800px!important;


}

.nav-links-redes {

  margin-left: 50px;
}

.nav-linsks a {

  text-decoration: none;
  
  color: white;
  margin-right: 20px;
  transition: 0.5s;
  font-family: GilroyBold;
}



.mobile {

  display: none;
}


.anima {

  animation: left-animation 5s 1 forwards;
  position: relative;
}

.anima2 {

  animation: fade-in 5s 1 forwards;

}



@keyframes left-animation {

  from {right: 450px;
        opacity:0;}
  to {right: 0px;}

}

@keyframes fade-in {

      from {opacity:0;}
      to {opacity:1;}
}

.header-row {

  display: flex;
}

.Titles-Text-Colunn {

  width: 40%;
  padding-top: 150px;
}

.box-colum {

  background: black;
  border-radius: 10px;
}

.Text-H3 h3 {

  color: white;
  font-size: 18px;
  padding: 50px;
  font-family: GilroyRegular;
}

.nav-linsks a:hover {

  color: #075aa8;
  background: white;
  box-shadow: #075aa8 0px 0px 10px 5px;
  padding: 10px;
  border-radius: 30px;
}

.nav-links-redes a {

  color: white;
  margin-right: 8px;
  font-size: 50px;
  font-family: SocialCircles;
  text-decoration: none;
  transition: all .5s ease-in-out;
  position: relative;
}


.nav-links-redes a:hover {

  
  color: black;
  position: relative;


}



.nav-menu {

  display: flex;
  height: 100px;
  align-items: center;
}

.nav-brand {

  flex: 1;
}

.nav-brand img {

  width: 130px!important;
}

.Titles-Colunn {

  padding-top: 150px;
  padding-left: 120px;
  width: 40%;
}

.Title-H1 {

  line-height: 35px;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin: 0;

}



.Title-H1 h1 {

  color: white;
  font-size: 70px;
  line-height: 70px;
  margin: 0px 0px 0px 0px;
  width: 70%;
  font-family: GilroyBold;
}

.Title-H1 h2 {

  color: white;
  width: 67%;
  font-weight: 400;
  margin: 0;
  font-family: GilroyRegular;
}


.Title-H1-2 {

  display: flex!important;
  justify-content: center!important;
}

.Title-H1-2 h1 {

  font-family: GilroyBold;
  color: #075aa8!important;
  text-align: center;
}

.title_description {

  display: flex;
  justify-content: center;
}

.form-product-name {

  display: flex;
  justify-content: center;
  color: white;
  text-transform: uppercase;
  height: 40px;
  align-items: center;
  width: 300px;;
  background-color: black;
}

.p_image {

  display: flex;
  justify-content: center;
  width: 300px;
  background: rgb(16,11,94);
  background: linear-gradient(90deg, rgba(16,11,94,1) 11%, rgba(7,90,168,1) 53%, rgba(34,71,154,1) 100%);
}

.p_image img {

  width: 80px;
  padding: 10px;
}

.form-product-description {

  width: 300px;
  height: 110px;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 15px;
  font-family: GilroyRegular;
  color: #075aa8;
  font-weight: 600;
}

.p_checkbox {

  display: flex;
  justify-content: left;
  background-color: black;
}

.p_checkbox input {

  border: 1px solid black;
  width: 20px;
  outline: none;
  height: 20px;
  display: inline-block;
}

#product-name-input_15_1000:hover + #product-name-description-input_15_1000 {

  color: red!important;

}




.products-all {

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.form-product-item {

  width: 300px;
  height: 420px;
  margin: 0.5%;
  box-shadow: #075aa8 0px 0px 8px 1px;
}

.form-product-details {

  display: flex;
  justify-content: center;
  font-size: 18px;
  color: green;
  font-family: GilroyRegular;
  letter-spacing: 2px;
  width: 300px;
  padding-top: 10px;
  font-weight: 400;
  height: 40px;
}

.form-sub-label-container {

  display: flex;
  justify-content: space-around;
  padding-top: 15px;
}

.quantity-box {

  background: black;
  color: white;
  height: 60px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.form-sub-label {

  padding-top: 5px;
}

.form-dropdown {

  width: 40px;
  height: 30px;
  outline: none;
}

.highlight { background: rgb(4, 224, 22);
  background: linear-gradient(90deg, rgb(10, 95, 3) 11%, rgb(43, 179, 9) 53%, rgb(10, 95, 3) 100%); }
.box-shadow { box-shadow: green 3px 3px 8px 1px; }

.payment_footer {

  width: 100%;
  margin-top: 30px;
  justify-content: right;
}

.total_area {

  border-top: solid black 1px;
  margin-right: 200px;
  float: right;
  width: 80%;
  justify-content: right;
}

.form-payment-total {

  display: flex;
  margin-right:100px;
  margin-top: 10px;
  font-size: 22px;
  justify-content: right;
}

.formulario {

  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 100px;
  flex-wrap: wrap;
  width: 100%;
}

.formulario input {

  height: 40px;
}

.sim {

  position: relative;
  left: 0px;
  bottom: 15px;
}

#id_14 {

  width: 42%;
  list-style: none;
  margin-top: 50px;

  
  
}

#cid_14 {

  position: relative;
  top: 10px;
}

#id_13 {

  width: 25%;
  list-style: none;
  margin-right: 50px;
}

#id_13 input {

  width: 335px;
  outline: none;
}

#id_12 {

  width: 25%;
  list-style: none;
  padding-top: 15px;
}

#id_12 input {

  width: 335px;
  outline: none;
}

#label_12 {

  position: relative;
  bottom: 12px;
}

#id_6 {

  width: 25%;
  list-style: none;
  margin-left: 50px;
}

#id_6 input {

  width: 335px;
  list-style: none;
}

#id_7 {

  list-style: none;
  width: 20%;
  margin-right: 20px;
  margin-top: 50px;
}

#id_7 input {

  width: 230px;
  position: relative;
  right: 10px;
}

#id_34 {

  width: 30%;
  list-style: none;
  margin-top: 50px;
  margin-left: 31px;
}

#id_34 select {

  width: 230px;
  height: 50px!important;
  position: relative;
  top: 13px;
}

#id_16 {

  display: flex;
  width: 100%;
  list-style:none;
  justify-content: center;
  margin-top: 50px;
}

#cid_16 {

  display: flex;
}

#input_16 {

  margin-right: 60px;
  text-transform: uppercase;
  font-family: GilroyBold;
  border: none;
  background-color: #075aa8;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  width: 200px;
  padding: 15px;
  transition: 0.5s;
  font-size: 20px;
}

#input_16:hover {

  background-color: green;
}

#input_reset_16 {

  padding: 10px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background: red;
  color: white;

  
}

li {

  list-style: none;
}

@media screen and (max-width: 1440px) {

 .container {

  max-width: 1300px;
 }


 #id_13 {

  width: 22%;
  list-style: none;
  margin-right: 60px;
}

#id_13 input {

  width: 310px;
  outline: none;
}

#id_7 {

  list-style: none;
  width: 20.5%;
  margin-right: 20px;
  margin-top: 50px;
}

#id_7 input {

  width: 230px;
  position: relative;
  right: 10px;
}



}


@media screen and (max-width: 1024px) {


  .container {

    max-width: 950px;
  }

  .Titles-Colunn {

    padding-top: 250px;
    padding-left: 30px;
    width: 50%;


}

.form-product-item {

  width: 320px;
  height: 420px;
  margin: 0.5%;
  box-shadow: #075aa8 0px 0px 8px 1px;
}

.form-product-name {

  display: flex;
  justify-content: center;
  color: white;
  text-transform: uppercase;
  height: 40px;
  align-items: center;
  width: 320px;;
  background-color: black;
}

.p_image {

  display: flex;
  justify-content: center;
  width: 320px;
  background: rgb(16,11,94);
  background: linear-gradient(90deg, rgba(16,11,94,1) 11%, rgba(7,90,168,1) 53%, rgba(34,71,154,1) 100%);
}

.products-all {

  display: flex;
  position: relative;
  right: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.total_area {

  border-top: solid black 1px;
  margin-right: 60px;
  float: right;
  width: 90%;
  justify-content: right;
}

#id_12 {

  width: 25%;
  list-style: none;
  padding-top: 15px;
}

#id_12 input {

  width: 230px;
  outline: none;
}

#id_7 {

  list-style: none;
  width: 22.5%;
  margin-right: 20px;
  margin-top: 50px;
}

#id_7 input {

  width: 250px;
  position: relative;
  right: 0px;
}

#id_34 select {

  width: 240px;
  height: 50px!important;
  position: relative;
  top: 13px;
}

}

@media screen and (max-width: 425px) {


  html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.formulario {

  display: flex;
  max-width: 280px;
  margin: 0 auto;
  margin-top: 100px;
  flex-wrap: wrap;
  width: 100%;
}
  


    .container {

      max-width: 300px;
    }

    .Titles-Colunn {

      padding-top: 50px;
      width: 100%;
  
  
  }

  @keyframes left-animation {

    from {right: 150px;
          opacity:0;}
    to {right: 0px;}
  
  }

  .Title-H1 {

    line-height: 15px!important;
    
  }

  .Title-H1 h1 {

    font-size: 40px;
    text-align: center;
    width: 100%;
    padding: 0;
  }

  .Title-H1 h2 {

    font-size: 20px;
    padding-top: 50px;
    width: 100%;
    text-align: center;
  }

  .Titles-Colunn {

    padding: 0;
    justify-content: center;
    
    
  }

  .box-colum {

    width: 100%;
  }

  .Titles-Text-Colunn {

    width: 100%;
    padding-top: 10px;
  }

  .header-row {

    display: inline;
  }

  .Text-H3 h3 {

    font-size: 14px;
    padding: 10px;
  }

  .nav-menu-background {

    height: 650px!important;
  }

  .nav-linsks a {

    display: none;
  }

 

  .nav-links-redes {

    display: none;
  }

  .mobile {



  display: inline-block;

  }

  .menu {
    
    display: flex;
  justify-content: center;
  margin-left: 0;
  margin-top: 80px;
  }

  .Title-H1-2 h1 {

    font-size: 22px;
  }


  .total_area {

    border-top: solid black 1px;
    margin-right: 20px;
    float: right;
    width: 100%;
    justify-content: right;
  }

  .form-payment-total {

    margin-right: 0;
  }

  #id_14 {

    width: 100%;
    list-style: none;
    margin-top: 50px;
  
    
    
  }

  #id_13 {

    width: 100%;
    margin-bottom: 10px;
  }

  #id_13 input {

    width: 250px;
  }

  #id_12 {

    width: 100%;
    list-style: none;
    padding-top: 15px;
  }

  #id_6 {

    margin-left: 0px;
    margin-right: 25px;
    width: 100%;
    margin-top: 10px;
  }

  #id_6 input {

    width: 250px;
  }
  
  #id_12 input {
  
    width: 250px;
    outline: none;
  }
  
  #id_7 {
  
    list-style: none;
    width: 100%;
    margin-right: 20px;
    margin-top: 10px;
  }
  
  #id_7 input {
  
    width: 250px;
    position: relative;
    right: 0px;
  }

  #id_34 {

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

  #id_34 select {

    width: 258px!important;
  }

  .products-all {


    right: 20px;
  }

  .form-product-item {

    width: 280px;
    height: 420px;
    margin: 10px 0px 10px 0px;
    box-shadow: #075aa8 0px 0px 8px 1px;
  }

  .form-product-name {

    display: flex;
    justify-content: center;
    color: white;
    text-transform: uppercase;
    height: 40px;
    align-items: center;
    width: 280px;;
    background-color: black;
  }
  
  .p_image {
  
    display: flex;
    justify-content: center;
    width: 280px;
    background: rgb(16,11,94);
    background: linear-gradient(90deg, rgba(16,11,94,1) 11%, rgba(7,90,168,1) 53%, rgba(34,71,154,1) 100%);
  }
  
  .p_image img {
  
    width: 80px;
    padding: 10px;
  }
  
  .form-product-description {
  
    width: 280px;
    height: 110px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 15px;
    font-family: GilroyRegular;
    color: #075aa8;
    font-weight: 600;
  }

  .form-product-details {

    width: 280px;
  }

  #id_16 {

    display: block;
  }

  #cid_16 {

    display: block;
  }

  #input_16 {

    margin-bottom: 10px;
    width: 250px;
    text-align: center;
  }

  #input_reset_16 {

    width: 250px;
  }

  
}

@media screen and (width: 375px) {

  .form-product-details {

    width: 280px;
  }

  #id_13 {

    width: 335px;
  }

  #id_13 input {

    width: 300px;
  }

  #id_12 input {

    width: 300px;
  }

  #id_6 input {

    width: 300px;
  }

  #id_7 input {

    width: 300px;
  }

  #id_34 select {

    width: 310px!important;
  }

  .form-line {

    width: 335px!important;
  }


}

@media screen and (width: 428px) {

  .form-product-details {

    width: 280px;
  }

  .products-all {


    right: -10px;
  }

  #id_13 {

    width: 335px;
  }

  #id_13 input {

    width: 100%;
  }

  #id_12 input {

    width: 100%;
  }

  #id_6 input {

    width: 50%;
  }

  #id_7 input {

    width: 50%;
  }

  #id_34 select {

    width: 50%;
  }

  .form-line {

    width: 335px!important;
  }


}