body{
  font-family: 'Open Sans', sans-serif;
  background-color: #000;
  color: #fff;
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: transparent;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}



footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #000;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #000;
}


/* Color white text
-------------------------------------------------- */

.color-text-white{
  color:white;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Since positioning the image, we need to help out the caption */


.carousel-caption {
  bottom: 15rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 50rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 50rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
  font-size: 5rem;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider-medium {
  margin: 3.5rem 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider-small {
  margin: 1rem 0  3rem; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.featurette-heading-standard {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.featurette-heading-standard {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {

  .featurette-heading {
    font-size: 95px;
  }

  .featurette-heading-standard {
    font-size: 50px;
  }
  
  .myDiv {
    display:none !important;
  }

}


@media (min-width: 62em) {

  .featurette-heading-small {
    margin-top: 1rem;
  }


}

@media (min-width: 768px) and (max-width: 991.98px){ 

  .lead {
    font-size: 1.2rem !important;
  }

  .img-size-png-estufa {
    width: 90% !important;
}

}


@media (max-width: 62em){

  .carousel-caption p {
    
    font-size: 1.2rem;
  }

  .shadow-ask {
    box-shadow: none !important;
    border-bottom-right-radius: 0px !important;
  }

  .btn-mobile-action{
    display: inline-block !important;
  }

  .btn-web-action{
    display: none !important;
  }

  .tittle-h2{
    font-size: 2rem !important;
  }
  .mt {
    margin-top: 1.5rem !important;
  }
  

  .mt-img{
    margin-top:1.5rem;
  }

  .hidde-element-mobile{
    display: none !important;

  }

  .hidde-element-web{
    display: block !important;

  }

  .toast {
    width: 325px !important;
  }

  #circle {
    width: 100% !important;
    height: auto !important;
  }

  #circlefire {
    width: 100% !important;
    height: auto !important;
  }

  #circle_smll {
    width: 100% !important;
    height: auto !important;
  }

  #circle_center {
    width: 100% !important;
    height: auto !important;
  }

  .featurette-heading {
    font-size: 45px;
  }

  .marketing h2 {

    font-size: 2.8rem;
  }

  .inline{
    display: inline-block !important;
  }

  .size-call {
    width: 40px !important;
  }
  .title-space{
    padding-top: 1rem !important;
  }
  .cta-txt{
    font-size: 2rem !important;
  }
  .space-chars {
    margin-top: 0px !important;
  }
  .spacer{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .maytag{
    margin-bottom: 10px;
  }
  .lg{
    margin-bottom: 10px;
  }
  .torrey{
    margin-bottom: 15px;
  }
  .daewoo{
    margin-bottom: 15px;
  }
  .teka{
    margin-bottom: 15px;
  }
  .electrolux{
    margin-bottom: 15px;
  }
  .koblenz{
    width: 100px !important;
    margin-top: 10px;
  }
  .iem{
    width: 90px !important;
    margin-bottom: 10px;
  }
  .samsung{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100px !important;
  }
  .smeg{
    width: 95px !important;
    margin-top: 5px;
  }
  
  .small-text{
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 10px;
  }
  .navbar-brand{
    margin-right: unset;
  }
  .frigidaire {
    width: 110px !important;
    margin-top: 5px !important;
  }

  .fridge-size{
    width: 65%;
  }

  .pay {
    width: 25%;
  }

  .clip {
    width: 40px;
  }
  .bbva {
    width: 65px;
  }
  .visa {
    width: 65px;
  }
  .master {
    width: 45px;
  }

  .display-btn{
    display: inline-block !important;
  }

  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 32rem;
  }
  .carousel-item > img {

    height: 32rem;
  }

  .carousel-caption {
    bottom: 5rem;
  }

  .whats {
    top: 55% !important;
  }

  

}

@media only screen and (max-width: 770px) {
  .marc{
    width:50%;
  }
  
}


/* ITEM SCROLLPY CSS CODE
------------------------------------------------------- */

.scrollspy-example {
  position: relative;
  height: 250px;
  margin-top: 1.2rem;
  overflow: auto;
}


/* GRID COLORS
-------------------------------------------------------- */

.cta-black{
  background-color: black !important;
  border-radius: unset !important;
  color:white; 
}

.cta-black-cement{
  background-color: #323333 !important;
  border-radius: unset !important;
  color:white; 
}

.cta-downgrey{
  background-color: #aaa !important;
  border-radius: unset !important;
  color:white; 
}

.cta-bluecream{
  background-color: #111526 !important;
  border-radius: unset !important;
  color:white; 
}

.cta-bluemaster{
  background-color: #006cdf !important;
  border-radius: unset !important;
  color:white; 
}

.cta-bluemarine{
  background-color: #222740 !important;
  border-radius: unset !important;
  color:white; 
}
.cta-grey{
  background-color: #646673 !important;
  border-radius: unset !important;
  color:white; 
}

.cta-red{
  background-color: red !important;
  border-radius: unset !important;
  color:white;
}

.cta-blue-ge{
  border-radius: unset !important;
  
}

.cta-mobg-ge{
  border-radius: unset !important;
  color:white; 
}

.cta-ge{
  border-radius: unset !important;
}

.bg-black{
  background-color: #000;
}

.bg-black-cement{
  background-color: #323333;
}

.text-black-cement{
  color: #323333;
}

.bg-bluecream{
  background-color: #111526;
}

.bg-grey{
  background-color: #646673;
}

.bg-downgrey{
  background-color: #aaa;
}

.bg-bluemaster{
  background-color: #006cdf;
}

.bg-red{
  background-color: red;
}
.padding-automatic-text{
  padding-bottom: 150;
  padding-left: 0;
  padding-right: 0;
  padding-top: 150;
}


.cta-div{
  width:100%;
  height:auto;
  background-color:#721dbf;
  -webkit-animation-name:example;
  -webkit-animation-duration:30s;
  animation-name:example;
  animation-duration:30s;
  animation-iteration-count:50;
  color:white !important;
}

@-webkit-keyframes example{
  0%{background-color:#721dbf}
  25%{background-color:#c432c9}
  50%{background-color:#f92c8b}
  100%{background-color:#721dbf}

}

@keyframes example{
  0%{background-color:#721dbf}
  25%{background-color:#c432c9}
  50%{background-color:#f92c8b}
  100%{background-color:#721dbf}
}



/* LINK FOOTER COLOR
-------------------------------------------------------- */

.link-footer{
  color:green;
}

/* ZINDEX first
---- */

.position{
  z-index:999999!important;
}

.shadow-ask {
  box-shadow: 5rem 4rem 4rem rgba(0,52,69,0.100);
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}

/* CANVA PARTICLES
-------------------------------------------------------- */


#particles-js{
  width: 100%;
  height: 400px;
  background-color: #222740;
  background-image: url('assets/img/logotipo-blanco-oficial.png');
  background-size: 160px 125px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* DISABLE Q&A OPTIONS LINK
-------------------------------------------------------- */
a.disabled {
  pointer-events: none;
  cursor: default;
}


/* TEXTOFORMAT CTA
-------------------------------------------------------- */

.text-color{
  color:white !important;

}

/*REMOVE DECORATION ON HOVER EFFECT

.text-color:hover{
  text-decoration: none;;
}

**/

 /* hidde btn mobile call
 ------------------------------------------------------- */
 .btn-mobile-action{
  display: none;
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


.tittle-h2{
  font-size: 6rem;
}



  /* TEXT SHOW
  -------------------------------------------------------- **/

  .text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
 }

/*MODAL DIALOG
----------------------------------------------------------- */

.modal-dialog{
  margin-top:20px;
}


/*IMG SIZE AND CORRROUSEL WIDTH
----------------------------------------------------------- */
.img-size-png{
  width: 65%;
}

.img-size-png-frigo{
  width: 85%;
}

.img-size-png-cava{
  width: 60%;
}
.img-size-png-estufa{
  width: 88%;
}
.carousel-caption {
  right: 12% !important ;
  left: 12% !important;
}



/*
---------------------------------------------------------- */

.myDiv {
  background-color: #ec0c10;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 12px 0px 0px 0px;
  display:none;
  font-size: 20px;
}

.whats-cta-sticky{
  float: right;
}

.call-cta-sticky{
  float: right;
}

.toast {
  position: fixed;
  z-index: 999;
  bottom: 5%;
  right: 5%;
  max-width: 550px;
}

.bg-red-frigidaire{
  background-color: #ee405ac4;
}

.hidde-element-web{
  display: none;

}

.color-frigidaire{
  background-color: #ee405a;
}

#circle {
  width: 100%;
  height: auto;
  background: #0d1e6f;
  border-radius: 50%;
}

#circlefire {
  width: 100%;
  height: auto;
  background: #0d1e6f;
  border-radius: 50%;
}

#circle_smll{
  width: 450px;
  height: 450px;
  background: #0d1e6f;
  border-radius: 50%;
}

#circle_center{
  width: 400px;
  height: 400px;
  background: #0d1e6f;
  border-radius: 50%;
}

.spacer{
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.title-space{
  padding-top: 2rem;
}

.cta-space{
  padding-top: 2rem;
}

.cta-txt{
  font-size: 3rem;
}

.circle{
  border-radius: 50%;
  padding: 1rem 1rem;
  margin-right: 15px;
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -o-transition: margin 0.5s ease-out;
}

.circlefire{
  border-radius: 50%;
  padding: 1rem 1rem;
  margin-right: 15px;
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -o-transition: margin 0.5s ease-out;
}

.circle:hover{
  cursor:pointer !important;
  margin-top: -10px !important;
}

.size-call{
  width: 100px;
}

.cava{
  width: 60px;
}

.zoom{
  transition: transform .5s; /* Animation */
}

.zoom:hover{
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.img-lavadora{
  width: 100%;
}

.content-center{
  margin: 0 auto;
}

.space-chars{
  margin-top: 50px;
}

.btn-ge{
  background-color: #0770d8;
  color: white;
}
.size-call-slide{
  width: 50px
}
.circle_slide{
  border-radius: 50%;
  padding: 1rem 1rem;
  margin-right: 15px;
}
.margin{
  margin-top: 15px;
}

.navbar-toggler{
  font-size: 1.5rem !important;
}

.frigidaire{
  width: 120px;
}
.maytag{
  width: 75px;
}
.lg{
  width: 60px;
}
.subzero{
  width: 105px;
}
.torrey{
  width: 100px;
}
.mabe{
  width: 75px;
}
.whirlpool{
  width: 75px;
}
.wolf{
  width: 80px;
}
.teka{
  width: 55px;
  margin-top: -10px;
}
.nieto{
  width: 80px;
}
.daewoo{
  width: 105px;
}
.electrolux{
  width: 105px;
}
.bosch{
  width: 95px;
}
.koblenz{
  width: 115px;
}
.samsung {
  width: 110px;
}
.acros{
  width: 110px;
}
.iem{
  width: 100px;
}
.smeg{
  width: 100px;
}

.align-mobile{
  padding-top: 60px;
}

.head-style{
  background-color: #000;
}

.height-head{
  height: 130px;
}

.logo-ge{
  width: 200px;
}

.new-width{
  max-width: 95%;
}
.bg-blue-ge{
  background-color:#0770d8;
}

.btn-blue-ge{
  background-color: #0d1623;
}

.img-refrigerador{
  width: 85%;
}

.bg-blue{
  background-color: #0d1623;
}
.color-blue{
 color:#0d1623;
 font-weight: bold;
}

.pharallax {
  font-size: 2.5rem;
  padding-top: 110px;
  background-image: url('../../assets/img/lavadoras.webp');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}

.pharallaxv2 {
  font-size: 2.5rem;
  padding-top: 110px;
  background-image: url('../../assets/img/oferta.webp');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}


.head-cta-chriss{
  background-color: #BB2528;
}

.body-cta-chriss{
  background-color: #165B33;
}

.toast-header {
  border-bottom: unset;
  color: black;
}

.close {
    /* 
    Chrismas color 
    color: #fff;
    */
  }

  .refrigeradores {
    width: 100%;
  }

  .subtitle-font{
    font-size: 2rem !important;
  }

  .bg-reed{
    background: #d60404 !important; 
  }

  .bg-bluee{
    background-color: #0d1e6f;
  }

  .lead {
    font-size: 1.5rem;
  }

  .fridge-size{
    width: 70%;
  }

  .carousel-fade{
    z-index: 999;
  }

  .btn-black{
    background-color: black;
  }

  .whats{
    right: 15px;
    top: 40%;
    background-color: #25D366;
    padding: 20px 20px;
    left: unset;
    float: right;
    border-radius: 70px;
  }

  .float-right{
    display: inline-block;
    float: right;
    text-decoration: none;
  }

  .modal-title{
    font-size: 3rem; 
    margin-left: auto;
  }

  .modal-header {
    border-bottom: unset;
  }

  .modal-footer {
    border-top: unset;
  }


  .dot {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    display: inline-block;
    padding-top: 18px;
    box-shadow: 2px 2px 5px #000000;
  }

  .navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color: rgba(255,255,255,.1);
  }


  .head-stick{
    padding-top: 30px;
    padding-bottom: 30px;
  }