/*---------------------------------------------*/
                /*FUENTES*/
/*----------------------------------------------*/
@font-face {
    font-family: bebas;
    src: url(../fonts/BebasNeue-Regular.ttf);
}

@font-face {
    font-family: bebasBook;
    src: url(../fonts/BebasNeue-Book.ttf);
}

@font-face {
    font-family: GothamMedium;
    src: url(../fonts/GothamMedium.otf);
}

@font-face {
    font-family: GothamBook;
    src: url(../fonts/GothamBook.otf);
}

@font-face {
    font-family: GothamBold;
    src: url(../fonts/GothamBold.otf);
}


@font-face {
    font-family: Helvetica-Light;
    src: url(../fonts/Helvetica-Light.ttf);
}



@font-face {
    font-family: Helvetica-Bold;
    src: url(../fonts/Helvetica-Bold.ttf);
}

@font-face {
    font-family: GothamBlack;
    src: url(../fonts/Gotham-Black.otf);
}


@font-face {
    font-family: Gotham-Bold-Italic;
    src: url(../fonts/GothamBoldItalic.otf);
}


@font-face {
    font-family: RobotoBold;
    src: url(../fonts/RobotoSlab-Bold.ttf);
}

@font-face {
    font-family: RobotoSlabThin;
    src: url(../fonts/RobotoSlab-Thin.ttf);
}

@font-face {
    font-family: RalewayRegular;
    src: url(../fonts/Raleway-Regular.ttf);
}




@font-face {
    font-family: OswaldBold;
    src: url(../fonts/Oswald-Bold.ttf);
}

@font-face {
    font-family: OswaldExtraLight;
    src: url(../fonts/Oswald-ExtraLight.ttf);
}

@font-face {
    font-family: OswaldLight;
    src: url(../fonts/Oswald-Light.ttf);
}


@font-face {
    font-family: OswaldMedium;
    src: url(../fonts/Oswald-Medium.ttf);
}


@font-face {
    font-family: OswaldRegular;
    src: url(../fonts/Oswald-Regular.ttf);
}


@font-face {
    font-family: UbuntuBoldItalic;
    src: url(../fonts/Ubuntu-BI.ttf);
}




@font-face {
    font-family: UbuntuRegular;
    src: url(../fonts/Ubuntu-R.ttf);
}

@font-face {
    font-family: UbuntuItalic;
    src: url(../fonts/Ubuntu-I.ttf);
}


@font-face {
    font-family: HouseScript;
    src: url(../fonts/SignPainter-HouseScript-Regular.ttf);
}


/*---------------------------------------------*/
                /*GENERALES*/
/*----------------------------------------------*/



.alert-bkground{
    background: rgba(0,0,0,0.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 90000000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    
}


.poner{
    animation: animateHeight 0.5s forwards;
}

.sacar{
    animation:animateHeightsacar 0.5s forwards;
}


@keyframes animateHeight{
    0%{
        height: 0;
    }


    100%{
        height: 100%;
    }
}

@keyframes fadeOut{

    0%{
        opacity: 0;
    }


    100%{
        opacity: 1;
         display:none;
    }

}


@keyframes animateHeightsacar{
    0%{
        height: 100%;
    }


    100%{
        height: 0%;
        display:none;
    }
}


@keyframes showAlertWindow{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

header .submenu, footer .submenu{
    display:none;
}

header .submenu2, footer .submenu2{
    display:none;
}

header .submenu3, footer .submenu3{
    display:none;
}

.alert-window{
    width: 69rem;
    height: 25rem;
    position: absolute;
    top: 0;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: auto;
     animation: showAlertWindow 0.5s forwards;

}

.alert-window, .alert-window .header{
    border-radius:9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.alert-window .header{
    margin-top:0;
    width: 100%;
    background:#204F9D;
    color:white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
        padding: 6px 0 6px 6px;

}


.alert-window .body{
    position: relative;
    background: white;
    padding: 20px 0 20px 0;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;

}

.alert-window .body a{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

}


.alert-window .body h2{
    margin-bottom: 26px;
    font-family: GothamBlack;
    color: #204F9D;
    
}

#owl-2{
    display:none;
}


#creditos-online ul .number-cont,#creditos-sucursales ul .number-cont{
    /* display: inline-block; */
    float: left;
    margin-top: 10px;
}




#creditos-online ul li:not(.line) img,#creditos-sucursales ul li:not(.line) img{
    display:block;
    margin:auto;
}

#creditos-online  ul>li>.text-cont,#creditos-sucursales  ul>li>.text-cont{
    display:inline-block;
}

#creditos-online  ul>li>.text-cont>h4,#creditos-sucursales  ul>li>.text-cont>h4{
    float:left;
    /*padding-left: 6px;*/
    font-weight: bold;
}

#creditos-online ul .number,#creditos-sucursales  ul .number{
        padding: 6px 11px 6px 11px;
    border-radius: 50%;
    background: #204F9D;
    color: white;
}


#creditos-online ul .number.uno,#creditos-sucursales ul .number.uno{
        padding: 5px 12px 5px 12px;
}

#prestamo-decreto ul .number-cont,#creditos-sucursales ul .number-cont{
    /* display: inline-block; */
    float: left;
    margin-top: 10px;
}




#prestamo-decreto ul li:not(.line) img,#creditos-sucursales ul li:not(.line) img{
    display:block;
    margin:auto;
}

#prestamo-decreto  ul>li>.text-cont,#creditos-sucursales  ul>li>.text-cont{
    display:inline-block;
}

#prestamo-decreto  ul>li>.text-cont>h4,#creditos-sucursales  ul>li>.text-cont>h4{
    float:left;
    /*padding-left: 6px;*/
    font-weight: bold;
}

#prestamo-decreto ul .number,#creditos-sucursales  ul .number{
        padding: 6px 11px 6px 11px;
    border-radius: 50%;
    background: #204F9D;
    color: white;
}


#prestamo-decreto ul .number.uno,#creditos-sucursales ul .number.uno{
        padding: 5px 12px 5px 12px;
}

#creditos-sucursales .number-cont  h4,#creditos-online .number-cont  h4{
    margin-top:0 !important;
}

#creditos-sucursales .number-cont  h4,#prestamo-decreto .number-cont  h4{
    margin-top:0 !important;
}

#creditos-sucursales .number-cont .number{
    background:#204F9D;
}


@media screen\0 {


    section#form form h1.cursive, .modal h1.cursive{
        font-family: GothamMedium !important;
        padding-bottom:8px;
    }

    
    form select, .cambio select { 
    moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../storage/img/select-moz-arrow.svg') !important;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: right 14px;
     }

    


     form select::-ms-expand{
        display: none;
    }


    .cambio select::-ms-expand{
        display: none;
    }




}


@-moz-document url-prefix() {
   
    .cambio select::-ms-expand{
        display: none;
    }
}



@-moz-document url-prefix() {
   
    .cambio select { 
    moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../storage/img/select-moz-arrow.svg') !important;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: right 14px;
    width: 180px;
     }
}





li.line{
    display:none;
}


.step-by-step ul li{
   /* margin-left:113px !important;*/
}

.padding-top-98{
    padding-top:98px !important;
}

.bk-grey{
    background:#F3F4F4;
}


input:focus{
    outline: none;
}

select > option{
  color:grey;
}

body{
    overflow-y: hidden;
    overflow-x: hidden !important;
}
#content{
    overflow-x: hidden;
}

.bk-white{
    background:white;
}


.bk-blue{
   background: #204F9D;
    color: white !important;
}

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

.margin-bottom-24{
    margin-bottom:24px;
}

.bk-blue .blue{
    color:white !important;
}
.padding-80{
    padding:80px;
}

.padding-60{
    padding:60px;
}
.padding-top-33{
    padding-top:33px;
}

.padding-top-47{
    padding-top:47px;
}

.padding-top-50{
    padding-top:50px;
}

.padding-bottom-50{
    padding-bottom:50px;
}

.padding-top-100{
    padding-top:100px;
}

.padding-bottom-100{
    padding-bottom:100px;
}

.padding-0{
    padding:0;
}
iframe{
        width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow: hidden;
    height: 100%;


}



p{
    margin:0;
    font-family: GothamBook;
}

p>b{
    font-family: GothamBold;
}

h1{
	font-family: OswaldLight;
	letter-spacing: 2px;
	margin:0;
    color: #204F9D;
    font-size: 50px;
}

h1>b{
	font-family: OswaldMedium;
}

h2{
	font-family: GothamBook;
	margin:0;
}

h2>b{
	font-family: GothamBlack;
}

h4,h3{
	font-family: GothamBold;
	margin:0;
}

h4>b{
	font-family: GothamBlack;
}

hr{
    margin:0;
}

a.border-btn{
    font-size: 17px;
    font-family: GothamBold;
}

a,a i{
    
     -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  cursor:pointer;

}

a:hover{
    text-decoration: none;
}

.no-overflow{
    overflow-y: hidden;
}


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

.blue{
	color:#204F9D;
}

.red{
	color:#EE4E23;
}


.green{
    color:#00A551;
}

.violet{
    color:#EF4623 ;
}

.green-rs{
    color:#83BB6D;
}


.gray{
    color:#585757;
}

.gray.sinStock{
    background-color:#585757;
    color:white !important;   
    cursor:initial !important;
}


.bk-red{
    background-color:#204F9D; 
}

.border-color-red{
    border-color: red !important;
      -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}

.border-color-green{
    border-color: #3ce23c  !important;
      -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}


.margin-top-35{
    margin-top:35px;
}

.margin-top-23{
    margin-top:23px;
}

.margin-left-28{
    margin-left:28px;
}


.margin-left-20{
    margin-left:20px;
}


.margin-top-40{
    margin-top:40px;
}

.margin-top-100{
	margin-top:100px;
}

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

.margin-top-60{
    margin-top:60px;
}


.margin-bottom-25{
    margin-bottom:25px;
}

.margin-bottom-100{
    margin-bottom:100px;
}

.margin-bottom-50{
    margin-bottom:50px;
}

.margin-top-70{
    margin-top:70px;
}


.margin-top-80{
    margin-top:80px;
}


.margin-top-44{
    margin-top: 44px;
}

.margin-top-25{
	margin-top:25px;
}

.margin-left-10{
    margin-left:10px;
}

.margin-top-30{
    margin-top:30px;
}


.margin-top-35{
    margin-top:35px;
}


.margin-top-10{
	margin-top:10px;
}

.margin-top-5{
    margin-top:5px;
}

.padding-10{
    padding:10px;
}

.padding-bottom-47{
    padding-bottom:47px;
}

 ul li { 
	list-style:none;

  }


  ul{
  	padding:0;
  }




  .border-btn{
  	
    letter-spacing: 1px;
    font-size: 17px;
    border-width: 2px;
    border-style: solid;
   
    border-radius: 30px;
    padding: 14px;

        width: 335px;
  }

  .border-btn.red{
  	color: #EE4E23;
  	border-color: #EE4E23;
  }


  .border-btn.white{
    color: white;
    border-color: white;
  }


  .border-btn.blue{
  	color: #204F9D;
  	border-color: #204F9D;
  }

   .border-btn.blue:hover{
    background-color:#204F9D;
    color:white;
  }

  .border-btn.gray{
    color: #585757;
    border-color: #585757;
  }



   .border-btn.gray:not(.sinStock):hover{
    background-color:#EF4623;
    border-color: #EF4623;
    color:white !important;
  }


  .border-btn.red:hover{
    background-color:#EE4E23;
    color:white;
  }


  .border-btn.white:hover{
    background-color: white;
    color:#00A5E7;
  }

  .border-btn.white.cambio:hover{
    background-color: white;
    color:#00A551;
  }


.big.border-btn{
    font-size: 28px;
    padding: 14px 47px;
}

.big.border-btn.red{
    border-color:white;
    background:#EE4E23;
    color:white;
}

.big.border-btn.red:hover{
    background:white ;
    color:#EE4E23;
}

.big.border-btn.blue{
    border-color:white !important;
    background:#006EA1;
    color:white;
}



.big.border-btn.blue:hover{
    background:white;
    color:#006EA1;
}


#creditos-sucursales ul.flex li,#creditos-online ul.flex li{
    flex-basis:300px;
}

#creditos-sucursales ul.flex li,#prestamo-decreto ul.flex li{
    flex-basis:300px;
}

@-moz-document url-prefix() {
  ul.flex li/*:not(:first-child)*/{
    /*margin-left:26px;*/
}
}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.pattern{
background: radial-gradient(transparent 15%, transparent 16%) 0 0, radial-gradient(transparent 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;    background-color: #00A5E7;
    background-size: 16px 16px;


}

.my-container{
    width: 90%
}

#content{
    margin-top:93px;
}

.space-grey{
     background: #F3F4F4;
    height: 66px;
}


.padding-top-77{
    padding-top:77px;
}
/*---------------------------------------------*/
                /*HEADER*/
/*----------------------------------------------*/

header{
    padding: 20px 43px;
    position:fixed;
    top:0;
    z-index: 3;
    width: 100%;
    font-family: GothamBook ;
    background:#f9f9f9;
        -webkit-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    box-shadow: -5px 10px 30px -24px rgba(0,0,0,0.75);
    height: 93px;
}


header ul.menu{
	
    float: right;
    margin-top: 17px;
    padding: 0;
    list-style: none;
}

header ul.menu>li {
	float:left;
    position:relative;
    margin-right:21px;
}


 ul.overlay-xs-menu .xs-item{
    display:none;
}
header .boton-menu-desplegable{
    display:none;
}

a.active:after{
  width: 100%;  
}


header ul.menu>li:first-child{
        /*margin-right: 21px;*/

}
header ul.menu>li:not(:first-child){
	margin-left:0;
}


header ul.menu>li>a {
       color: #00A5E7;
    letter-spacing: 1px;
    /*font-size: 19px;*/
    font-size: 31px;
	border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 30px;
    /*padding: 14px;*/
}


header .col-lg-10 ul.menu>li>a {
       color: #00A5E7;
    letter-spacing: 1px;
     /*font-size: 16px;*/
	 font-size: 31px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 30px;
    /*padding: 14px;*/
}



header.cambio .col-lg-10 ul.menu>li>a {
       color: #00A551;
}




header ul.menu>li>a.after-btn:after {
    content: "";
    display: block;
    background-color: #EE4E23;
    height: 2px;
    width: 0%;
    -webkit-transition: 0.2s width;
    transition: 0.2s width;
    margin-top: 6px;
    margin-left:auto;
    margin-right: auto;
}

