@charset "utf-8";

.wrapper-click, .wrapper-click-item {display: none;position: fixed;padding:10px;z-index:9999999999;border-radius:4px}

#contact_form_click{position: relative;height: auto;float:left;}

.content-wrapper-click{background-color:rgba(253,253,253,1.00);box-shadow: 2px 2px 2px 2px rgba(60,60,60,0.8);border-radius:4px}

.h2-wrapper-click{font-family: 'Montserrat', sans-serif;line-height:25px;text-align:left;color:rgba(0,0,0,1.00);letter-spacing: 1px;font-weight:700;}

.p-wrapper-click{font-family: 'Montserrat', sans-serif;font-weight: 400;color:rgba(18,15,15,1.00);position: relative;float: left;}

#formulario-wrapper-click, #formulario-wrapper-click-item{position: relative;float:left;text-align: center;z-index: 9;}	

.box-form-wrapper-click, .box-form-select-wrapper-click{float: left;position: relative;display: block;}

.espacio-blanco-wrapper-click{font-family: 'Montserrat', sans-serif;color: #181818;border: 2px solid rgba(193,193,193,.55);font-weight: 400;z-index: 99;text-align: center;display: block;float: none;position:relative;background-color:transparent;-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}

.espacio-blanco-select-wrapper-click{font-family: 'Montserrat', sans-serif;color: #181818;border: 2px solid rgba(193,193,193,.55);font-weight: 400;z-index: 99;text-align: center;display: block;float: none;position:relative;background-color:transparent;-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}

.espacio-blanco-wrapper-click-tel, .espacio-blanco-wrapper-click-tel-short {font-family: 'Montserrat', sans-serif;color: #181818;border: 2px solid rgba(193,193,193,.55);font-weight: 400;z-index: 99;text-align: center;display: block;float: none;position:relative;background-color:transparent;-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}

#enviar-wrapper-click{font-family: 'Montserrat', sans-serif;border:0;font-weight:600;color: rgba(255,255,255,1.00);cursor: pointer;background-color: rgb(97, 198, 198) !important;-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}

#enviar-wrapper-click:hover {background-color: rgba(97, 198, 198, 0.8) !important;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;opacity:0.80}

#enviar-wrapper-click-close{font-family: 'Montserrat', sans-serif;border:0;font-weight:500;color: rgba(67,67,67,1.00);cursor: pointer;background-color: transparent !important;border-bottom:1px solid rgba(67,67,67,0.20)}

#enviar-wrapper-click-close:hover {background-color: rgba(150,150,150,1);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;opacity:0.80}

.icon-whatsapp-popup:before, .icon-telefono-popup:before {color: rgba(67,67,67,1.00);position: relative; float: left;}

.h3-wrapper-click{font-family: 'Montserrat', sans-serif;text-align:center;color:rgba(61,59,59,1.00);font-weight:400;}

.h4-wrapper-click a{font-family: 'Montserrat', sans-serif;border:0;font-weight:600;color: rgba(255,255,255,1.00);cursor: pointer;background-color: rgb(97, 198, 198) !important;border-radius:4px;text-align: center}

.h4-wrapper-click a:hover{background-color: rgba(97, 198, 198, 0.8) !important;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;opacity:0.80}

.popupCloseButtonClick {background-color:#fff !important;color:rgb(97, 198, 198);border: 2px solid rgb(97, 198, 198) !important;border-radius: 50px;cursor: pointer;display: inline-block;font-family: 'Sarabun', sans-serif;font-weight:900;position: absolute;top: -20px;right: -20px;font-size: 25px;line-height: 30px;width: 30px;height: 30px;text-align: center;z-index: 99 !important}

.popupCloseButtonClick:hover {background-color:rgb(97, 198, 198) !important;color:#fff !important}

/* ESCONDER FLECHAS */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

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

@media screen and (max-width:600px){
    
    .wrapper-click, .wrapper-click-item {width:100%;height:100%;top:0px;left:0%;position: fixed;background: rgba(0,0,0, 0.5)}

    .content-wrapper-click {width:90%;height:500px;margin:-225px 8% 0px 2%;top:50%;position:fixed;}

    .h2-wrapper-click{font-size:20px;position: relative;float: left;display: block;text-align:left;width:100%;margin:15px 0px;line-height:28px;}

    .p-wrapper-click{margin:0px 0px 10px 0px;font-size:16px;line-height:25px;width:100%;text-align:left;}

    #formulario-wrapper-click, #formulario-wrapper-click-item{height:auto;width:90%;margin:0px 5%;top:0px;position:relative;float:left;border-radius:4px}

    .box-form-wrapper-click{height: auto;width:95%;margin:5px 2.5%;}

    .box-form-select-wrapper-click{height: auto;width:45%;margin:5px 2.5%;}

    .espacio-blanco-wrapper-click{position: relative;float:left;width:90%;height:auto;font-size: 14px;margin:5px 5%;padding:15px 0px}

    .espacio-blanco-select-wrapper-click{position: relative;float:left;width:96%;height:auto;font-size: 12px;margin:5px 2%;padding:15px 0px}

    .espacio-blanco-wrapper-click-tel-short{position: relative;float:left;width:30%;height:auto;font-size: 12px;margin:5px 5%;padding:15px 0px}
    
    .espacio-blanco-wrapper-click-tel{position: relative;float:left;width:54%;height:auto;font-size: 12px;margin:5px 0%;padding:15px 0px}

    .box-form-wrapper-click{height: auto;width:95%;margin:5px 2.5%;}

    #enviar-wrapper-click{height:auto;width:90%;position: relative;font-size:18px;float: left;margin:15px 5% 5px 5%;display:block;padding:10px 0px}

    #enviar-wrapper-click-close{height:auto;width:90%;position: relative;font-size:16px;line-height: 28px; float: left;margin:12px 5% 2.5px 5%;display:block;padding:10px 0px 2px 0px}
    
    .icon-whatsapp-popup:before, .icon-telefono-popup:before {font-size:30px;float: left;margin:-5px 0px 5px 0px;}

    .result-click, .result-click-item {height:450px;width:90%;margin:0px 5%;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-wrapper-click{width:75%;height:auto;position: relative;margin:15px 12.5%;float:left} 

    .h3-wrapper-click{font-size:16px;position: relative;float: left;display: block;text-align:center;width:100%;margin:5px 0%;line-height:28px;}
    
    .h4-wrapper-click a{height:auto;width:90%;position: relative;font-size:18px;float: left;margin:15px 5%;display:block;padding:10px 0px}

    .closebtn{display:block}
}

@media screen and (min-width:1101px){

    .wrapper-click,.wrapper-click-item{width:100%;height:100%;top:0px;left:0%;position: fixed;background: rgba(0,0,0, 0.5)}

    .content-wrapper-click {width:400px;height:520px;margin:-245px 0px 0px -200px;top:50%;left:50%;position: fixed;padding:1px}

    .h2-wrapper-click{font-size:22px;position: relative;float: left;display: block;text-align:left;width:300px;margin:15px 0px;line-height:28px;}

    .p-wrapper-click{margin:0px 0px 10px 0px;font-size:16px;line-height:25px;width:100%;text-align:left;}

    #formulario-wrapper-click, #formulario-wrapper-click-item{height:auto;width:300px;margin:0px 50px;top:0px;position:relative;float:left;border-radius:4px}

    .box-form-wrapper-click{height: auto;width:300px;margin:15px 0px;}

    .box-form-select-wrapper-click{height: auto;width:141px;margin:8px 5% 0px 0px;}
    
    .box-form-select-wrapper-click:last-child{margin:8px 0px;}
    
    .espacio-blanco-wrapper-click{position: relative;float: left; width:292px !important;height:45px;font-size: 14px;margin:8px 0px; padding: 0px !important}

    .espacio-blanco-select-wrapper-click{position: relative;float: left; width:100%;height:45px;font-size: 14px;margin:0%}

    .espacio-blanco-wrapper-click-tel-short{position: relative;float:left;width:100px;height:45px;font-size: 14px;margin:5px 5% 5px 0px;padding:0px}
    
    .espacio-blanco-wrapper-click-tel{position: relative;float:left;width:174px;height:45px;font-size: 14px;margin:5px 0%;padding:0px}

    #enviar-wrapper-click{height:auto;width:298px;position: relative;font-size:20px;float: left;margin:5px 0px;display:block;padding:14px 0px}

    #enviar-wrapper-click-close{height:auto;width:300px;position: relative;font-size:16px;float: left;margin:12px 0px 5px 0px;display:block;padding:10px 0px 2px 0px}

    .icon-whatsapp-popup:before, .icon-telefono-popup:before {font-size:30px;float: left;margin:-5px 0px 5px 0px;}

    .result-click, .result-click-item {height:520px;width:400px;margin:0px;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-wrapper-click{width:150px;height:auto;position: relative;margin:50px 125px 25px 125px;float:left} 

    .h3-wrapper-click{font-size:16px;position: relative;float: left;display: block;text-align:center;width:100%;margin:5px 0%;line-height:28px;}
    
    .h4-wrapper-click a{height:auto;width:200px;position: relative;font-size:18px;float: left;margin:15px 0px 5px -100px;left:50%;display:block;padding:14px 0px}
    
}