header ul.menu>li>a:hover:after{
    width: 90%;
}

header ul.menu>li>a[href='/saca_tu_prestamo'] {
       color: #204F9D;
    letter-spacing: 1px;
   font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #204F9D;
    border-radius: 30px;
    padding: 14px;
}

header ul.menu>li>a[href='/micuenta/quiero-pagar.php'] {
       color: #204F9D;
    letter-spacing: 1px;
   font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #204F9D;
    border-radius: 30px;
    padding: 14px;
}

header ul.menu>li>a[href='/medios_pago'] {
    color: #204F9D;
    letter-spacing: 1px;
    font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #204F9D;
    border-radius: 30px;
    padding: 14px;
}

header ul.menu>li>a[href='/medios_pago']:hover {
    color: white;
    background:#204F9D;
}

header ul.menu>li>a[href='/medios_pago']:active {
    color: #204F9D !important;
}


header ul.menu>li>a[href='/medios_pago']:focus {
    color: #204F9D !important;
    background:transparent;
}

header ul.menu>li>a[href='/cambio'] {
       color: #00A551;
    letter-spacing: 1px;
   font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #00A551;
    border-radius: 30px;
    padding: 14px;
}


header ul.menu>li>a.shop {
       color: #EF4623;
    letter-spacing: 1px;
   font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #EF4623;
    border-radius: 30px;
    padding: 14px;
}

header ul.menu>li>a.covid {
    background-color: #E74826;
    color: white;
    letter-spacing: 1px;
    font-size: 12px;
    border-width: 2px;
    border-style: solid;
    border-color: #E74826;
    border-radius: 30px;
    padding: 7px;
	margin-top: -12px;
}


header ul.menu>li>a[href='/cambio']:hover {
       color: white;
    background:#00A551;
}

header ul.menu>li>a[href='/cambio']:active {
     color: white !important;
}


header ul.menu>li>a[href='/cambio']:focus {
     color: #00A551 !important;
      background:transparent;
}

header ul.menu>li>a[href='/saca_tu_prestamo']:hover {
       color: white;
    background:#204F9D;
}


header ul.menu>li>a[href='/saca_tu_prestamo']:active {
       color: #204F9D !important;
}


header ul.menu>li>a[href='/saca_tu_prestamo']:focus {
       color: #204F9D !important;
       background:transparent;
}


header ul.menu>li>a[href='/micuenta/quiero-pagar.php']:hover {
       color: white;
    background:#204F9D;
}


header ul.menu>li>a[href='/micuenta/quiero-pagar.php']:active {
       color: #204F9D !important;
}


header ul.menu>li>a[href='/micuenta/quiero-pagar.php']:focus {
       color: #204F9D !important;
       background:transparent;
}



header ul.menu>li>a.shop:hover {
       color: white;
    background:#EF4623;
}


header ul.menu>li>a.shop:active {
       color: #EF4623 !important;
       background:transparent;
}


header ul.menu>li>a.shop:focus {
       color: #EF4623 !important;
       background:transparent;
}

header ul.menu>li>a.covid:hover {
    color: #E74826 !important;
    background:transparent;
}

header ul.menu>li>a.covid:focus {
    color: white;
    background:#EF4623;
}
header ul.menu>li>a.covid:active {
    color: white;
    background:#EF4623;
}

header ul.menu>li>a:not(.rr-ss):active,header ul.menu>li>a:not(.rr-ss):focus{
   color:#EE4E23;

}

header ul.menu>li>a i {
    color:#204F9D;
}

header.cambio ul.menu>li>a i {
    color:#00A551;
}

header ul.menu>li>a.rr-ss i{
       font-size: 24px;
    margin-top: -4px;
}


header ul.menu>li>a.rr-ss{
    padding:0;
    margin-left:15px;
}

header ul.menu>li>a.rr-ss:hover i{
    color:#EE4E23;
}


header ul.submenu{
    background:rgba(31, 151, 204, 0.95);
    margin-left: 18px;
    display:none;
    position:absolute;
        top: 39px;
    width: 248px;
}

header ul.submenu li{
    padding:10px;
}

header ul.submenu li a{
    color:white;
    font-size: 15px;
}

header ul.submenu li a:hover{
    color: lightgrey;
}

header ul.submenu li:not(:first-child){
    border-top: 1px solid white;
}

header ul#nav li{
    position:relative;
}

header ul#nav li span{
    display: block;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    /* bottom: 0; */
    /*background: #00a5e7;*/
    color: #00a5e7;
    margin: auto;
    width: 60px;
    border-radius: 14px;
    font-size: 10px;
    padding: 2px 0px;
}

header ul#nav li span b{
    font-family: GothamBold;
}


 ul#xsMenu li span{
    background: white;
    color: #204F9D;
    margin: auto;
    width: 60px;
    border-radius: 14px;
    font-size: 10px;
    padding: 2px 5px;
    vertical-align: text-top;
}



#xsMenu i{
        font-size: 29px;
}

.close-menu-xs{
    float:right;
    margin-top: 4%;
    margin-right: 4%;
}



.close-menu-xs i {
        font-size: 2.3rem;
    color: #204F9D;
    margin-right: 16px;
}
.xs-row img{
    float:left;
}
#xsMenu.cambio .close-menu-xs i{
    color: #00A551;
}


 .logo{
    width: 250px !important;
}

.xs-row{
    position:absolute;
    top:0;
    z-index: 2;
    padding:0;
}


.xs-row i{
    float: right;
    font-size: 3rem;
    color: #204F9D;
    margin-top: 6px;
}


header.cambio .xs-row i{
    color: #00A551;
}

.btn-cont{
    height: 48.875px;
}


.overlay-xs-menu {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 50000;
    display: block;
        background-color: rgba(255, 255, 255, 0.9);
    animation: openMenu 0.9s cubic-bezier(.19,1,.22,1) forwards;
    padding-left: 0;
    text-align: center;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.overlay-xs-menu li {
        margin-top: 24px;
}





.overlay-xs-menu .left {
    float:left;
        margin-left: 16px;
}

.overlay-xs-menu li a.xs-btn {
    font-size: 1.8rem;
    color: #204F9D;
    font-family: GothamBold;
}


.cambio.overlay-xs-menu li a.xs-btn {
    color: #00A551;
}

.cambio.overlay-xs-menu li a.xs-btn:hover {
    color: #EE4E23;
}


.overlay-xs-menu li a.xs-btn:hover {
    color: #114980;
    text-decoration: none;
}

.overlay-xs-menu .center-block{
    width: 105px;
    height: 55px;
}

.overlay-xs-menu .xs-btn a img{
    margin-top:16px;
    width: 77px;
}

@keyframes openMenu{
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}


.addBkground{
    background:rgba(45,45,45,0.70);
}

.removeBkground{
    background:transparent;
}




/*---------------------------------------------*/
                /*1-FORM*/
                /*MODAL FORM*/
/*----------------------------------------------*/

section#form{
	    width: 100%;
	background-image: url(../storage/img/Argenpesos_Landing_5_Banner-home-FONDO.jpg);
    background-repeat: no-repeat;
    padding: 40px;
    color:white;
    position:relative;
}


section#form #fix-celular{
    width:90%;
}

section#form #cod_area{
    width:90%;
    height:33px;
}

section#form ul.flex{
    justify-content: center !important;
    flex-wrap: nowrap;
}
section#form.cambio ul.flex{
 flex-wrap: wrap !important;   
}


section#form .form-cont{
    background:rgba(177, 177, 177, 0.5);/*rgba(256,256,256,0.5)*/
    padding: 35px;
    border-radius: 7px;
    max-width: 806px;
    min-width: 300px;
}

section#form .first{
    max-width: 871px;
    min-width: 271px;
}

section#form .form-cont input, .modal input, .modal label, .modal select{
    font-size: 17px !important;
}



section#form form h1.cursive, .modal h1.cursive {
    font-family: HouseScript;
    font-size: 42px;
}

section#form form h2, .modal form h2 {
    font-family: GothamBlack;
    
}

section#form form .border-btn {
        font-size: 21px;
    width: 389px;
    padding: 5px;
}


section#form form .btn-row,.modal form .btn-row  {
           height: 35px;
    width: 100%;
}


section#form ul li h3, .modal ul li h3{
    font-size: 28px;
}


section#form ul li h1, .modal ul li h1{
    font-size: 49px;
    color:white;
    line-height: 67px;
}

section#form .first ul{
    width: 450px;
    margin-right: 50px;
    float: right;
}


 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


input[type=number] {
    -moz-appearance:textfield;
}

form input, form select, .cambio select{
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;
    padding-left: 0 !important;
    outline: 0;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-family: GothamBook;
        font-size: 17px !important;
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.cambio select{
    color:#00A551 !important;
}


form input, form select{
    color:white !important;
}

@-moz-document url-prefix() {
  form select {
    moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../storage/img/select-moz-arrow.svg') !important;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: right 14px;
  }
}






form label{
    color:white;
}

form div p{
    color:white;
}

input::placeholder { color: white; }

::placeholder {
  color: white !important;
}


section#form .border-btn.red{
    background:#EE4E23 ;
    color:white;
}
section#form .border-btn.blue{
    border-color:#006EA1;
    background:#006EA1;
    color:white;
}



section#form .border-btn.red:hover{
    background:white ;
    color:#EE4E23;
}
section#form .border-btn.blue:hover{
    background:white;
    color:#006EA1;
}

section#form .first img{
    vertical-align: initial;
}

section #form .form-cont img{
        vertical-align: 4px;
}

/*---------------------------------------------*/
                /*COMO FUNCIONA ONLINE*/
/*----------------------------------------------*/

ul.flex{ 
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content:center;
    


 }

.flex-align-vert{
    display:flex;
    flex-direction: column;
}

.flex-align-vert.child{
    align-items: center;
    align-content: center;
    margin: auto;
}

@media screen\0 {
 ul.flex{ 
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
   

 }
 }
 #como-funciona h1:first-child{
    
    margin-bottom: 28px;
 }





.step-by-step ul{
    /*width: 1195px;*/
}

.step-by-step ul .line img{
    margin-top: 34px;

}


ul li h4{
    font-family: GothamBook;
    line-height: 24px;
    margin-top:10px;

}


#adelantos-online{
	padding-top:40px;
	padding-bottom:40px;
	background: #F3F4F4;
}




/*---------------------------------------------*/
                /*SLIDER*/
/*----------------------------------------------*/





.owl-carousel .owl-stage-outer{
  z-index: -1 !important;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -47px !important;
}

.owl-theme .owl-dots .owl-dot span{
      background: white !important;
    width: 5px;
    height: 5px;
    margin: auto;
    opacity: 0.5;
    -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;

}

.owl-theme .owl-dots .owl-dot.active span {
      background: white !important;
      border-color:white;
      animation: opacity_animation 1s;
       opacity: 1 !important;
}
.owl-theme .owl-dots .owl-dot{
  outline:none;
}



.mySlide {
    background:url(../storage/img/bkground-cambio.jpg);
    
}

/*---------------------------------------------*/
                /*CONTACTO*/
/*----------------------------------------------*/




#contacto ul li:not(:first-child){
    /*margin-left:86px;/*antes 100*/
}



#contacto ul li{
    flex-basis:228px;
}


#contacto ul { 
    /*width: 1200px;*/
     }
#contacto h1 {
    font-family: GothamBold !important;
    font-size: 42px
}


#contacto.padding-60{
    padding: 60px 0 60px 0 !important;
}



@media screen\0 {
    
#contacto .flex li {
    flex-basis:220px;
}
}



/*---------------------------------------------*/
                /*FOOTER*/
/*----------------------------------------------*/
.padding-12{
        padding: 12px 12px;
}


footer p { 
    color:white;
    font-size: 19px;


 }
footer .cuit{
/*  background: #D6D6D6;padding: 11px;color: #8E8E8D;    margin-top: 35px;	*/
     background: #D6D6D6;padding: 11px;color: #8E8E8D;
}

footer .cuit p{
    color: #8E8E8D;
    font-size: 12px;
}

 hr{
    height: 1px;
    background-color: #5D5D5D;
        margin-top: 12px;
 }


 footer a{
    font-size: 16px;
 }

footer h4{
        font-size: 19px;
}

footer a:hover{
    color:#00A5E7;
}

footer a.blue, footer a.red{
    letter-spacing: 1px;
}

footer a.blue:hover{
    color:grey;
}


footer a.green:hover{
    color:grey;
}

footer a.violet:hover{
    color:grey;
}


footer a.red:hover{
    color:grey;
}

 footer h4,footer,footer a {
    font-family: GothamBook;
    color:#5D5D5D;
 }


footer b { 
    font-family: GothamBold;

 }

 footer .first p>b { 
    
    font-family: UbuntuBoldItalic;

 }


 footer .first p {
    font-family: UbuntuItalic;
 }

.terminos .terminos p{
    color:grey;
    font-size: 12px;
        margin-top: 21px;
        text-align: center;
 }


/*---------------------------------------------*/
                /*SACAR PRESTAMO FORM*/
/*----------------------------------------------*/


.tool-tip{
    position: absolute;
    right: 0;
    width: 255px;
    top: 80px;
    padding: 10px 7px;
    border-radius: 6px;
    background: rgba(255, 107, 82, 0.7);
        -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -ms-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
  transition: all 0.50s ease-in-out;
  opacity:0;
}

.tool-tip:hover{
    background: rgba(255, 107, 82, 1);
}

.tool-tip:after, .tool-tip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}


.tool-tip:before {
       border-bottom-color: rgba(255, 107, 82, 0.7);
    border-width: 9px;
    margin-left: 77px;

}

.tool-tip h3{
    font-family: GothamBook !important;
        letter-spacing: 1px;
}


.full-bk .close-btn{
    display:block;
}

.full-bk .close-btn:hover i, #helpShop .modal-header a i:hover{
    color:grey;
}

.full-bk .close-btn i, #helpShop .modal-header a i{
        font-size: 34px;
    margin-right: 20px;
    margin-top: 20px;
    color: #EE4E23;
}

#preguntasFrecuentesBtn{

    border-radius: 50%;
    width: 65px;
    height: 65px;
 background: rgba(248,80,50,1);
background: -moz-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(248,80,50,1) 1%, rgba(241,111,92,1) 14%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(1%, rgba(248,80,50,1)), color-stop(14%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(248,80,50,1) 1%, rgba(241,111,92,1) 14%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(248,80,50,1) 1%, rgba(241,111,92,1) 14%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(248,80,50,1) 1%, rgba(241,111,92,1) 14%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(135deg, rgba(248,80,50,1) 0%, rgba(248,80,50,1) 1%, rgba(241,111,92,1) 14%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
    top:10px !important;
    right:15px !important;

  cursor:pointer;
}

.small-bk{
    position: fixed;
    top: 10%;
    bottom: 0;
    transform:scale(0);
    z-index: 50000;
    background-image: url(../storage/img/covid19.png);
    background-repeat: no-repeat;
    background-size: contain;
    color:white;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    min-height: 10em;
    width: 430px;


}

@media only screen and (max-width: 450px) {
    .small-bk {
        width: auto;
    }
}

.small-bk .close-btn i{
    font-size: 23px;
    margin-right: 3px;
    margin-top: 8px;
    color: #EE4E23;
    margin: 3%;
    background-color: white;
    border: 1x solid grey;
    border-radius: 50%;
}


.full-bk{
    background: white;
    width: 100vw;
    height: 104vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
     transform:scale(0);
     overflow-y: scroll;
         z-index: 10;
}

.scale{
    animation:scale 0.5s;
     animation-fill-mode: forwards;  
}


.noScale{
    animation:noScale 0.5s;
     animation-fill-mode: forwards;  
}

@keyframes scale{
    0%{
        transform:scale(0);
    }


    100%{
        transform:scale(1);
    }
}


@keyframes noScale{
    0%{
        transform:scale(1);
    }


    100%{
        transform:scale(0);
    }
}




#preguntasFrecuentesBtn.interfaceFormBtn {
    padding: 5px 7px 15px 10px;
    border: 1px solid #a7a7a7;
    z-index:1;
}


#preguntasFrecuentesBtn.interfaceFormBtn:hover h1{
    color: lightGray;

}



#preguntasFrecuentesBtn.interfaceFormBtn:hover .tool-tip{
    opacity:1;

}





#preguntasFrecuentesBtn.interfaceFormBtn h1{
    color: white;
    font-weight: bolder;
    font-size: 48px;
        -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  font-family: OswaldMedium;
}


   #interfaceFormBtnXs{
        display:none;
    }

#prestamo-form .left-side .go-to-form{
    display:none;
}

.checkbox, .radio {
    margin-bottom: 0 !important;
}


#prestamo-form form input,#prestamo-form form select{
    font-size: 18px !important;
} 

#prestamo-form .border-btn{

    padding: 6px 19PX;
}

.celular-inputs-container{
    height: 32px;
}

#prestamo-form .last-row input[type='radio']{
    width: 32px;
    height: 41px;
    margin-right: 39px;
    right: 158px;
}

#prestamo-form .radio label{
    font-size:18px;
}

.grecaptcha-badge{
    display:none;
}
#prestamo-form   .radio input[type=radio] {
    margin-top: 7px;
}

#prestamo-form select > option{
  color:grey;
}

.error{
    font-weight: bolder;
    color:#F9E822;
    display:none;
    margin-top:14px;
    max-height: 20px;
}

#prestamo-form #telefono-error{
    /*margin-top:48px;*/
}

#form-home .error{
    color:#EE4E23;
    margin-top:0;
}

.remove-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: none !important;
}


#celular,#fix-celular{
    float:left;
}

#celular{
    width: 81%;
    margin-left: 4%;
}

#fix-celular{
    width:15%;
}

#celular-label{
    display:block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.valid-feedback.feedback-icon, .invalid-feedback.feedback-icon {
    position: absolute;
    width: auto;
    bottom: 7px;
    right: 20px;
    margin-top: 0;
    display: none;
}

.invalid-feedback.feedback-icon{
        bottom: 38px !important;
}

.valid-feedback {
    color: #08ff08;
}

.invalid-feedback {
    color: #e83838;
}


#prestamo-form .row{
    margin-top:22px;
}

#prestamo-form form h1,#prestamo-form form h2{
    color:white;
}


#prestamo-form form h2{
    font-family: GothamBlack;
}

#prestamo-form .border-btn.red{
    background-color: #EE4E23;
    color:white;
    width: auto;
}

#prestamo-form .border-btn.red:hover{
    background-color: #d64720;

}

#prestamo-form .form-cont{
    padding:40px;
   max-height: 1000px;
    min-height: 808px;

}


#prestamo-form .radio-btn{
    margin-bottom:0 !important;
  /*  margin-top:16px;*/
    padding-top:9px;

}

#prestamo-form  label {
    font-family: GothamBook;
    font-size:15px;

}

#prestamo-form  .radio:not(:nth-child(1)){
    margin-left:15px;
}


#prestamo-form  .radio{
    margin-top:auto !important;
}

#prestamo-form .left-side h1{
    color:#00A5E7;
}

#prestamo-form .left-side  h3{
    color:white;
}

#prestamo-form .left-side  #cobrarPorCuenta h3, #prestamo-form .left-side  #cobrarPorCuenta p{
    color:#232425;
    font-family: GothamBook;
}

#prestamo-form .left-side #cobrarPorCuenta h3 img{
        vertical-align: baseline;
}

#prestamo-form .last-row{
    width:80%;
    padding-bottom: 0px;
}

#prestamo-form .localidad-col{
    position:relative;
}


#prestamo-form .localidad-col #status {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    right: 0;
    border: 3px solid #ffffff;
    border-top: 3px solid gray;
    width: 24px;
    height: 24px;
}


.range-cont{
   
    margin-top: 27px;
    padding-bottom:60px;
}

.range-cont output{
       margin-top: 5px;
    font-size: 34px;
    color: white;
    /* font-weight: bolder; */
    font-family: GothamBlack;
    position:absolute;
}

.range-width, .range-out{
    width: 75%;
}
/*SUCURSALES*/

.gm-style-iw-d div{
    font-size: 17px;
}


#sucursales ul li {
    font-family: GothamBook;
    font-size: 16pt;
    margin-bottom: 13px;
}

#sucursales ul li a{
    cursor:pointer;
    color:#333;
    -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}


#sucursales ul li a:hover{
    color:grey;
}

#sucursales #map{
        width: 100%;
    height: 624px;
}

/**************INSTITUCIONAL***********************/

#institucional p{
        font-size: 16px;
}
.card-header{
    background: #E6E7E8;
    padding: 4px;
    height: 84px;
}

.card-header h3{
    font-family: GothamBook;
}

.card-header h3>b{
    font-family: GothamBold;
}   

.card-header h5.mb-0{
    text-align: center;
}

.card-header button h3{
         -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  cursor:pointer;
}

.card-header button:hover{
    text-decoration: none;
    color:#204F9D;
}

.card-header button:active,.card-header button:focus{
    outline:0 !important;
    text-decoration: none !important;
}

.card-header button:hover h3{
    color:#204F9D;
}

.card-header button.btn-link h3{
    color:#204F9D;
}

.card-header button.collapsed h3{
    color:#EE4E23 !important;
}

.card-header button.collapsed h3 .arrow{
    background-image: url(../storage/img/down-arrow-red.png) !important;
}


#institucional p{
    line-height: 28px;
}
#institucional>.container>p {
    
    margin-left: auto;
    margin-right: auto;
}

.card-body .row{
    padding:20px;
}

.card-body .row ul{
    display:flex;
    flex-direction: row;
    padding-left: 150px;
}


.card-body .row ul .img-cont{
        width: 92px;
    position: relative;

}

.card-body .row ul li.li-line{
    width: 43px;
}


.card-body .row ul li.li-text{
       margin-left: 0px;
    width: 65%;
}

.card-body .row ul li.li-line .vertical-line{
    width: 43px;
    border-left: 2px solid #ee4e23;width: 0px;height: 78px;padding: 0;margin:auto;height: 100%;
}

.card-body .row ul li img {
    margin-top: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-right: 0;
}

.card-header .arrow{
    background-image: url(../storage/img/down-arrow-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: auto;
}

/**********RESP SOCIAL**********************/

#club_argenpesos .resp-soc-row:not(:first-child){
    margin-top:50px;
}

#club_argenpesos .titulos{
    font-weight: 700;
    text-align: left;
    padding:0;
    font-family:GothamBold;
}

#club_argenpesos .subtitulos{
        font-weight: normal;
    text-align: left;
    padding: 0;
    margin-top: 10px;
    font-size: 17px;
    font-family: GothamBook;
}

#club_argenpesos .img-section{
    cursor:pointer;
    padding:0;
}


#club_argenpesos .overlay {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

#club_argenpesos .img-section:hover .overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0.8;
}




#club_argenpesos .link-cont{
    width: 72px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    position: absolute;
    left: 3px;
    right: 0;
    top: 21px;
    bottom: 0;
    height: 57px;

}


#club_argenpesos p{
        line-height: 25px;

}

#club_argenpesos .link-cont .a-button{
    font-size: auto;
    color: white;
    border: 2px solid #EE4E23;
    background: rgba(0,0,0,0.5);
    padding: 12px 14px 12px 14px;
    border-radius: 50%;
    /* width: 200px; */
    z-index: 5000000000000000000000;
}



#club_argenpesos .img-portada{
    background-size:cover;background-repeat:no-repeat;width:100%;max-width:638px;height:300px;background-position:center;
}


.content {
        position: absolute;
    left: 25px;
    right: 25px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 152px;
    width: 100%;
}



.content:focus {
    outline:none !important;
    outline: none !important;
    outline-offset: 0px !important; 
}


a.link-resp-social {
    text-decoration: none;
}

.link-resp-social:link {
    text-decoration: none;
}

.link-resp-social:focus {
    text-decoration: none;
}

.link-resp-social:hover {
    text-decoration: none;
    color: #83BB6D;
}

.link-resp-social:visited {
    text-decoration: none;
}

.link-resp-social:active {
    text-decoration: none;
}
/*BKGROUND LANDING*/

.bk-landing{
    width: 100%;
    height: 58vh;
    background-image: url(../storage/img/bk-form-07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    position: relative;
}

.bk-landing .subtitle{
        background: #ee4e23;
    width: 722px;
    padding: 10px 10px;
    margin: auto;
        margin-top: 10px;
}

.bk-landing .subtitle h2{
    font-family: GothamBold;
    text-align: center;
}



.bk-landing>.row.rechazado{
    height: 211px;

}

.row.rechazado-aviso{
    margin-top:47px;
    padding-bottom: 180px;
}


.row.rechazado-aviso h1 b{
    font-family: GothamBlack;
}

.row.rechazado-aviso h1{
    font-family: GothamBook;
    font-size:36px;
    color:#EE4E23;
}

.row.rechazado-aviso p{
    font-weight: bolder;
    margin-top:10px;
}

.row.rechazado-aviso h3{
    margin-top:18px;
    font-family: GothamBook;
}


.row.rechazado-aviso h3 img{
        vertical-align: bottom;
}


.bk-landing>.row h1{
        font-family: OswaldLight;
    color: white;
    font-size: 75px;
    text-align: center;
    margin: auto;
    line-height: 100px;
}

.bk-landing .logo{
    width: 370px;
    position: absolute;
    left: 5px;
    top: 15px;
}


.bk-landing>.row.rechazado h1 {
    font-size: 55px;
    line-height: 71px;
}

.bk-landing>.row h1 b{
    font-family: OswaldMedium;
}

/* PREGUNTAS FRECUENTES */
.panel-default>.panel-heading
{
  background: none !important;
  border-bottom: 1px solid #ececec;
  position:relative;
}



.panel-cont{
    padding: 28px 5px 10px 28px;
}

.panel
{
  border: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background:transparent;

}

.panel-title
{
     font-weight: 100;
    color: #414042;
    font-size: 14px;
    font-family: GothamBook;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body
{
  border-top: 0px;
}

.panel-body
{
  padding: 12px 10px;
  line-height: 22px;
  color: #6d6e70;
  font-size: 16px;
  font-style: italic;
}

.panel-title>a{
    font-size: 17px;
}

.titulos_faqs
{
    font-family: GothamBold;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: #EE4E23;
    /*border-bottom: 3px solid #00a5e7;*/
}

.change_char
{
        position: absolute;
    right: 30px;
    color: #204F9D;
    font-size: 24px;
    line-height: 16px;
    text-align: center;
        font-family: GothamBold;
}

.panel-body
{
    font-weight: 300;
}

.panel-heading
{
    padding: 10px 0px;
}

.btn_preguntas
{
    background: #e0e6ec;
    border-radius: 4px;
    color: #255780;
    padding: 8px 12px;
    margin-right: 10px;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
}
.btn_preguntas:hover
{
    background: #255780;
    color: #ffffff;
}
.btn_preguntas i
{
    font-size: 13px;
    margin-right: 4px;
}
/* FIN PREGUNTAS FRECUENTES */
/*MODAL TRABAJA CON NOSOTROS Y CONVERTITE CON COMERCILIZADOR */

.modal-header .close {
    margin-top: -2px;
    color: white;
    opacity: 1;
}

.modal-content{
            padding-bottom: 38px;
}
.modal-footer, .modal-header {
    border-top: none;
    border-bottom:none;
}

.modal-content{
    background:#204F9D;
        border: 2px solid white;
    border-radius: 4px;
}

#comercializador .modal-content .modal-body h1,#trabajaConNosotros .modal-content .modal-body h1,#solicitarContratoSuscripto .modal-content .modal-body h1{
    color:white;
}


.modal{
    color:white;
}

.modal h2 {
    font-size: 19px;
}

.modal form{
    width: 60%;
    margin: auto;
    margin-top: 55px;
}

.modal form textarea{
    width: 100%;
    border-radius:5px;
    background:transparent;
    color:white;
    font-family: GothamBook;
    border-color:white;
    height: 100px;
}


.modal form textarea:focus{
    outline:0;
}

.modal label{
    font-family: GothamBook;
}

.modal .border-btn{
    padding: 12px 17PX;
    width: auto;
    font-size: 15px;
}

.modal .border-btn.red{
        color: #EE4E23;
    border-color: white;
    background: #EE4E23;
    color:white;
}

.modal .border-btn.blue:not(#shopHelp a){
        color: white;
    border-color: white;
    background: #006EA1;
    margin-right: 10px
}


.modal .border-btn.red:hover{

    background: white;
    color: #EE4E23;
}

.modal .border-btn.blue:hover{

    background: white;
    color: #006EA1;
}


.btn-file {
        position: relative;
    overflow: hidden;
    font-family: GothamBold;
    color: white !important;
    border: 2px solid white;
    border-color: white !important;

}

.btn-file:hover {
    background: #3b6e9a !important;
    
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;

}


#comercializador .col-sm-6 .col-sm-6.padding-0{
        font-size: 16px;
}
/*FIN MODAL TRABAJA CON NOSOTROS Y CONVERTITE CON COMERCILIZADOR */



/*---------------------------------------------*/
                /*CAMBIO*/
/*----------------------------------------------*/


/*****************HEADER CAMBIO*******************/

.cotizaciones{
    position: fixed !important;
    z-index: 10000 !important;
    right: 0;
    background: #f9f9f9;
    width: 237px !important;
    padding: 0px 19px 8px 19px !important ;
    -webkit-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    box-shadow: -5px 10px 30px -24px rgba(0,0,0,0.75);
    border-bottom-left-radius: 13px;
}
section#form #cotizador-cont.flex>li{
    margin-left: 32px;
}

.cotizaciones #owl-3
{
    margin-top: 5px;
}

.cotizaciones img{
        float: left;
    margin-right: 8px;
}


.cotizaciones h1{
    color: black;
    text-align: center;
}


.cotizaciones div p{
    color:#404040;
}

.cotizaciones div p span{
    color:#00A551;
}

/*****************FIN HEADER CAMBIO*******************/

#actualizar-btn img{
    
}


#actualizar-btn:hover img{

    animation: spin 0.5s linear 1;
     


}

#cambiar-btn:hover img{
    animation: elasticFx 0.5s linear 1;
}

@keyframes elasticFx{
    0%{
            transform: scale(1);
    
    }


    50%{
            transform: scale(0.7);
          
    }




    100%{
           transform: scale(1);

    }
}


section#form.cambio{
    color: #00A551;
    background: #00A551;
}

ul#cotizador-cont .first{
    color:white;
}
    
section#form ul#cotizador-cont{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin:auto;
    margin-top: -45px;
}


@media screen\0 {
    section#form ul#cotizador-cont{
        width:1281px;    }

    li.first>ul{
        width: 400px !important;
    }
}

section#form.cambio .first h1 b {
    font-family: GothamBold;
    font-size: 54px;
}


section#form.cambio .first ul{
        margin:0;
        width:fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        margin-top: 89px;
}

section#form.cambio .first ul li:not(:nth-child(1)){
    margin-top:15px;
}


section#form.cambio .first ul li h2{
    margin-bottom: 14px;
    font-size: 41px;
    font-family: Helvetica-Light,GothamBook;
}

section#form.cambio .first ul li h3{
    font-size: 15px;
    font-family: GothamBook;
}


section#form.cambio .first ul li div.flex{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

}


section#form.cambio .first ul li div.flex>div{
    background-color: rgba(102, 206, 245, 0.3);
    padding: 6px 15px;
    font-family: Helvetica-Light,GothamBook;
    border-radius: 24px;
    font-size: 17px;
    text-align: center;

}


section#form.cambio .form-cont{
    background-color: white;
        -webkit-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    box-shadow: -5px 10px 30px -24px rgba(0,0,0,0.75);
       padding: 46px 35px 35px 35px;
    margin-top: 15px;
    height: 308px;
}


section#form.cambio .form-cont ul li{
    margin-left:0;
}


section#form.cambio .form-cont ul li:nth-child(1), section#form.cambio .form-cont ul li:nth-child(3){
    width: 315px;
}

section#form.cambio .form-cont ul li:nth-child(2){
    position:relative;
        width: 41px;
}

section#form.cambio .form-cont ul li:nth-child(2) img{
    position:absolute;
    left:0;
    right: 0;
    top:60px;
    bottom:0;
    margin:auto;
}

section#form.cambio .form-cont hr{
    margin-top:0;
}


section#form.cambio .form-cont .calculadora{
    margin-top:26px;
}


section#form.cambio .form-cont .result-cont input{
       padding: 10px 15px;
    text-align: left;
    font-family: Helvetica-Light,GothamBook;
    border: 1px solid #00A551;
    border-radius: 17px;
    margin-top: 24px;
    background: transparent;
    font-size: 32px !important;
    width: 100%;
    height: 62px;
    box-shadow: none;
    outline:none;

}


section#form.cambio .cambiar-btn{
    width:30px;
    margin:auto;
}


section#form.cambio li.form-cont .header h2{
    font-family: GothamBold;
}

section#form.cambio li.form-cont .header h2{
    font-size: 34px;
}


section#form.cambio li.form-cont .header a img{
    width: 30px;
}

@media screen\0 {
    section#form.cambio li.form-cont .header a img{
    width: 30px;
    height: 30px;
    }
}

@media screen\0 {
     section#form .border-btn.big{
        padding:20px;
    }
}

section#form.cambio li.form-cont .header h3 {
        font-size: 21px;
    /* line-height: 47px; */
    margin-left: 17px;
    float: left;
    margin-top: 13px;
}


section#form.cambio .result-cont h2>b {
    font-family: Helvetica-Bold;
}


.cambio select{
    border-bottom: 0px solid white !important;
    padding-left: 0 !important;
    outline: 0;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-family: Helvetica-Light,GothamBook;
        font-size: 25px !important;
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.cambio h2>span{
    font-family: Helvetica-Light,GothamBook;
        font-size: 25px !important;
}






section#form.cambio h1{
    color:white;
}




.form-cont .header {
    border-bottom: 2px solid #00A551;
    padding-bottom: 6px;
}

/*---------------------------------------------*/
                /*MEJOR COTIZACION*/
/*----------------------------------------------*/

section#mejor-cot>h2{
            margin-top: 59px;
}


section#mejor-cot>.row{
        margin-top: 80px;
            margin-bottom: 91px;
}



h2.cambio-title>b{
       font-family: 'GothamBold';
    border-bottom: 3px solid #00A551;
    padding-bottom: 10px;
    letter-spacing: 2px;
    color: #404040;
}


section#mejor-cot ul li img{
    width: 106px;
}




section#mejor-cot ul{
        width: -webkit-fit-content;
    width: -moz-fit-content;
    width:fit-content;
    margin:auto;
}


section#mejor-cot ul li p{
    font-family: 'Gotham-Bold-Italic';
    margin-top: 26px;
    font-size: 15px;
    color:#8C8C8C;
}



section#mejor-cot ul li{
     margin-left: 62px;
    margin-right: 61px;  
}












/*---------------------------------------------*/
                /*QUIENES SOMOS*/
/*----------------------------------------------*/

section#quienes-somos{
    background:#F3F4F4;
    padding: 59px 0 59px 0;

}
section#quienes-somos p{
    font-family: GothamBold;
    font-size: 20px;
    color: #404040;
}


section#quienes-somos p span{
    color:#00A551;
}



/*---------------------------------------------*/
                /*QUIENES SOMOS*/
/*----------------------------------------------*/

section#donde-cambio{
    padding: 59px 0 59px 0;
}


section#donde-cambio #map{
    margin-top:23px;
        width: 100%;
    height: 500px;
}

/*---------------------------------------------*/
                /*CONTACTO FORM*/
/*----------------------------------------------*/


section#contacto-form{
    background:#00A551;
    background-position: center;
    color: white;
    padding: 59px 0 59px 0;
    background-size: cover;
}



section#contacto-form h2.cambio-title>b{
    border-bottom: 3px solid white;
    color: white;
}


section#contacto-form a.border-btn{
        width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}


@media screen\0 {
    section#contacto-form a.border-btn{
        width: 108px;
    }

}



section#contacto-form form div:not(.error){
    display:block;
    width: 100%;
    margin-bottom: 20px;
}

section#contacto-form form div.error{
        text-align: left;
    margin-left: 22px;
}




section#contacto-form form div input{
    width: 90%;
    margin-left: 8px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4) !important;
}


section#contacto-form form{
    margin-top:45px;
}


section#contacto-form form label{
        width: 91px;
    font-family: GothamBold;
    font-size: 17px;
}

/*---------------------------------------------*/
                /*CONSULTA TU CUENTA*/
/*----------------------------------------------*/


div.bk-title{
    background: url(../storage/img/background-title.png);
    height: 169px;
    width: 100%;
    margin-top: 0;
    position: relative;
}

div.bk-title h1{
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 63px;
    width: 505px;
    font-size:57px;
}


a.consulta-tu-cuenta-help  i {

    font-size: 22px;
    color: #204F9D;

}



a.consulta-tu-cuenta-help:hover  i {

    font-size: 22px;
    color: #EE4E23;

}

@-moz-document url-prefix() {
div.bk-title h1{
    width: 515px;
}

}


/*---------------------------------------------*/
                /*CONSULTA TU CUENTA LOGIN*/
/*----------------------------------------------*/


div.bk-title-l{
    background: url(../storage/img/background-title.jpg);
    height: 169px;
    width: 100%;
    margin-top: 0;
    position: relative;
}

div.bk-title-l h1{
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 63px;
    width: 800px;
    font-size:57px;
}


a.consulta-tu-cuenta-l-help  i {

    font-size: 22px;
    color: #009ee5;

}



a.consulta-tu-cuenta-l-help:hover  i {

    font-size: 22px;
    color: #EE4E23;

}

@-moz-document url-prefix() {
div.bk-title-l h1{
    width: 515px;
}

}

/*PRELOADER*/

#preloader, #preloader-mailing  {
       position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
       background-color: white;
    z-index: 10043;
    height: 100%;
    opacity:1;
    color:#1a9cd6;
    text-align:center;

}

#preloader .confirm-container,#preloader-mailing .confirm-container{
        position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25%;
    height: 100px;
}

#preloader img,#preloader-mailing img {
        width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#preloader .exito, #preloader-mailing .exito{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: auto;
    right: 0;
    height: 400px;
}

#status, #preloader-mailing #status {
 position: relative;
    /* left: 50%; */
    /* top: 50%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16%;
}

.spinner-sm {
      border: 3px solid grey;
    border-top: 3px solid rgb(26, 156, 214);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/*---------------------------------------------*/
                /*SHOP*/
/*----------------------------------------------*/




#shop >.container > h1 {
    margin-bottom:30px;
}

#shop >.container > h1 > b{
    font-family: GothamBold !important;
}




#shop #shop-slider>div .producto>img{
    width: 90%;
}


#shop #shop-slider>div .producto{
    border:1px solid lightgray;
    border-radius:5px;
    padding: 15px 5px 15px 5px;
    -webkit-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    box-shadow: -5px 10px 30px -24px rgba(0,0,0,0.75);
    position:relative;
       /* width: 300px;*/
}


#shop #shop-slider>div .producto>.text-center>h3{
    font-size:17px;
    margin-top:10px;
    overflow: hidden;
    white-space: nowrap;
}

#shop #shop-slider>div .producto>.text-center>h4{
    font-size:14px;
    margin-top:10px;
    padding-left: 35px;
    padding-right: 35px;
}


#shop #shop-slider>div .producto>.text-center>.precio{
    margin-top: 19px;
    line-height: 0;
    font-size: 21px;
}

#shop #shop-slider>div .producto>.text-center>.precio h4 b, .fichas h2{
    font-family:GothamBold;
}



#shop #shop-slider>div .producto>hr, .fichas hr{
    background:#BCBEC0;
    margin-top: 25px;
}

#shop #shop-slider>div .producto>.precio-lista{
    font-size: 12px;
    margin-top:2px;
}



#shop #shop-slider>div .producto>p, .fichas p.precio-lista{
    color:#BCBEC0;
}


#shop #shop-slider>div .producto>a{
    width: 104px;
    font-size: 12px;
    padding: 8px;
    margin-top: 15px;
}



#shop #shop-slider>div .producto>.ficha{
    position:absolute;
}

#shop #shop-slider>div .producto>.ficha>img{
    width: 931px;
}


#shop #shop-slider>div .producto>.ahora-18>h4>img{
    width: 35px;
    float: left;
    margin-right: 10px;
}



#shop #shop-slider>div .producto>.ahora-18{
    margin-top: 19px;
}


#shop #shop-slider>div .producto>.ahora-18>h4,.fichas .ahora-18>h4{
    width: 182px;
    font-family: GothamBlack;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    line-height: 17px;
}


#shop .owl-theme .owl-nav{
    margin-top: -263px;
    position: absolute;
    z-index: 100000000000000;
    width: 95%;
}

#shop-slider{
    position:relative;
}

#shop .owl-theme .owl-nav {
       margin-top: -285px;
    position: absolute;
    z-index: -23;
    width: 100%;
    left: 0;
    right: 0;
    /* top: 0; */
    margin-left: auto;
    margin-right: auto;
    /* display: block; */
    /* bottom: 0;*/
}

#shop .owl-theme .owl-nav .owl-prev {
    float:left;
    margin-left: -5%;
}

#shop .owl-theme .owl-nav .owl-next {
    float:right;
    margin-right: -5%;
}



#shop .owl-theme .owl-nav button span {
    font-size: 71px;
    color: grey;
    
}

#shop .owl-theme .owl-nav [class*=owl-]{
    opacity: 0.5;
}

#shop .owl-theme .owl-nav [class*=owl-]:hover{
    background:transparent !important;
    outline: none;
    opacity: 1;
         -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}

#shop .owl-theme .owl-nav [class*=owl-]:active, #shop .owl-theme .owl-nav [class*=owl-]:focus{
    outline: none;
}




#shop .owl-dots{
    position: absolute;
    top: -27px;
    left: 0;
    right: 0;
    margin: auto;
    display:none;
}


#shop .owl-dots button span{
    background: grey !important;
    width: 14px;
    height: 4px;
}

 #shop .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #EF4623 !important;
}

#shop>div.container>div.center-block{
    /* width: fit-content; */
    display: flex;
    /* flex-wrap: unset; */
    justify-content: center;
    white-space: nowrap;
        align-items: center;
}

#shop>div.container>div.center-block a:nth-child(2){
    margin-left:5px;
}



#shop #shop-slider>div .producto .precio-cont{
   margin-top: 1px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}


#shop #shop-slider>div .producto .precio-cont>.precio.violet{
   font-size: 21px;
}


#shop #shop-slider>div .producto .precio-cont>del,#shop #shop-slider>div .producto .precio-cont>del>h4{
    color: gray;
}
#shop #shop-slider>div .producto .precio-cont>del>h4{
        font-size: 13px;    
}





#helpShop .error{
    color:red;
}



#helpShop .modal-content{
    background:white;
    padding-bottom:0;
    padding: 55px 0 55px 0;
    position:relative;
}

#helpShop .modal-header{
        border-top: none;
    border-bottom: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}


#helpShop .modal-body{
    width: 80%;
    padding:0;
        margin-top: 20px;
}

#helpShop label{
    color:black;
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
}


#helpShop .modal-body h1{
    font-family: GothamBlack;
    font-size: 4rem;
}


#helpShop input{
    height: 62px;
    text-align: center;
}

#helpShop input::placeholder { color: black !important; font-weight: bolder;text-align: center; }



@media screen\0 {
    
#helpShop .modal-content .modal-footer a{
    width: 100px;
}
}



#helpShop .modal-content .modal-footer a{
    width: fit-content;
    width: -moz-fit-content;
    margin-top:18px;
}


.grey-bk{
    background: #F8F8F9;
}



.fichas .modal-body .more{
    display:none;
    margin-top:0;
}



.fichas .modal-body .promo-cont>h4{
        float: left;
      font-size: 21px;
      line-height: 21px;
      margin-top: 17px;
      color: #04802d;
      font-family: GothamBlack;
      display:inline-block;
}


.fichas .modal-body .promo-cont>h4.gray{
      margin-top: 29px;
    color: gray;
}


.fichas .modal-body .promo-cont>div{
        line-height: 1px;
        margin-left: 10px;
}

.fichas .modal-body .promo-cont>.precio-cont{
    line-height: 1px;
    margin-left: 10px;
    display:inline-block;
}


.fichas .modal-body .promo-cont>.precio-cont>del>h4>b{
    color: #585757;
    font-size: 21px;
}

.fichas .modal-body .promo-cont>.precio-cont>h4{
    margin-top:0;
}




.fichas .modal-body .showMoreFichas{
    font-family: GothamBlack;
    color:#EF4623;
}

.fichas .modal-body .clear{
    height: 5px;
}

.fichas .modal-header .close:hover{
    color:red !important;
}

.fichas .modal-body, .fichas .modal-content{
    padding: unset;
    border: unset;
    border-radius: unset;
    position:relative;
    height: unset;
}

.fichas .modal-dialog.modal-sm {
    width:90vw !important;
}


.fichas .modal-header{
    position: absolute;
    z-index: 10;
    width: 100%;
}


.fichas .modal-header .close{
    color:grey;
}



.fichas .row{
    margin-left:unset;
    margin-right:unset;
}

.fichas .moda-body h4, .fichas ul li, .fichas h3{
    color:#414042;
}


.fichas ul li b{
    font-family: GothamBold;
}
.fichas h3{
    margin-top:15px;
}

.fichas .row>.row>.col-sm-1 img{
    width: 30px;
}



.fichas h2{
    font-family: GothamBold;
    font-size: 28px!important;
    margin-top:30px;
}


.fichas h4.cuotas{
    margin-top:13px;
}

.fichas h4.cuotas img{
    width: 30px;
    vertical-align:sub;
}


.fichas .modal-footer{
    margin-top: 50px;
    margin-bottom:50px;
}


.fichas .modal-footer ul.flex{
        flex-direction: row;
    /* justify-content: center; */
    flex-wrap: nowrap;
    /* align-items: center;*/
}

.fichas .modal-footer ul.flex li{
    margin-left:0 !important;
}


.fichas .ahora-18>h4{
    width: 258px;
    font-size: 21px;
    line-height: 22px;
    text-align: left;
}

.fichas .ahora-18>h4>img {
    width: 46px;
    float: left;
    margin-right: 10px;
}

.fichas hr{
    width: 100%;
    margin-top: 13px;
}



.fichas p.precio-lista{
    font-size: 12px;
    margin-top:5px;

}

.fichas ul{
    margin-top: 15px;
    margin-bottom: 15px;
}

.fichas ul li{
    background: url(/storage/img/shop/list-style-06.jpg) no-repeat left;
    padding: 4px 0px 4px 7px;

    
}

.fichas ul li {
    font-family: GothamBook;
    font-weight: bold;
}

.fichas .precio.violet{
    margin-top:9px;
}

.fichas .precio.violet > b{
    font-size:  32px;
}


.fichas .img-cont{
        margin-top: 35px;
        min-height: 511px;
    background: white;
    padding: 55px 0 66px 0;
    border-radius: 17px;
    -webkit-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    box-shadow: -5px 10px 30px -24px rgba(0,0,0,0.75);
}
.fichas .android-logo{
    width: 50px;
    margin-top:10px;
    margin-bottom:10px;
}


.fichas .circle{
    width: 98px;
    height: 100px;
    border-radius: 50%;
    padding: 20px 0 13px 0;
    position: absolute;
    
    color: white !important;
    line-height: 28px;
    text-align: center;
    letter-spacing: 2px;

}

.fichas .circle span{
    font-size: 13px;
    font-family: GothamBook;
    font-weight: bold;
    line-height: 10px;
}

.fichas .circle span b{
    font-family: GothamBlack;
    font-size: 28px;
}


.fichas .col-sm-4.thumb-cont .flex {
    flex-direction: column;
    float:right;
}

.fichas .col-sm-4.thumb-cont .flex li{
    background:unset !important;
    cursor:pointer;
}


.fichas .col-sm-4.thumb-cont .flex li .overlayer{
    position:absolute;
    width: 100%;
    height: 100%;
    background:gray;
}

.fichas .col-sm-4.thumb-cont .flex li img {
    width: 40px;
}

.fichas .col-sm-8.bg-cont img:first-child, .fichas .col-sm-8.bg-cont div {
    width: 295px;
    float: left;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important; 

}

.fichas .col-sm-8.bg-cont .zoom {
    display:inline-block;

}

.fichas .col-sm-8.bg-cont .imgContainer {
    width: 295px;
    height: 372px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    float: left;

}





.circle.blue{
    top: -9px;
    left: -31px;
    color:unset ;
    background-color:#00A5E7 !important;

}


.circle.red{
    top: -9px;
    left: -31px;
    color:unset ;
    background-color:#EE4E23 !important;

}

.circle.violet{
    top: -9px;
    left: 63px;
    color:unset ;
    background-color:#EF4623  !important;

}

/*---------------------------------------------*/
                /*CLOCK*/
/*----------------------------------------------*/

.clock{
    font-size: 3rem;
}

#clockModal .modal-dialog{
    display: table;
    margin: auto;
    width: 35vw !important;
    top: 2vh;
}

#clockModal .time-cont{
    padding: 20px 45px 20px 45px;
}

#clockModal .time-cont h2{
        font-family: GothamBlack;
    font-size: 26px;
    color: #ffc318;
    margin-bottom: 21px;
    
    

}

#clockModal .modal-header{
    position: absolute;
    width: 100%;
}

#clockModal .modal-header i{
    color:gray;
}

#clockModal .modal-dialog img{
    width: 35vw !important;
}

#clockModal h1{
    color: white;
    font-family: GothamBold;
    line-height: 21px !important;
    font-size: 32px;
    text-align: center;
    flex-basis: 25%;
}

#clockModal h1 span{
        font-size: 17px;
    display: block;
    text-align: center;
    margin-top: 5px;
}




#clockModal .modal-dialog .clock{
    width: 100%;
}

/*---------------------------------------------*/
                /*MEDIA QUERIES*/
/*----------------------------------------------*/


@media only screen and (width: 1024px)  {

    .fichas .img-cont img{
    width: 272px;
}
   
    .bk-landing {
    height: 33vh;

}

      section#institucional .li-line{
        width: 43px !important;
    }

     div.bk-title h1 {
            height: 42px;
    width: 448px !important;
    font-size:50px !important;
    }
 header ul li a {
    font-size: 11px;
    }

 

    header{
            padding-top: 23px !important;
    }

    #prestamo-form .row {
    margin-top: 14px !important;
}


   #creditos-online ul li,#creditos-sucursales ul li {
        width: 250px !important;
    margin: auto;
}

#creditos-online ul li.esp,#creditos-sucursales ul li.esp{
    width: 288px !important;



}

   #prestamo-decreto ul li,#creditos-sucursales ul li {
        width: 250px !important;
    margin: auto;
}

#prestamo-decreto ul li.esp,#creditos-sucursales ul li.esp{
    width: 288px !important;



}


}

@media only screen and (min-width: 1200px) and (max-width: 1272px)  {

@-moz-document url-prefix() {
   
    section#form{
        height: 133vh;
    }
}
@-moz-document url-prefix() {
section#form.cambio {
    height: 78vh;
}
}

@-moz-document url-prefix() {
   
    section#form>.row{
        height: auto !important;
    }
}
section#form>.row{
        height: 87vh;}

section#form.cambio>.row{
        height: auto;}        
/*section#form.cambio>.row{
    height: 410px;
}*/

section#form .flex .form-cont {
    margin-top: 25px;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px)  {
    section#form #cotizador-cont.flex>li.first {
    margin-left: auto;
}
    .fichas .img-cont img{
    width: 272px;
}

    section#form{
        height: auto;
        padding:unset;
    }


    section#form .flex .form-cont{
        margin-top:25px;

    }

    
    section#form>.row{
        height:unset;
    position:unset;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin: unset;
}


footer .first{
    margin-right: 0 !important;
}

header ul.menu>li>a[href='/saca_tu_prestamo'] {
    font-size: 13px !important;
}



 section#form.cambio img{
        display:block;
    }


    section#form.cambio{
        height: auto;
        padding-bottom: 33px;
    }

    section#form.cambio .form-cont{
        height: auto;
        position:relative;
    }
    
    section#form.cambio .first ul li:not(:nth-child(1)){
        margin-top:15px !important;
            position: relative;
    }
    

    ul#cotizador-cont{
        margin-top: 27px !important;
    }
    ul#cotizador-cont li.first, ul#cotizador-cont li.first ul li{

        margin:auto;

    }

    
    section#form.cambio .result-cont ul.flex li{
        width: 100% !important;
        text-align: center;
        margin-top: 40px !important;
    }


    section#form.cambio li.form-cont .header h2 {
        text-align: center;
        float:unset !important;
    }
    

    section#form.cambio li.form-cont .header h3 {
        float: unset;
        margin: auto;
        text-align: center;
        margin-top:10px;
            margin-bottom: 17px;
    }


    section#form.cambio .form-cont ul li:nth-child(2) img{
        top:12px;
    }


    section#form.cambio li.form-cont .header a img {
        position: absolute;
        right: 14px;
        top: 12px;
    }

    section#form.cambio {
        padding-top: 0;
    }

    section#form.cambio .first ul{
        margin-bottom:38px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px)  {


    header ul.menu>li>a[href='/saca_tu_prestamo'],header ul.menu>li>a[href='/cambio'],header ul.menu>li>a.shop {

   font-size: 18px;
  
}

    .bk-landing>.row h1 {
    font-size: 62px;
    line-height: 70px;
}

.bk-landing .subtitle h2 {
    font-size: 24px;
}


.bk-landing .subtitle {
    width: 612px;
}



    .bk-landing>.row.rechazado h1 {
    font-size: 46px;
    line-height: 63px;
}

    .bk-landing>.row.rechazado {
    height: 189px;
}

.bk-landing>.row.rechazado h1 {
    font-size: 46px;
    line-height: 63px;
}



footer .first{
    margin-right: 0 !important;
}

header ul.menu>li>a[href='/saca_tu_prestamo'],header ul.menu>li>a[href='/cambio'],header ul.menu>li>a[href='/cambio'] {
    font-size: 13px !important;
}

}

@media only screen and (min-width: 1200px) and (max-width: 1250px)  {
.logo {
    width: 211px !important;
}
    }

@media only screen and (min-width: 1200px) and (max-width: 1350px)  {
     section#form.cambio{
        height: auto;
        padding-bottom: 33px;
        padding-top: 50px;
    }
    header ul.menu>li {
        float: left;
        position: relative;
        margin-right: 6px;
    }

    header ul.menu>li>a {
    font-size: 73% !important;
}
}

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

    ul.flex{
    flex-direction: column !important;
    width: auto !important;
    }

    section#form .first ul {
    width: unset;
    margin-right: unset;
    float: unset;
    margin: auto;
}

    #creditos-sucursales ul.flex li,#creditos-online ul.flex li{
    flex-basis:173px;
    }
	
	#creditos-sucursales ul.flex li,#prestamo-decreto ul.flex li{
    flex-basis:173px;
    }
	
     section#form #cotizador-cont.flex>li {
    margin-left: unset;
    }


    section#form #cotizador-cont.flex>li.fist {
    margin-left: auto;
    }

}

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

    .bk-landing .logo{
        left: 0;
        right: 0;
        top: 20px;
        margin:auto;
    }

    ul#xsMenu li span{
    background: #204F9D;
    color: white;
    }
   /* .time-cont{
        display:none;
    }*/

   section#form.cambio .first ul li div {
        margin-bottom: 10px;
        display:block;
    }

#clockModal .modal-dialog img{
    width: 100% !important;
}

      section#form #cotizador-cont.flex>li {
    margin-left: auto;
    }


    ul.flex li{
        flex-basis: auto !important;
    }

        #contacto ul.flex{
        /*width: fit-content !important;*/
    }


    #contacto .flex li {
    flex-basis:auto;
    }

    #contacto ul.flex li h4{
        font-size:  18px;
    }

    #contacto.padding-60{
       padding: 77px 0 77px 0;
    }

    #shop .owl-theme .owl-nav .owl-prev {
    margin-left: -11px;
    }

#shop .owl-theme .owl-nav .owl-next {
    margin-right: -11px;
    }

        .fichas .border-btn {
        width: 100%;

    }

    .tool-tip {
        right: -5px;
        width: 224px;
        top: 46px;
        padding: 7px 0 7px 0px;
    }

    #preguntasFrecuentesBtn {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        top: 10px !important;
            top: 2px !important;
            right: 2px !important;
        cursor: pointer;
    }
    #preguntasFrecuentesBtn.interfaceFormBtn {
        padding: 9px 10px 12px 11px !important;
    }

    #preguntasFrecuentesBtn.interfaceFormBtn h1 {
        
        font-size: 25px !important;
        line-height: 11px !important;
    }

.full-bk .close-btn {
    display: block;
    width: 100%;
    height: 34px;
}

.full-bk .close-btn i,#helpShop .modal-header a i{
    font-size: 23px;
    margin-right: 3px;
    margin-top: 8px;
    color: #EE4E23;
}

.panel-cont{
    padding: 28px 5px 10px 0;
}

section#form.cambio .form-cont .result-cont input{
    text-align: center !important;
}
section#form.cambio .first ul{
    margin-top:0 !important;
    margin:auto;
}
section#form.cambio .first h1 b {
    font-size: 37px !important;
}

section#form.cambio li.form-cont .header h2 {
    font-size: 29px !important;
}

section#form.cambio .first ul li h2 {
    font-size: 31px !important;
}

section#contacto-form form label.text-right {
    text-align: left;
}   


#preguntasFrecuentes .col-sm-12{
    padding-left:0 !important;
    padding-right:0 !important;
}



     section#form.cambio img{
        display:block;
    }


    section#form.cambio{
        height: auto;
        padding-bottom: 33px;
    }

    section#form.cambio .form-cont{
        height: auto;
        position:relative;
    }
    
    section#form.cambio .first ul li:not(:nth-child(1)){
        margin-top:15px !important;
            position: relative;
    }
    

    ul#cotizador-cont{
        margin-top: 27px !important;
    }
    ul#cotizador-cont li.first, ul#cotizador-cont li.first ul li{

        margin:auto;

    }

    
    section#form.cambio .result-cont ul.flex li{
        width: 100% !important;
        text-align: center;
    }


    section#form.cambio li.form-cont .header h2 {
        text-align: center;
        float:unset !important;
    }
    

    section#form.cambio li.form-cont .header h3 {
        float: unset;
        margin: auto;
        text-align: center;
        margin-top:10px;
            margin-bottom: 17px;
    }


    section#form.cambio .form-cont ul li:nth-child(2) img{
        top:12px;
    }


    section#form.cambio li.form-cont .header a img {
        position: absolute;
        right: 14px;
        top: 12px;
    }

        .step-by-step ul li{
    margin-left:auto !important;
}

    .bk-landing>.row h1 {
        font-size: 39px !important;
        line-height: 43px !important;
    }

    .bk-landing>.row.rechazado h1 {
    font-size: 31px !important;
    line-height: 43px !important;
}

    .bk-landing .subtitle {
    width: 314px;
    padding:0px; 
    }

    .bk-landing .subtitle h2 {
    font-family: GothamBold;
    text-align: center;
    line-height: 27px;
    font-size: 20px;
    }


    #creditos-online ul .number-cont, #creditos-sucursales ul .number-cont{
        display:none;
    }

    #creditos-online ul>li>h4, #creditos-sucursales ul>li>h4{
        float:none;
    }

    #prestamo-decreto ul .number-cont, #creditos-sucursales ul .number-cont{
        display:none;
    }

    #prestamo-decreto ul>li>h4, #creditos-sucursales ul>li>h4{
        float:none;
    }


    #sucursales ul li.margin-left-20{
        margin-left:auto;
    }

    /*section#institucional .container {
    padding-right: 0;
    }*/


    section#institucional .li-text,section#institucional p{
        width: 100%;
    }

    section#institucional .li-line{
        width: 0;
    }

    section#form .border-btn.red {
    float: unset;
}

    div.bk-title h1 {
            height: 42px;
    width: 276px;
    font-size:57px;
    }

    #creditos-online ul li,#creditos-sucursales ul li {
        width: 223px;
    margin: auto;
}

#creditos-online ul li.esp,#creditos-sucursales ul li.esp{
    width: 246px;
}

    #prestamo-decreto ul li,#creditos-sucursales ul li {
        width: 223px;
    margin: auto;
}

#prestamo-decreto ul li.esp,#creditos-sucursales ul li.esp{
    width: 246px;
}

    footer a{
    font-size: 14px;
 }

 footer h4{
     font-size: 15px;
 }


 #prestamo-form form input, #prestamo-form form select,#prestamo-form form input{
    font-size: 1.7rem  !important;
 }


   

#prestamo-form .form-cont{
    height: unset !important;
    min-height: unset!important;
    max-height: unset!important;
}




.go-to-form{
    display:block !important;
    width: 276px !important;
}


#logo-cont-a{
    display:block;
    margin:auto;
    margin-top:21px;
}


#logo-cont-a img{
    display:block;
    margin:auto !important;
    
}


    #owl-1{
        display:none !important;
    }

    #owl-2{
        display:block !important;
    }

#prestamo-form .last-row input[type='radio']{
    width: unset;
    height: unset;
    margin-right: unset;
    right: unset;
}


#prestamo-form .left-side .main-img{
    width: 300px;
}

    h1,#contacto h1{
        font-size: 36px;
    }
    #como-funciona h1:first-child {
    margin-bottom: 10px;
    }

    section#form .first ul {
    width: unset;
    margin-right: unset;
    float: unset;
    margin: auto;
}
    
    .modal form{
    width: 90%;
    
    }

   


    .modal .row input, .modal .row label{
        margin-top: 25px;
    }

    #prestamo-form .form-cont{
        padding:0 ;
        padding-left:15px;
         padding-top: 52px;
    padding-bottom: 52px;


    }


    #prestamo-form .row{
        margin-top:auto;
    }

    #prestamo-form .row>[class*="col-"]{
            margin-top: 27px;
    }

    #prestamo-form .range-row{
        margin-top:55px;
        width: 100%;
    }



    #prestamo-form .last-row{

        width:100%;
    }

    #prestamo-form .last-row .float-left,#prestamo-form .last-row .float-right{
        float:unset;
        text-align:center;
    }

    #prestamo-form .last-row .float-right{
        margin-top:35px;
    }

    #prestamo-form label {
    font-size: 14px;
}

    header {
        padding:0;
            height: 96px;
    }

    header img{
        margin-top:30px;
    }
    
   


@media screen\0 {
    section#form ul.flex{
        flex-direction:row !important;
    }
}

    .flex{
        flex-direction: column !important;
        width: auto !important;
    }


    .flex .line{
        display:none;
    }


    section#form{
        padding:10px;
        height: auto;
		background-image: url(../storage/img/Argenpesos_Landing_5_Banner-Mobile-FONDO.jpg);
		background-size: contain;
    }

@media screen\0 {
    section#form{
        padding:10px;
        height: 125vh;
    }
}





    section#form form .btn-row {
     height: auto;
    width: 100%;
}





section#form .flex > .first{
    justify-content: center;
}

section#form form .border-btn {
    font-size: intial;
    width: 265px;
    padding: 5px;
    display: block;
    margin: auto;
}


section#form form .border-btn.float-left {
    float:unset;
}


section#form form .border-btn.margin-left-10 {
    margin-top:10px;
}




section#form ul li img {
     display:none;
}

section#form ul li a,section#form ul li h3 {
     font-size:initial;
}


section#form .form-cont {

    width: 95%;
    margin: auto;
    margin-top:22px;
}
ul.flex li:not(:first-child) {
    margin-top: 40px !important;
}

#form ul.flex li:not(:first-child) {
    margin-top: 25px !important;
}


#contacto ul li {
    margin-left: unset !important;
}

footer {
    text-align:center;
}

footer .first{
        width: 100%;
    margin: 0;
}

footer .logo{
    margin:auto;
}


footer .second h4{
    margin-top:35px;
}

footer .second.margin-top-100{
    margin-top:27px;
}

.row {
     margin-right: 0;
     margin-left:0;
}
.xs-row {

    padding: 12px;
    padding-top: 0;
}

.xs-row i {
    margin-top: 34px;
    /* margin-right: 89px; */
}

}




@media only screen and (width: 320px){

    .alert-window {
    max-height: 247px;
    min-height: 189px;
}

    .fichas  .modal-body  .row>.col-sm-6:nth-child(1){
    padding-left:0;
    padding-right:0;
    }
  
.big.border-btn{
    padding:14px;
}

.border-btn {
    width: auto;
}

section#form form .border-btn{
    width: 231px;
}

.overlay-xs-menu li {
    margin-top: 20px;
}
}

@media only screen and (min-width: 320px) and (max-width: 767px){

    #clockModal #time-cont{
        padding: 20px 5px 20px 5px;
    }

    #shop>div.container>div.center-block{
        flex-direction:column;
    }
    .alert-window {
    height: auto;
    max-height: 225px;
    min-height: 189px;
    }
    .fichas .col-sm-4.thumb-cont .flex{
    float: unset;
    margin: auto;
    width: fit-content !important;
    }
    .fichas .thumb-cont{
        height:100px;
    }
    .overlay-xs-menu li img{
        display:none;
    }
    
    .fichas .flex{
        flex-direction:row !important;
    }

    .fichas .modal-footer .flex{
        flex-direction:column !important;
    }
    
    .fichas .flex li{
        margin-left:6px;
        margin-top:0 !important;
    }
    
    .fichas ul.flex li:not(:first-child){
        margin-top:0 !important;
    }
    #shop #shop-slider>div .producto{
    width: 278px;
    margin-left: auto;
    margin-right: auto;
    }

    .fichas .row{
    text-align: center;
    }




    #shop >.container > h1 {
    margin-bottom: 46px;

    }
    #shop .owl-dots{
    display:block;
    }

    .fichas .img-cont{
        margin-top:48px;
    }

  .fichas .modal-footer .col-sm-6.text-right{
    margin-top:30px;
  }

  .fichas .modal-footer .col-sm-6.text-left{
    margin-bottom:30px;
  }

  
   
.recaptcha-col{
    padding:0;
}

.change_char {
    right: -10px;
}

.alert-window{
    width: 90%;

}

.fichas .row{
        text-align: center;
    }

}
@media only screen and (min-width: 320px) and (max-width: 768px){

    #shop #shop-slider>div .producto .precio-cont>del>h4 {
    font-size: 16px;
}
    
    .fichas .modal-body .promo-cont{
        display:table;
        margin:auto;
    }



     #clockModal .modal-dialog,#clockModal .modal-dialog table{
    width: 99vw !important;
    }



    footer hr {
    width: 58%;
    margin: auto;
    margin-top: 10px;
}


    #shop>.container>.center-block a.float-left{
        float: unset !important;
    }


.overlay-xs-menu .xs-item{
    display:block !important;
}

    .submenu-btn{
        display:none;
    }

    #preguntasFrecuentesBtn .tool-tip{
        display:none;
    }

         
    .fichas .circle{
    display:none;
}
    .fichas ul li {
    background:unset;
    
    }

    .fichas .border-btn {
    width: 100%;
    float: unset;
    margin: auto;
    display: block;
    margin-top: 13px;
}

.fichas .modal-dialog.modal-sm{
    width: 95vw !important;
    margin: auto;
    margin-top: 10px;
}

.fichas .ahora-18 {
    float: unset;
}

.fichas .ahora-18>h4 {
    width: 212px;
    font-size: 17px;
    line-height: 21px;
    text-align: left;
}
.fichas .ahora-18>h4>img {
    width: 39px;
    float: left;
    margin-right: 10px;
}
.fichas .img-cont img{
    width: 272px;
}

    #shop .owl-theme .owl-nav button span{
        font-size: 40px;
    }

    #shop ul.flex li{
        margin-left: auto !important;
        margin-bottom: -16px;
        display: block;
        margin-right: auto !important;
    }



    .form-cont {
    margin-top: 59PX;
}
    
    
   .cotizaciones {
    position: fixed !important;
    z-index: 10000 !important;
    right: 0;
    bottom: 9px;
    left: 0;
   background: rgb(0,165,81);
background: -moz-linear-gradient(194deg, rgba(0,165,81,1) 21%, rgba(66,166,114,1) 70%);
background: -webkit-linear-gradient(194deg, rgba(0,165,81,1) 21%, rgba(66,166,114,1) 70%);
background: linear-gradient(194deg, rgba(0,165,81,1) 21%, rgba(66,166,114,1) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a551",endColorstr="#42a672",GradientType=1);

    width: 247px !important;
    padding: 16px 19px 16px 19px !important;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 30px -24px rgba(0,0,0,0.75);
    box-shadow: -5px 10px 30px -24px rgba(0,0,0,0.75);
    /* border-bottom-left-radius: 13px; */
}

.cotizaciones div p{
    color:white;
    letter-spacing: 0px !important;
}

.cotizaciones div p span{
    color:white;
}






    section#contacto-form form label.text-right{
        text-align: left;
    }

    section#contacto-form a.border-btn {
        width: 73%;
        text-align: center;
        margin: auto;
        float: unset;
        display: block;
        margin-top:40px;
    }


    section#contacto-form form {
        margin-top: 57px;
    }
    


    


    section#form.cambio .first ul li:not(:nth-child(1)){
        margin-top:26px !important;
    }


    .cambio select{
            font-size: 22px !important;
    }

    .radio input[type=radio]{
            margin-top: 6px !important;
    }

    #prestamo-form .left-side h3{
        font-size: 17px !important;
    }

    .card-body .row ul{
        padding-left:0;
    }

    section#form #cod_area{
        width: 100%;
    }

    #form-home .row.margin-top-25{
        margin-top:unset;
    }

    #form-home input,#form-home select{
        margin-top:20px;
    } 
    
    .modal .row input, .modal .row label {
    margin-top: unset;
}

    #comercializador .col-sm-6 .col-sm-6.padding-0{
        text-align: center;
    }

    .modal .row .col-sm-6{
        margin-top:20px;
    }

    h2 {
    font-size: 22px;
    }

    .h4, h4 {
    font-size: 15px;
    }


    #prestamo-from form select,#prestamo-from form input {
    font-size: 13px !important;
    }



h1, #contacto h1 {
    font-size: 29px !important;
    line-height: 37px !important;
}
  
    .modal .col-xs-12 .border-btn{
        display:block;
            display: block;
    width: 100%;
    margin: auto;
    margin-top: 25px;
    }

     .modal-content {
    height: auto;
    }


#club_argenpesos .img-section {
    margin-top: 17px;
}

#club_argenpesos p{
        overflow-wrap: break-word;
}

#content{
    margin-top:96px;
}

.card-body .row ul li.li-text{
    margin:auto;
    text-align: center;

}

.card-body .row ul li.img-cont{
    display:none;
}

.card-body .row ul li.li-line .vertical-line{
    display:none;
}

    
    .form-cont {
    margin-top: 59px;
}


#prestamo-form #logo{
        width: 259px;
    margin-top: 30px; 
}

#sucursales ul{
    padding-bottom:30px;
}

#sucursales ul li {
    text-align: center;
}

/*.container {
    padding-right: 27px;
}*/



}





@media only screen and (min-width: 320px) and (max-width: 400px) and (orientation:portrait) {

#prestamo-form form input, #prestamo-form form select,#prestamo-form .radio label {
    font-size: 1.2rem !important;
}


#prestamo-form .radio input[type=radio]{
        margin: 3px 0 0 -20px;
}

#preguntasFrecuentes .change_char {
    right: -10px;
}



}

@media only screen and (min-width: 320px) and (max-width: 850px) and (orientation:landscape) {

    .alert-window{
    width: 90%;
    top:106px;
    }

    .change_char {
    right: -9px;
    }

    .bk-landing>.row.rechazado {
    height: 131px;
}
    
    .bk-landing{
            height: 78vh;

    }



#como-funciona ul li {
    width: 198px;
}


#como-funciona ul li.esp {
    width: 198px;
}

.overlay-xs-menu li {
        margin-top: 8px;
}

#creditos-online ul .number-cont, #creditos-sucursales ul .number-cont {
    display:none;
}

#prestamo-decreto ul .number-cont, #creditos-sucursales ul .number-cont {
    display:none;
}

#creditos-sucursales ul li{
    width: 154px;
}


#creditos-sucursales ul li.esp h4{
    padding-left:0;

}


}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .alert-window {
    height: auto;
    max-height: 238px;
    min-height: 189px;
    }


  .bk-landing>.row h1 {
        font-size: 74px !important;
    line-height: 90px !important;
}



.bk-landing .subtitle {
    width: 627px;
    padding: 5px 11px;
}


.bk-landing>.row.rechazado {
    height: 225px;
}

.bk-landing>.row.rechazado h1 {
    font-size: 42px !important;
    line-height: 54px !important;
}
  

}


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

  .fichas .border-btn {

        margin-top: unset;
    }

#shop .owl-theme .owl-nav .owl-prev {
    float:left;
    margin-left: -3%;
}




 #shop ul.flex li>.producto{
        width: 500px;
        margin: auto;
    }
  .bk-landing>.row h1 {
        font-size: 74px !important;
    line-height: 90px !important;
}



.bk-landing .subtitle {
    width: 627px;
    padding: 5px 11px;
}
  

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

    header{
        padding: 15px 43px;
    }

    header ul.menu {
        margin-top: 22px;
    }
    
    header ul.menu>li>a {
    font-size: 79% !important;
    }

    header ul.menu>li>a[href='/saca_tu_prestamo'], header ul.menu>li>a[href='/cambio'],header ul.menu>li>a.shop {
    font-size: 85% !important;
    }

    section#form .first ul {
    width: 450px;
    margin-right: 0; 
    float: right;
    }
   /* 
    header .ocultable{
        display:none;
    }
    */
    .overlay-xs-menu {
    width: 40vw !important;
    left:  auto;
    text-align: left;
    background: rgba(32, 79, 157, 1);
    overflow-y: auto;

    }


    .overlay-xs-menu .row {
        position: absolute;
        right: 15px;
        top: 9px;
    }


    header ul.menu>li>a i{
        margin-top: -7px;
        font-size: 31px;
    }

     .overlay-xs-menu li:nth-child(2) {
        margin-top:3px;
    }

    .overlay-xs-menu li {
   margin-top: 0 !important;
    border-bottom: 1px solid #f5f5f5;
    padding-left: 9px;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    }

    .overlay-xs-menu li img {
        margin-top:-5px;
        width:5px;
    }


    .overlay-xs-menu>li:last-child {
    display:none;
    }


    .overlay-xs-menu>li:nth-child(12) {
        border-bottom: 0;
        padding-left: 0 !important;
        margin-top: 44px;
        padding-top: 18px !important;
        padding-right: 0 !important;
    }

    .overlay-xs-menu>li:nth-child(12) a {
    float:left;
    margin-left: 5px;
    }

    .overlay-xs-menu li a.xs-btn{
        color:white;
    }


    .overlay-xs-menu li ul li{
        border-bottom: 0;
        padding-bottom: 0 !important;

    }

    .overlay-xs-menu  li ul {
        display:none;
    }


    .overlay-xs-menu li a.xs-btn:hover{
        color:lightgray;
    }


    .close-menu-xs i {
        color: white;
    }


    header .boton-menu-desplegable{
        display:block;
    }
    


    /* width */
    .overlay-xs-menu::-webkit-scrollbar {
      width: 10px;
    }

    /* Track */
    .overlay-xs-menu::-webkit-scrollbar-track {
      box-shadow: 0; 
    }
     
    /* Handle */
    .overlay-xs-menu::-webkit-scrollbar-thumb {
      background: lightgray; 
      border-radius: 2px;
    }

    /* Handle on hover */
    .overlay-xs-menu::-webkit-scrollbar-thumb:hover {
      background: #cac4c4; 
    }



}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
    header .ocultable{
        display:none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1355px) {

    section#form .form-cont:not(section#form #cotizador-cont .form-cont ){
        width: 53% !important;
    }

     header ul.menu>li>a {
    font-size: 78% !important;
    }

    header ul.menu>li>a[href='/saca_tu_prestamo'], header ul.menu>li>a[href='/cambio'], header ul.menu>li>a.shop {
    font-size: 82% !important;
    }

}



@media only screen and (min-width: 1200px) and (max-width: 1600px) {

    
.modal form {

    width: 538px;
}

.modal h1{
    font-size: 36px;
}
    
    .range-out p{
            margin-top: 13px;
    }

    .range-width{
        margin-top:43px;
    }

    #prestamo-form .last-row input[type='radio']{
        margin-right: initial;
    }

    .range-row{
        margin-top:50px !important;
        margin-bottom:50px;
    }
    
    #prestamo-form form input, #prestamo-form form select, #prestamo-form .radio label {
    font-size: 14px !important;
}
#prestamo-form .radio input[type=radio]{
    margin-top:4px;
}
    section#form{
        padding:21px;
    }




    
    #prestamo-form .row {
        margin-top: 11px;
    }

    header ul.menu>li>a {
        font-size: 14px;
    }

    header ul.menu>li>a[href='/saca_tu_prestamo'],header ul.menu>li>a[href='/cambio'],header ul.menu>li>a.shop {
   
   font-size: 14px;
   
    }

    header ul.menu>li>a.rr-ss i {
    font-size: 19px;
    }
}


@media only screen and (min-width: 1600px) and (max-width: 1700px) {

    header ul.menu>li>a[href='/saca_tu_prestamo'],header ul.menu>li>a[href='/cambio'],header ul.menu>li>a.shop {
   
   font-size: 17px;
   
    }


    header ul.menu>li>a {
        font-size: 16px;
    }

}




@media only screen and (width: 1920px) {
#prestamo-form .form-cont {
    padding: 40px;
    height: 874px;
}

}





@media only screen and (min-width: 1200px) and (max-width: 1800px) {
#prestamo-form .form-cont {
    padding: 40px;
    max-height: 1141px;
    min-height: 764px;
}

}


@media only screen and (min-width: 1200px) and (max-width: 1920px) {

    #prestamo-form .left-side>img{
        width: 347px;
    }

}


@media only screen and (min-height: 568px) and (max-height: 660px){
  
 

}

@media (min-width: 768px){

    .modal-dialog {
        width: 63% !important;
    }

}


/*
    MIS ESTILOS
*/

@font-face 
{
    font-family: OswaldMedium2;
    src: url(fonts/Oswald-Medium.ttf);
}

@font-face 
{
    font-family: Gohan;
    src: url(fonts/GothamBold.otf);
}

@media (max-width: 1024px)
{
    .backPrin
    { 
        height: 300px !important;
    }
    .miCentro
    {
        width: 100% !important;
    }
    .centerAfi
    {
        flex-wrap: wrap !important;
    }
    .miBorder
    {
        width: 100% !important;
    }
}

@media(max-width: 375px)
{
    .miLetra
    {
        font-size: 20px !important;
        justify-content: center;
    }
    .miSegLetra
    {
        font-size: 10px !important;
    }
    .misNumeros
    {
        height: 20px !important;
    }
}

@media(max-width: 1600px)
{
    .miCampanita
    {
        font-size: 20px !important;
    }
}

@media(max-width: 1390px)
{
    .foto
    {
        width: 240px !important;
    }
}



.backPrin
{
    background-image: url("../storage/img/ARGEN_Elementos-01.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    width: 100%;
    height: 350px;
    justify-content: center;
    align-items: center;
}

.miLetra
{
    color: white;
    text-align: center;
    font-family: OswaldMedium2;
}

.miSegLetra
{
    width: 85%;
    height: 100%;
    padding-left: 5%;
    font-family: Gohan;
    margin: 10px 10px 10px 0px;
    word-wrap: break-word;
}

.misNumeros
{
    height: 30px;
}

.miNum
{
    margin: 10px 0px 10px 0px;
    width: 10%;
    height: 100%;
    text-align: end;
}


.backDoble
{
    width: 100%;
}

.miBorder
{
    border: 2px solid #e75632;
    margin-top: 15px;
    width: 60%;
    display: flex;
    justify-content: center;
}

.miScroll
{
    overflow: auto;
}

.miAfiche
{
    width: 300px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.centerAfi
{
    display: flex;
    justify-content: center;
}

.miCentro
{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

/*
    MIS ESTILOS FOOTER
*/

.green
{
    color: green;
}

.black
{
    color: black;
}

.lightSkyBlue
{
    color: lightskyblue;
    font-size: 16px;
}

.foto
{
    width: 250px;
}

/*
    MIS ESTILOS HEADER
*/

.miCampanita
{

}




/*ESTILO PANTALLA BOTON BAJA*/

.titulo-pantalla{
    background-image: url('../storage/img/ARGEN_Elementos-01.png');
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.titulo{
    color: white;
    text-align: center;
    font-family: OswaldMedium2;
    width: 360px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.mi-input{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: #1DA2DC !important;
    text-align: center;
    font-family: helvetica;
    background: transparent;
    transition: border-bottom 0.75s;
    margin-bottom: 10px;
    color: black !important;
}

.btn-enviar {
    background-color: transparent;
    border-radius: 25px;
    color: #EE4E23;
    padding: 10px 34px;
    font-family: GothamBold !important;
    font-size: 2rem;
    border: 2px solid #EE4E23;
}

.btn-enviar:hover{
    background-color: #da4f2f;
    color: white;
}

.mi-input::placeholder {
    color: #9b9b9b !important;
    opacity: 1; /* Firefox */
}

.mi-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9b9b9b !important;
}

.mi-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #9b9b9b !important;
}

.font-GothamBook{
    font-family: GothamBook;
}

@media(min-width: 768px)
{
    .mi-input
    {
        width: 30%;
    }
}

@media(max-width: 768px)
{
    .mi-input
    {
        width: 60%;
    }
}

.border-color-red{
    border-top: red !important;
    border-left: red !important;
    border-right: red !important;
    border-bottom-color: red !important;
}

.error-baja{
    font-weight: bolder;
    color: red;
    display: none;
    margin-top: 14px;
    max-height: 20px;
}

/*FIN ESTILO PANTALLA BOTON BAJA*/

/* ESTILOS RESPUESTA_BAJA */

.circulo-celeste{
  background-color: #fcfcfc;
  width: 100%;
  border-radius: 90px;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.full-width-celeste{
  background-color: #204F9D;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  font-family: 'GothamBook';
  font-size: 30px;
}

.centralizar{
  width: 70%;
  text-align: center;
}
.texto{
  color: white;
  font-family: 'GothamBook';
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.full-width{
  width: 100%;
  text-align: center;
  font-family: 'GothamBook';
  font-size: 30px;
  margin-bottom: 45px;
}
.muchas-gracias{
  font-size: 30px;
  color: #204F9D;
}
.texto-flecha{
  font-size: 30px;
  color: black;
}
.imagen-flecha{
  margin-bottom: 30px;
  margin-top: 30px;
}

/*FIN ESTILOS RESPUESTA_BAJA */

/*ESTILOS MEDIOS PAGOS */

.fullWidth{
    width: 100%;
}

.font-white{
    color: white;
}

.recuadro-bancos{
    border: 3px solid white;
    border-radius: 15px;
    width: 80%;
    margin-left: 10%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.main-medios-pagos{
    background-image: url('../storage/img/fondo-medios-pagos.png');
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-wrap: wrap;
}

.btn-transparente{
    background-color: transparent;
    border: none;
}

.encabezado-medios-pagos{
    padding: 20px;
}

.titulo-borde-circular{
    color: white;
    /*border: 2px solid white;*/
    border-radius: 35px;
    padding: 5px 25px;
}

.medios-pago-text{
    font-size: 35px;
    color: white;
}

.metodos-pagos {
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 30px;
    display: grid;
    gap: 3rem;
    grid-auto-flow: dense;
    grid-auto-rows: 22rem;
    grid-template-columns: repeat(3, minmax(min(100%, 25rem), 1fr));
}

.font-white{
    color: white;
}

.imagen-item-medio-pago{
    height: 150px;
    width: 150px;
}

.medios-pago-text-item {
    font-size: 22px;
}

.dudas-contacto{
    background-image: url('../storage/img/fondo-medios-pagos-2.png');
}

.dudas-descripcion{
    padding: 20px;
}

.font-celeste{
    color: #204F9D;
}

.item-metodo-pago:hover{
    transform: scale(1.2);
    cursor: pointer;
}

.dudas-item-foto:hover{
    transform: scale(1.2);
    cursor: pointer;
}

.dudas-items{
    display: flex;
    justify-content: center;
    width: 100%;
}

.dudas-item-foto{
    width: 20%;
    margin: 30px;
}

.footer-medios-pagos{
    font-family: UbuntuItalic;
    text-align: center;
    font-size: 19px;
}

.font-descripcion-dudas {
    font-size: x-large;
}

.foto-qr{
    max-height: 350px;
    max-width: 100%;
}

.word-break{
    word-break: break-word;
}

@media (max-width: 367px) {
    .titulo-borde-circular {
        padding: 5px 15px;
    }
    .medios-pago-text {
        font-size: 21px;
    }
    .main-medios-pagos{
        padding: 0px;
    }
    .medios-pago-text-item {
        font-size: 20px;
    }
}

@media (max-width: 805px) {

    .dudas-item-foto {
        width: 30%;
        margin: 5px;
    }

    .dudas-items {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .font-descripcion-dudas {
        font-size: large;
    }
    .medios-pago-text-item {
        font-size: 14px !important;
    }

    .dudas-item-foto {
        width: 60%;
        margin: 5px;
    }
}

@media (max-width: 1608px) {
    .metodos-pagos {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 1366px){
    .metodos-pagos {
        padding-left: 8%;
        padding-right: 8%;
    }
}

@media (max-width: 1366px){
    .metodos-pagos {
        padding-left: 0%;
        padding-right: 0%;
    }

    .metodos-pagos {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        margin-bottom: 30px;
        display: grid;
        gap: 3rem;
        grid-auto-flow: dense;
        grid-auto-rows: 22rem;
        grid-template-columns: repeat(3, minmax(min(100%, 25rem), 1fr));
    }
}

@media (max-width: 1312px) {
    .metodos-pagos {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width: 1260px) {
    .metodos-pagos {
        padding-left: 0%;
        padding-right: 0%;
    }
}

@media (max-width: 1140px) {
    .metodos-pagos {
        padding-left: 0%;
        padding-right: 0%;
        gap: 1rem;
    }
}

@media (max-width: 1079px) {
    .medios-pago-text-item {
        font-size: 20px;
    }

    .metodos-pagos {
        grid-template-columns: repeat(3, minmax(min(100%, 20rem), 1fr));
    }
}

@media (max-width: 1050px) {
    .medios-pago-text-item {
        font-size: 20px;
    }
    .metodos-pagos {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        margin-bottom: 30px;
        display: grid;
        gap: 0rem;
        grid-auto-flow: dense;
        grid-auto-rows: 21rem;
        grid-template-columns: repeat(3, minmax(min(100%, 20rem), 1fr));
    }
}

@media (max-width: 850px) {
    .medios-pago-text-item {
        font-size: 17px;
    }
    .metodos-pagos {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    }
    .imagen-item-medio-pago {
        height: 120px;
        width: 120px;
    }
}

@media (max-width: 410px) {
    .recuadro-bancos {
        width: 100%;
        margin-left: 0%;
    }
}

/*FIN ESTILOS MEDIOS PAGOS */

.flex2{
  display: content;
}

.first{
  margin-top: 100px;
}

.letra{
  font-size: 60px;
  line-height: 75px;
  font-family: GothamBold;
}

@media screen\0 {
.first{
  margin-top: 50px;
}
}

@media (max-width: 468px) {

}

@media (min-width: 468px) {

}

/***********************************************/

.fondo-celu{
  background-image: url(../storage/img/Argenpesos_Landing_Fondo-chatbot.png);
  background-size: cover;
}

.img-Celu-chat{
  width: 100%;
  margin-bottom: -40px;
}

.VSoNS {
    position: absolute !important;
    width: 30% !important;
    height: 100% !important;
    margin-left: 62% !important;
    margin-top: 230px !important;
    z-index: 0 !important;
}


/* ESTILOS MATY */
.img-fondo-principal{
    background-image: url(../storage/img/Argenpesos_Landing_5_Banner-home-FONDO.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: calc(100vh - 30vh);
}

.saca-tu-prestamo{
    font-family: GothamBlack;
    color: white;
    font-size: 40px;
    word-break: break-word;
    width: 100%;
}

.principal-izquierda{
    width: 100%;
    height: 100%;
    margin-left: 50px;
}

.saca-tu-prestamo-bold{
    font-size: 60px;
    line-height: 75px;
    font-family: GothamBold;
    word-break: break-word;
    color: white;
    font-weight: 700;
    width: 100%;
}

.hasta-100k{
    width: 100%;
}

.text-stp{
    height: 95% ;
    display: flex ;
    flex-wrap: wrap ;
    margin-left: 100px;
    align-content: center;
}

.pie{
    /*text-align: center;*/
    color: white;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
}

.text-web{
    display: block;
    margin-top: 20px;
    margin-right: 45%;
}

.text-mob{
    display: none;
}

.text-body-respsocial{
    font-size: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.btn-saca-prestamo {
    margin-top: 50px;
}

@media (max-width: 768px) {
    .img-fondo-principal{
        background-image: url(../storage/img/Argenpesos_Landing_5_Banner-Mobile-FONDO.jpg) !important;
        background-repeat: no-repeat;
        background-size: 100%;
        height: calc(100vh - 30vh);
    }

    .saca-tu-prestamo-bold{
        font-size: 50px;
        line-height: 60px;
        font-family: GothamBold;
        word-break: break-word;
        color: white;
        font-weight: 700;
        width: 100%;
    }

    .big.border-btn {
        font-size: 19px;
        padding: 14px 30px;
    }

    .saca-tu-prestamo {
        font-family: GothamBlack;
        color: white;
        font-size: 20px;
        word-break: break-word;
        width: 100%;
    }

    .principal-izquierda {
        width: 100%;
        height: 90%;
        text-align: start;
        margin-left: 0px;
    }

    .text-stp {
        margin-top: 40px;
        width: 100%;
        height: 90% !important;
    }

    .pie{
        text-align: center;
        color: white;
        width: 100%;
    }

    .text-web{
        display: none;
    }

    .text-mob{
        display: block;
    }

    .btn-saca-prestamo {
        text-align: center;
        margin-top: 30px;
    }

    .stpb-img-izq-web{
        width: 100%;
        display: none !important;
    }
    
    .stpb-img-izq-mob{
        width: 100%;
        display: block !important;
    }

    .stpb-img-der-web{
        width: 100%;
        margin-top: 15px;
        display: none !important;
    }
    
    .stpb-img-der-mob{
        width: 100%;
        display: block !important;
    }

    .VSoNS {
        position: absolute !important;
        width: 100% !important; 
        max-height: 500px !important; 
        margin-left: 0% !important; 
        margin-top: 150px !important;
        z-index: 0 !important;
    }

    .chat-mobile{
        display: block !important;
        background-image: url(../storage/img/Finadi_Landing_Fondo-chatbot.png) !important;
        background-size: 100% 100%;
        height: 800px;
    }

    .stpb-hace-click{
        display: flex !important;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 15px;
    }

    .stpb-img-hace-click{
        width: 80px;
        position: absolute;
        margin-left: 20px;
        margin-top: 6px;
    }

    .stpb-texto-hace-click{
        color: white;
        background: #204F9D;
        border-radius: 15px;
        text-align: center;
        padding: 15px 15px 15px 25px;
        font-weight: 700;
        font-size: 14px;
        margin-left: 70px;
    }


    .stpb-img-check{
        width: 100%;
        margin-top: 15px;
    }

    .stpb-chatea-tina{
        display: none !important;
        position: absolute;
    }

    .tina-web{
        display: none;
    }

    .chat-con-tina-web{
        display: none;
    }
    
    .chat-con-tina-mob{
        position: absolute;
        left: 0px !important;
        top: 28% !important;
        width: 100% !important;
        height: 80vh !important;
        display: block !important;
    }
}


/*ESTILO DEL BOT*/
.stpb-izq{
    padding: 0px;
}

.stpb-img-izq-mob{
    width: 100%;
    display: none;
}

.stpb-der{
    padding: 0px;
}

.stpb-img-der-mob{
    width: 100%;
    display: none;
}

.chat-mobile{
    display: none;
}

.text-white{
    color: white;
}

.texto-prestamo{
    color: white;
	padding-top: 120px;
    display: grid;
    justify-content: center;
}

.cien-mil{
    background-color: white;
    width: max-content;
    color: #204F9D;
    font-size: 40px;
    font-weight: 700;
    border-radius: 15px;
    padding: 5px;
}

.prestamo-hasta {
    font-family: GothamBlack;
    color: white;
    font-size: 23px;
    word-break: break-word;
}

.footer-chat{
    bottom: 0px;
    position: absolute;
    color: white;
}

.footer-chat b {
    color: white;
}

.stpb-hace-click{
    display: none;
}

.stpb-chatea-tina{
    display: flex;
    position: absolute;
    margin-top: 30px;
    justify-content: center;
    width: 100%;
}

.stpb-img-tina{
    width: 100px;
}

.stpb-texto-chatea-tina{
    margin-top: 40px;
    font-size: 20px;
	font-weight: bold;
}

@media (max-width: 767px){
    div footer .hLkEnq {
        height: 50px !important;
        max-height: auto !important;
    }
}

.stpb-chatea-tina-web{
    display: flex;
    justify-content: center;
    align-items: center;
}

.stpb-img-tina-web{
    margin-right: -45px;
    z-index: 1;
}

.stpb-texto-chatea-tina-web{
    background: #204F9D;
    color: white;
    font-size: 35px;
    padding: 15px;
    border-radius: 15px;
    padding-left: 55px;
	font-weight: bold;
}

/*.chat-con-tina-web{
    position: absolute;
    left: 9vw;
    top: 20%;
    width: 70%;
    height: 100vh;
    display: block;
}*/

.chat-con-tina-mob{
    position: absolute;
    left: 9vw;
    top: 20%;
    width: 70%;
    height: 100vh;
    display: none;
}

iframe .Footer{
    height: 50px !important;
}

.logo-tina {
	position: absolute;
	margin-top: 50px;
    margin-left: 50px;
}

.li-turno-sucursales {
    width: 145px;
    word-break: break-word;
    flex-wrap: wrap;
    display: flex;
}

/* Medias queries para foto */

@media (max-width: 4000px){
    .chat-con-tina-web {
        position: absolute;
        left: 4.5vw;
        top: 20%;
        width: 40%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 3800px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 3600px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 3400px){
    .chat-con-tina-web {
        position: absolute;
        left: 5.5vw;
        top: 20%;
        width: 50%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 3200px){
    .chat-con-tina-web {
        position: absolute;
        left: 5.5vw;
        top: 20%;
        width: 50%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 3000px){
    .chat-con-tina-web {
        position: absolute;
        left: 6vw;
        top: 20%;
        width: 55%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 2800px){
    .chat-con-tina-web {
        position: absolute;
        left: 6vw;
        top: 20%;
        width: 60%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 2600px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 55%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 2400px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 60%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 2200px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 1920px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .stpb-img-der-web{
        width: 960px;
    }

    .stpb-img-izq-web{
        width: 960px;
    }
}

@media (max-width: 1850px){
    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .stpb-img-der-web{
        width: 100%;
    }

    .stpb-img-izq-web{
        width: 100%;
    }
}

@media (max-width: 1650px){

    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .stpb-img-der-web{
        width: 100%;
    }

    .stpb-img-izq-web{
        width: 100%;
    }
}

@media (max-width: 1450px){

    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .stpb-img-der-web{
        width: 100%;
    }

    .stpb-img-izq-web{
        width: 100%;
    }
}

@media (max-width: 1250px){

    .chat-con-tina-web {
        position: absolute;
        left: 9vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .stpb-img-der-web{
        width: 100%;
    }

    .stpb-img-izq-web{
        width: 100%;
    }
}

@media (max-width: 1050px){

    .chat-con-tina-web {
        position: absolute;
        left: 10vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .stpb-img-der-web{
        width: 100%;
    }

    .stpb-img-izq-web{
        width: 100%;
    }
}

@media (max-width: 991px){
    .chat-con-tina-web {
        position: absolute;
        left: 16vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }
}

@media (max-width: 850px){
    .chat-con-tina-web {
        position: absolute;
        left: 16vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: block;
    }

    .metodos-pagos {
        grid-template-columns: repeat(2, minmax(min(100%, 16rem), 1fr));
    }
}

@media (max-width: 768px){
    .chat-con-tina-web {
        position: absolute;
        left: 10vw;
        top: 20%;
        width: 70%;
        height: 100vh;
        display: none;
    }

    /* .stpb-hace-click{
        display: none !important;
    } */
}

@media (max-width: 1366px){
    
    .text-stp {
        height: 95% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: 100px !important;
    }

    .saca-tu-prestamo {
        font-size: 30px !important;
    }
}

@media (max-width: 500px){
    
    .text-stp {
        margin-top: 0px !important;
        margin-left: 0px !important;
        justify-content: center !important;

    }

    .hasta-100k{
        text-align: center;
    }
}

@media (max-width: 500px) and (max-height: 700px){
    
    .pie{
        font-size: 12px !important;
    }

    .saca-tu-prestamo-bold{
        font-size: 40px !important;
    }
    
    .saca-tu-prestamo{
        font-size: 25px !important;
    }

}



/* Estilos Mapa Sucursal */
.fondoMapaSucursales{
	background-image: url(/storage/img/FondoMapaFilial.png);
    height: 85vh;
    background-repeat: no-repeat;
    background-size: 90% 100%; /* Fuerza la imagen de fondo a cubrir el 100% del ancho y alto del contenedor */
    background-position: center;
    position: relative;
    overflow-x: auto; /* Habilitar el desplazamiento horizontal cuando sea necesario */
    white-space: nowrap;
    margin-top: 50px;
}

.pointerSucursal{
    height: 6.8vh;
}

.pointerSucursal:hover{
    cursor: pointer;
    height: 5vh;
}

.marcador {
    position: absolute;
}

.marcador:hover + .info-box {
    /* display: block; */
    /* Agrega estilos adicionales según tus necesidades para el div .info-box */
}

.info-box {
    display: none;
    position: absolute;
    border: 3px solid #00A5E7;
    border-radius: 10px;
    background-color: white;
    padding: 10px;
    z-index: 1;
}

.listaSucursalesAcordeon{
    display: none;
}

.btn-boton-collapse {
    background-color: #204F9D;
    color: white;
    font-weight: bold;
    font-size: large;
}


.accordion-button:not(.collapsed) {
    color: #204F9D;
    background-color: white;
}

.info-box-titulo{
    font-size: large;
}

.info-box-horarios{
    font-size: medium;
}

.info-box-detalle{
    font-size: large;
}

.info-box-botonera{
    margin: 20px 0px;
    display: flex;
    justify-content: space-around;
}

.font-bold{
    font-weight: bold;
}

.info-box-btn{
    color: #204F9D;
    letter-spacing: 1px;
    font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #00A5E7;
    border-radius: 30px;
    padding: 14px;
}

.info-box-btn:hover{
    color: white;
    background: #204F9D;
}


@media (max-width: 576px) {
    
    .fondoMapaSucursales{
        display: none;
    }

    .listaSucursalesAcordeon{
        margin-top: 50px;
        display: block;
    }

}