/*********************************************************************************/
/* style edwin baule                                                                    */
/*********************************************************************************/

@charset "UTF-8";

html {  
  background-image: url("../img/iconos_patterns/pattern_html.png"), url("../img/iconos_patterns/bg_device.png");
  background-repeat: repeat, no-repeat;
  background-color: rgba(30, 30, 30, 1.0);
  background-size: auto, cover;
  background-position: center,center  ; 
  background-attachment: local, scroll;
  max-width: 100vw;
  overflow-x: hidden;   
  transition: all 0.2s ease; 
}


body {  
  background-image: url("../img/iconos_patterns/pattern_body.png");
  background-repeat: repeat;
  background-color: rgba(255, 255, 255, 1.0);
  padding-top:102px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  border: 0px solid #000;
  margin-top:0px; margin-bottom:0px;
  max-width: 100vw;
  overflow-x: hidden;   
  transition: all 0.3s ease; 
}



.project_today { 
  display: flex;  
  background-image: url("../img/project_today.png"); 
  background-color: rgb(0 ,0 ,0 ,0 ); 
  background-repeat: no-repeat;   
  background-attachment: relative;
  background-position: center;
   height:350px;
    width:100%;
   position: absolute;    
  filter: opacity(20%);
    left:0px;
    top:60px; 
   pointer-events: none;
  -webkit-touch-callout: none;  
  transition: opacity 1s ease-in-out;
  zoom:0.90;
} 




.gracias {   
  padding-top:30px;
  padding-bottom:40px; 
color: #444;
}

#elementoACapturar {
            width: 100%;
            height: 100%;
        padding-top:10px;
    padding-bottom:10px;
  margin-top: 10px;
  color:#222;
}
    
#elementoACapturar:o {   
  color:#222;
}  

.increase img{
zoom:5.0;  
display:block;  
  
}



h2 {
  
  font-size:2.20em;
  line-height:0.8em;
  font-weight:500;
  color: #000;
  
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal;  
}

h3 { 
  
  line-height:1.0em;
  color: #222;  
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal;  
  margin-bottom: -2px;
}

h3 span_01 {
   line-height:1.10em;
  font-size:1.0em;
  font-weight:300;
  color: #333;  
  font-family: "Open Sans", sans-serif;
  font-style: normal;  
}

h3 span_02 {
  font-size:1.03em;
  line-height:1.0em;
  font-weight:600;
  color: #222;  
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal;  
}

h3 span_002 {
  
  line-height:1.20em;
  font-weight:600;
  color: #888;  
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal;  
}

h3 span_0002 {
  
  line-height:1.25em;
  font-weight:600;
  color: #333;  
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal;  
}

h4 span_01 {
  font-size:0.7em;  
  font-weight:300;
  color: #222;  
  font-family: "Open Sans", sans-serif;
  font-style: normal;  
}

h4 span_02 {
  font-size:0.7em;  
  font-weight:300;
  color: #222;  
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal;  
}




h4 {
  color: #222;
}

h1 {
  color: #222;
}

p {
  color: #222;
}
sup {
font-size:0.35em;
}

underneath_descripcion
{ font-size:0.96em;
  line-height:0.45em;
  font-weight:500;
  margin-left:1px;
  color: #222}



.header_image {
display:none;
}   

.showroom {
  display:block; padding-top:5px;
  width:100%;
}
.showroom span {
  font-size:0.98em;
  line-height:1.00em;
  font-weight:500;
  color:#222;
}

.showroom p {
  font-size:0.87em;
  font-weight:300;
  color:#222;
  text-align:left;
}

.margen_small {          
       display:block;
      }
.margen_medium_y {    
  display:none;
}
.margen_medium {          
       display:block;
      }

.margen_large {          
        display:none;
      }

  ul, ol {
        list-style:none;
      }

   .logotipo {    
  display: block;
      }


.hide {display:none;}




/*******************************/
/* slider option */
/*******************************/
#card
{ width:100%;
   box-sizing: border-box;
   margin: 0px 0px 0px 5px;
    padding:8px;
  background: rgba(0,  0, 0, 0);
 font-size:0.70em;

}

#card h1
{  
  font-style: normal;
   font-size:1.10em;
  font-weight:500;
   color:#000;
  
}

#card h2
{  
  font-style: normal;
   font-size:0.93em;
  font-weight:800;
   color:#222;
} 
#card p
{  
 color:#000;
  font-weight:600;
}
 

#card li
{
  color:#222;
}
#card li a
{
  color:#222;
}

#card li a:hover
{
  color:#777;
}  

.details img {
   zoom: 1;border-radius:2px;
  -webkit-filter: saturate(0%);
   -moz-filter: saturate(0%);   
   filter: saturate(0%);
   transition: all 0.3s ease; }
  
.details img:hover {
    -webkit-filter: saturate(60%);
   -moz-filter: saturate(60%);
   filter: saturate(60%);
   transition: all 0.3s ease;  
  }
  
#wb_Card_Contact_Right
{  
  position:relative;
  padding:0px;
  display: block;
  float:right;
  left:0px;
  top:40px;
  width:100%;
  height:auto;  
   margin: 0;
 background-color:rgba(255, 255, 255, 0.00);
  border: 0px solid rgba(0, 0, 0, 0.02);
   border-radius: 5px;

}

#wb_Card_Contact_Right p
{  color:#fff;
   text-align: left;
  font-weight: 500;
  font-size: 0.95em;
}
#wb_Card_proyectos
{  

  display: none; 
}

#wb_Card3{  
  display: none;
}

#wb_Card2{  
  display: none;
}

#wb_Card1
{ 
  display: none;
}



.redes { z-index:2;
    display:block-inline;
    height:auto;
    border-radius:2px;
    background-color:none;
    border:0px solid #ccc;
    text-align:right;
    padding:2px;
    cursor:pointer;
    outline: 0;
 
}
  
.redes a { 
  outline: 0; }
    
    
.redes a:focus {
  outline: 0; }

    

.redes img {
    opacity:0.95;
   align-content: center;
  margin-bottom:10px;
   border-radius:15%;border:0px solid #888;
  -webkit-filter: opacity(50%);
   -moz-filter: opacity(50%);
   filter: opacity(50%);  
  -webkit-filter: saturate(0%);
   -moz-filter: saturate(0%);   
   filter: saturate(0%);
   transition: all 0.3s ease;  }
    
.redes img:hover {
    opacity: 1;
   -webkit-filter: saturate(60%);
   -moz-filter: saturate(60%);
   filter: saturate(60%);
   transition: all 0.3s ease;  
    }   


.social { z-index:2;
    display:block-inline;
    height:auto;
    border-radius:2px;
    background-color:none;
    border:0px solid #ccc;
    text-align:right;
    padding:2px;
    cursor:pointer;
    outline: 0;
 
}
  
.social a { 
  outline: 0; }
    
    
.social a:focus {
  outline: 0; }

    

.social img {
    opacity:0.95;
   align-content: center;
  margin-bottom:10px;
   border-radius:15%;border:0px solid #888;
  -webkit-filter: opacity(50%);
   -moz-filter: opacity(50%);
   filter: opacity(50%);  
  -webkit-filter: saturate(0%);
   -moz-filter: saturate(0%);   
   filter: saturate(0%);
   transition: all 0.3s ease;  }
    
.social img:hover {
    opacity: 1;
   -webkit-filter: saturate(60%);
   -moz-filter: saturate(60%);
   filter: saturate(60%);
   transition: all 0.3s ease;  
    }   



.redes_02 { z-index:2;
    display:block-inline;
    height:auto;
    border-radius:2px;
    background-color:none;
    border:0px solid #ccc;
    text-align:right;
    padding:2px;
  margin-left:-3px;
    cursor:pointer;
    outline: 0;
 
}
  
.redes_02 a { 
  outline: 0; }
    
    
.redes_02 a:focus {
  outline: 0; }

    

.redes_02 img {
    opacity:0.95;
   align-content: center;
  margin-bottom:10px;
   border-radius:15%;border:0px solid #888;
  -webkit-filter: opacity(50%);
   -moz-filter: opacity(50%);
   filter: opacity(50%);  
  -webkit-filter: saturate(0%);
   -moz-filter: saturate(0%);   
   filter: saturate(0%);
   transition: all 0.3s ease;  }
    
.redes_02 img:hover {
    opacity: 1;
   -webkit-filter: saturate(60%);
   -moz-filter: saturate(60%);
   filter: saturate(60%);
   transition: all 0.3s ease;  
    }   

.redes_03 { z-index:2;
    display:block-inline;
    height:auto;
    border-radius:2px;
    background-color:none;
    border:0px solid #ccc;
    text-align:right;
    padding:2px;
  margin-left:-3px;
    cursor:pointer;
    outline: 0;
 
}
  
.redes_03 a { 
  outline: 0; }
    
    
.redes_03 a:focus {
  outline: 0; }

    

.redes_03 img {
    opacity:0.95;
   align-content: center;
  margin-bottom:10px;
   border-radius:15%;border:0px solid #888;
}
    
.redes_03 img:hover {
    opacity: 0.95;

    }   

.redes_04 { z-index:2;
    display:block-inline;
    height:auto;
    border-radius:2px;
    background-color:none;
    border:0px solid #ccc;
    text-align:right;
    padding:2px;
  margin-left:-3px;
    cursor:pointer;
    outline: 0;
 
}
  
.redes_04 a { 
  outline: 0; }
    
    
.redes_04 a:focus {
  outline: 0; }

    

.redes_04 img {
    opacity:0.95;
   align-content: center;
  margin-bottom:10px;
   border-radius:15%;border:0px solid #888;
}
    
.redes_04 img:hover {
    opacity: 0.95;

    } 

.hr1 {
    text-align:center;
    border: 1;
    height: 3px;
  padding-bottom: 5px;
    line-height: 0.2em;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}

.hr2 {
    text-align:center;
    border: 0px;
    height: 5px;
  padding-bottom: 5px;
    line-height: 0.2em;
   background: rgba(0, 0, 0, 0);
}
.btn {
 padding:12px;
  
}

.text_footer {
  display:block; 
  
}

.footer {
  background-color:none;
   border-radius:0px;
  width:100%;
  opacity:0.95;
  margin:auto;
  border-top:0px solid #888;
  margin-top:0px; 
  margin-left:0%; 
  padding-top:15px; 
  padding-bottom:40px; 
  padding-left:0px;  
  justify-items: center;
  text-align: center;
  color: #222;
}

.email{
  width:100%;
  position:relative;
  margin-left:0px;
  line-height:2.5em;
  font-size:0.8em;
  font-weight:700;
  color: inherit;
  font-style: oblique 10deg;  
}

.celular{
 width:100%;
  position:relative; 
  line-height:2.5em;
  font-size:0.8em;
  font-weight:700;
  color: inherit;  
}

.logo_02{  
  position:relative;  
 padding-bottom:20px;
}

.logo{
 width:100%;
  position:relative;
  line-height:1.5em;
  font-size:0.8em;
  font-weight:700;
  color: inherit;  
    font-family: "Momo Trust Display", sans-serif; 
}

.logo h4{
  font-size:1.70em;
  line-height:0.50em;
  font-weight:500;
}

.logo span{
font-size:1.0em;
  line-height:0.55em;

  font-weight:500;
  color: inherit;  
   font-family: "Open Sans", sans-serif;  
}


.site{
  width:100%;
  position:relative;
  line-height:2.5em;
  font-size:0.8em;
  font-weight:700;
  color: inherit;  
}

.advice {display:none;
}


.col-md-2 {
  display:block;
  width:100%; 
  }

.img_menu { 
zoom: 1;
  border-radius:4px;
  border:0px solid #888;
  margin-bottom:10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
  }

.title_01 { 
display:none;
}

.menu_01 { 
   width:100%;
   position: absolute;
   float:right;  
   margin-left:10px;
}

.menu_02 {
  width:100%;
  position: absolute;
  float:left;
  left:0px;
  margin-left:10px;
}



.invert {  
  opacity: 0.8;  
  
}

.message span{ 
position:relative;
padding-top:3px;
  text-align: center;
  font-size:0.70em;
  color:#111;
  font-weight:500;  
}

.stick {
   margin: auto;
 width:85%;
  margin-left: 32px;
   padding-bottom: 5px;
}


.slider {
   margin: auto;
  margin-bottom:-110px;
  padding-top:5px;
 width:90%;
  margin-left:20px;
}

.slider_01 {
   margin: auto;
  margin-bottom:-80px;
  margin-left:20px;
  padding-top:5px;
 width:92%;
}

.archi_image{    
  
  position:relative;
 margin-left:-5px;margin-top:90px; 
  opacity: 0.9;
  background-color: none;
     pointer-events: none;
  -webkit-touch-callout: none;
  transition: opacity 3.5s ease-in-out;
    opacity: 0.9;
  
}



.archi_title{
display:block;margin-left:-3px;margin-top:-20px; 
}

.archi_title span_01 {
   font-family: "Momo Trust Display", sans-serif;
  
   font-size:1.10em;
  font-weight:300;
  padding-left:8px;
  padding-right:5px;
  padding-bottom:3px;
  padding-top:3px;
  margin-top:5px;
  color:#000;
 background: rgba(0, 0, 0, 0.0);
  border: 0px solid rgba(159, 159, 159, 0.5);
   border-radius: 4px;
   text-align: center;
}

.archi_title span_02{
  font-size:0.85em;
  color:#000;
  font-family: "Open Sans", sans-serif;
  font-weight:600;
  
}

.archi_title span_03{
  font-size:0.85em;
  color:#000;
  font-family: "Open Sans", sans-serif;
  font-weight:600;
  
  padding-right:50px;
  
}

.archi_title_02{  
   display:block;  
  position:relative;
margin-top:10px; 
    color: #222;
  line-height: 0.95;
  
}

.archi_title_02 span_02 {
   font-family: "Momo Trust Display", sans-serif;  
 font-size:0.85em;
  font-weight:300;  
  color:#000;  
   text-align: left;
   line-height:1.5em;
}


.archi_title_02 span_03 {
   font-family: "Momo Trust Display", sans-serif;  
 font-size:1.40em;
  font-weight:300;  
  color:#000;  
   text-align: left;
   line-height:1.5em;
}

.archi_title_03 {  
   display:block;  
  position:relative;
margin-top:12px; 
    color: #000;
  
}

.archi_title_03 p {
   font-family: "Open Sans", sans-serif;
font-weight:100; 
   line-height:1.5em;
 font-size:1.25em; 
  color:#000;  
   text-align: left;
}

.archi_title_03 span_03 {
   font-family: "Momo Trust Display", sans-serif;
   line-height:1.5em;
 font-size:1.30em;
  font-weight:300;  
  color:#000;  
   text-align: left;
}

.archi_title_03 span_04 {
   font-family: "Momo Trust Display", sans-serif;
  
 font-size:1.50em;
  font-weight:300;  
  color:#000;  
   text-align: left;
}

.archi_title_03 span_05 {
   font-family: "Momo Trust Display", sans-serif;
  
 font-size:1.10em;
  font-weight:300;  
  color:#000;  
   text-align: left;
}


.archi_title_03 span_06 {
  
   font-family: "Momo Trust Display", sans-serif;  
 font-size:0.50em;
  font-weight:300;  
  color:#000;  
   text-align: left;
}

.archi_title_03 span_07 {
  
  font-family: "Open Sans", sans-serif;
 font-size:0.84em;
  font-weight:500;  
  color:#111;  
   text-align: left;
}



.corner_01 {  
  display: flex;
  zoom:0.7;
  bottom:0;
  float:right;
opacity:0.50;
  background-image: url("../img/iconos_patterns/corner_01.png"); 
  height:20px;
  width:20px; transform: rotate(180deg);
}   


.corner_02 { display: flex;
    zoom:0.7;
  top:0px;
  float:left;
  opacity:0.50;
    margin-top:-20px;
  background-image: url("../img/iconos_patterns/corner_02_B.png"); 
    height:20px;
  width:20px; 
  transform: rotate(180deg);
}   


.code
{
 margin-bottom:-18px;
  margin-top:12px;  margin-left:-18px;
}

.fecha {
margin-left:-15px;
}

#paragraph
{   
  background-color: rgba(255, 255, 255, 0.02);
  max-width: 100%;
  border: 2px solid rgba(143, 143, 143, 0.05);
  padding-right:0px;  padding-top:0px; 
   border-top-left-radius: 12px;
   border-bottom-right-radius: 12px;
}

#paragraph_02
{  
  background-color: rgba(255, 255, 255, 0.02);
  border: 2px solid rgba(143, 143, 143, 0.05);
  padding-right:18px;  padding-left:18px; 
  padding-top:8px;  padding-bottom:8px; 
   border-radius: 0px;
   max-width: 100%;
   border-top-left-radius: 12px;
   border-bottom-right-radius: 12px;
}

#paragraph_03
{  
  background-color: rgba(255, 255, 255, 0.02);
  border: 2px solid rgba(143, 143, 143, 0.05);
  margin-right:5px;   padding-right:0px; 
   border-radius: 0px;
   max-width: 100%;  
   border-top-left-radius: 12px;
   border-bottom-right-radius: 12px;
}


.container_body {
opacity:100%;
  
}

.container {
width:100%;
  margin:0px;
  
}

.portada {
  margin-top: 10px; 
   margin-left: 20px;
  border-radius: 4px;
 width:90%;
  display:block;  
  padding:0px;
  background-color:  rgb(0, 0, 0, 0.0);
    align-content: center;
    display: flex;
  justify-content: center;
  align-items: center; 
  
}

.about {
  margin-left: 30px;
  border-radius: 4px;
 width:88%;
  display:block;  
  padding:15px;
  background-color:  rgb(0, 0, 0, 0.0);
    align-content: center;
    display: flex;
  justify-content: center;
  align-items: center;
}

.container_proyecto {
  margin-left: 5px;
 width:99%;
  display:block;  
}


.story {
  margin-left: 20px;
  margin-bottom: 30px;
  margin-top: 22px;
  border-radius: 0px;
 width:90%;
  display:block;  
  padding:0px;  
  background-color:  rgb(0, 0, 0, 0.0);
    align-content: center;
    display: flex;
  justify-content: center;
  align-items: center;
    font-size:0.80em; 
}

.story p{ 
  color:#333;
  font-weight: 600;
}

.story h1{
  color:#333;
  font-size:1.0em; 
  font-weight: 500;
}

.story_contact {
  margin-left: 20px;
  margin-bottom: -15px;
  margin-top:-20px;
  border-radius: 0px;
 width:95%;
  display:block;  
  background-color:  rgb(0, 0, 0, 0.0);
    align-content: center;
    display: flex;
  justify-content: center;
  align-items: center;
 padding-bottom:50px;padding-top:30px;
}



.story_formulario {
  margin-left: 20px;
  margin-bottom: -25px;
  margin-top:-55px;
  border-radius: 0px;
 width:95%;
  display:block;  
  background-color:  rgb(0, 0, 0, 0.0);
    align-content: center;
    display: flex;
  justify-content: center;
  align-items: center;
 padding-bottom:5px;padding-top:30px;
}


.story_02 {
  margin-left: 35px; margin-top: 80px;
  border-radius: 4px;
 width:79%;
  display:block;  
  padding:0px;
  background-color:  rgb(0, 0, 0, 0.0);
    align-content: center;
    display: flex;
  justify-content: center;
  align-items: center;
}

.story_03 {
  margin-left: 15px; margin-top: 10px;
  border-radius: 4px;
 width:93%;
  display:block;  
  background-color: rgba(0, 0, 0, 0.0);   
}

.story_03 p{
line-height:1.3em;
  font-size:0.76em;
  font-weight:300;
  text-align:justify;
   color:#222;
}



.container_menu_01 { 
 background: none;
 display: block;width:100%;
  justify-content: center;
  align-items: center;
   

}



.container_menu_02 { 
   background-color: none;
 display: block;width:100%;
  justify-content: center;
  align-items: center;
}




.sombra_01 { 
background-color: none;
}


.sombra_02 { 
background-color: none;
}



.sombra_03 { 
background-color: none;
}


.comp  {
  zoom:0.95;
  opacity:0.9;
  position:absolute;
  top:62px;
  right:5px;
  margin-left:10px;
  text-align:left;
 background: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(159, 159, 159, 0.5);
  height:28px;
  width:auto;
  padding-top:0px;
  padding-bottom:3px;
  padding-right:15px;
  padding-left:10px;
  border-radius: 4px;
}

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

.comp span_02 {
padding-left:4px;
 font-size:0.62em;
  font-weight:500;
  color:#333; 
  
}

.comp_02  {
text-align:left;
 background: rgba(0, 0, 0, 0);
  border: 0px solid rgba(159, 159, 159, 0.5);
  height:28px;
  width: auto;;
  padding-top:0px;
  padding-bottom:8px;
  padding-right:0px;
  padding-left:0px;
  border-radius: 4px;
  margin-top:80px;
}

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

.comp_02 span_02 {
padding-left:4px;
 font-size:0.92em;
  font-weight:500;
  color:#333;   
}


.comp_03  {
text-align:left;
 background: rgba(0, 0, 0, 0);
  border: 0px solid rgba(159, 159, 159, 0.5);
  height:28px;
  width: auto;;
  padding-top:0px;
  padding-bottom:8px;
  padding-right:0px;
  padding-left:0px;
  border-radius: 4px;
  margin-top:80px;
}

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

.comp_03 span_02 {
padding-left:4px;
 font-size:0.92em;
  font-weight:500;
  color:#333;   
}

.iconos
{    
   z-index:3;
  position:absolute;
  justify-content: center;
  width:38px;
  float:left; 
  display: block;
  margin-right: -5px; 
  padding-left:5px; 
  padding-top:3px;
  padding-right:5px;
  padding-bottom:10px;
   left:-10px;
  top:-73px;  
 background: rgba(0, 0, 0, 0.025);
  border: 0px solid rgba(159, 159, 159, 0.1);
   border-radius: 8px;
   text-align: center;
}


.iconos_02
{    
   z-index:3;
  position:absolute;
  justify-content: center;
  width:38px;
  float:left; 
  display: block;
  margin-right: -5px; 
  padding-left:5px; 
  padding-top:3px;
  padding-right:5px;
  padding-bottom:10px;
   left:-10px;
  top:-73px;  
 background: rgba(0, 0, 0, 0.025);
  border: 0px solid rgba(159, 159, 159, 0.1);
   border-radius: 8px;
   text-align: center;
}


.iconos_03
{    
   z-index:3;
  position:absolute;
  justify-content: center;
  width:38px;
  float:left; 
  display: block;
  margin-right: -5px; 
  padding-left:5px; 
  padding-top:3px;
  padding-right:5px;
  padding-bottom:10px;
   left:-10px;
  top:25px;  
 background: rgba(0, 0, 0, 0.025);
  border: 0px solid rgba(159, 159, 159, 0.1);
   border-radius: 8px;
   text-align: center;
}



.insignia_01
{  
  opacity:1.0;
  position:absolute;
  display: block;
  left:-30px;
  top:0px;
  width:38px;
 background-color:rgb(0, 0, 0, 0.0);
   text-align: center;
}


.insignia_02
{  
  opacity:1.0;
  display: block;
  left:10px;
  top:3px;
 width:350px;
 
 background-color: none;
   text-align: left;
}


.info_arq
{  opacity:0.75;
  position:absolute;
  z-index:3;
  padding:0px;
  display: block;
  right:-95px;
  top:0px;
  width:170px;
  height:auto;  
   margin: 0;
   background-color: none;
   background-image: none;
   border-right: 0px solid #DEE2E6;
   border-radius: 0px;
   text-align: center;
}


.info {
  zoom:0.95;
   display:block;
  padding:6px;
  background-color: rgba(0, 0, 0, 0.0);
  z-index:10;
  position:absolute;
  right:10px;
  top:0px;
  border-radius:4px;  
}
.info img {  
  opacity: 1;
  
}

.info h1 {
  padding-left:10px;
font-size:0.75em;
  line-height: 0.70em;
  font-weight:300;
  color:#fff;  
}

.info h2 {    
  padding-left:10px;
font-size:0.75em;
  line-height: 0.70em;
  font-weight:600;
  color:#fff;  
}


/* Portfolio items */


 .entry {
  width:105%;
    overflow: hidden;
        border-radius: 4px;
}

.entry-image {  
 zoom:0.35;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  object-fit: contain;
   
}

.entry:hover .entry-image {    
   
}

.work-entry-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
     background: linear-gradient(20deg, rgba(0,0,0,0.50) 10%, rgba(0,0,0,0.05) 30%, rgba(0,0,0,0.01) 60%);
    opacity: 20;
    visibility: visible;    
}

.entry:hover . {
    opacity: 100;
    visibility: visible
}


.work-entry-hover {
    opacity: 100;
    visibility: visible
}

.work-entry-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
   visibility: visible;
}

.work-entry-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    opacity: 100;
    position: relative;
    top: 0px;
    }

.work-entry-cat {
    font-size: 12px;
    opacity: 100;
    position: relative;
    top: 0px;    
    color: #fff;
}

.entry:hover .work-entry-title,
.entry:hover .work-entry-cat {
    opacity: 1;
    top: 0
}

.resumen_left {
  display:block;
  width:100%;
  color:#fff;
  
}

.resumen_left_02 {
  padding-left:0px;
  width:80%;
  
}


.head_message{
 
  width:300px;
  height:30px;
  position:absolute;
  left:-23px;
  top:58px; 
 background: none;
  align-content: left;
  border:0px solid rgba(159, 159, 159, 0.0);
  filter: hue-rotate(-90deg);
  -webkit-filter: contrast(100%);
  filter: saturate(0%);
  
}

.head_message span_01 {
   font-family: "Momo Trust Display", sans-serif; 
   font-size:1.10em;
  font-weight:300;
   position:absolute;
  left:0px;
  top:-8px;
  
  color:#111;
 background: rgba(0, 0, 0, 0.0);
  border: 0px solid rgba(159, 159, 159, 0.8);
   border-radius: 4px;
   text-align: left;
}

.head_message span_02{ 
 text-align: left;
 width: 50px;
     position:absolute;
  left:58px;
  top:1px;
  
  font-size:0.72em;
  color:#333;
  font-family: "Momo Trust Display", sans-serif;
  font-style: normal; 
  font-weight:100;
  background-color: none;
  filter: hue-rotate(-380deg);
  -webkit-filter: contrast(100%);
}

/* orange date */
.date_00 {
  zoom:0.8;
  margin-bottom:-105px;
  padding-top:8px;
  float:left;
  width:18%;
  border-radius: 10%; /* Rounded corners */
  background-color: #ce9556;  
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

.date_01 {
  zoom:0.8;
  margin-bottom:-105px;
  padding-top:8px;
  float:left;
  width:18%;
  border-radius: 10%; /* Rounded corners */
  background-color: #ce9556;  
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

.date_02 {
  zoom:0.8;
  margin-bottom:-105px;
  display:block;
  float:left;
  width:18%;
  border-radius: 4px; /* Rounded corners */
  background-color: rgba(0, 0, 0, 0.02);   
  text-align: center;
}

.date_03 {
  zoom:0.8;
  margin-bottom:-105px;
  display:block;
  float:left;
  width:18%;
  border-radius: 4px; /* Rounded corners */
  text-align: center;
}

.date_footer {
   zoom:0.8;
  margin-bottom:-143px;
   margin-left:-30px;
  float:left;
  padding:0px;
  width:18%;
  border-radius: 4px; /* Rounded corners */
  border: 3px solid rgba(0, 0, 0, 0.15); 
  text-align: center;  
}

.date_number_01 {
   border-radius: 4px;
  background-color: #444;
  color: white;
  padding: 8px;
}

.date_number_02 {
  border-top-left-radius: 10%;
  border-top-right-radius: 10%;
  background-color: #ce9556;
  color: white;
  padding: 8px;
}

.date_number_03 {
  border-top-left-radius: 10%;
  border-top-right-radius: 10%;
  background-color: rgba(0, 0, 0, 0.02);
  color: white;
  padding: 8px;
}

.square {
  padding: 5px;
  margin-bottom:-8px;
}

.square_02 {
  padding: 5px;
  margin-bottom:-8px;
}

/* texto en el slider */
.slider_resume {
display:none;  
  
}

.tipos {
  padding-bottom: 4px;  
  
  
}

#shoot {
display:none;  
  
}

.slider_resume_02 {
 display:none;  
}

.slider_resume h1 {
font-size:0.75em;
  font-weight:700;
  color:#fff;  
}

.slider_resume h2 {
font-size:0.60em;
  font-weight:400;
  color:#fff;  
}


.last_date {
display:none;
  
}

.comentario {
  zoom:1.15;
   display:block;
  width:150px;
  height:60px;
  padding:0px;
  background-color:none;
  z-index:10;
  text-align-last: right;
  position:absolute;
  right:15px;
  top:45px;
  border-radius:0px; 
}

.comentario h1 {
  line-height: 0.5;
  padding-left:0px;
   padding-top:0px;  
font-size:0.95em;
  font-weight:700;
  color:#111;  
}

.comentario h2 {  
  padding-left:0px;
   padding-top:5px;
 font-size:0.85em;
  line-height:0.45em;
  font-weight:500;
} 

.comentario_01 {
  width:420px;
   display:block;
  height:30px;
  padding:8px;
  top:5px;
  background-color:rgba(0, 0, 0, 0.55);
  z-index:2;
  position:relative;
  border-radius:4px;
  
}

.comentario_01 p{
  line-height: 0.5;
  padding-left:15px;
   padding-top:5px;  
font-size:0.72em;
  font-weight:700;
  color:#fff;  
}


.comentario_02 {
  zoom:0.95;
   display:block;
  width: auto;
  height:35px;
  padding:5px;
 background: linear-gradient(90deg,rgba(171, 83, 43, 1) 10%, rgba(171, 83, 43, 1) 20%, rgba(145, 69, 55, 1) 70%);
;
  z-index:10;
  position:absolute;
  left:0px;
  bottom:0px;
 border-bottom-left-radius: 4px;  
 border-bottom-right-radius: 4px; 
}
.comentario_02 h1 {
  line-height: 0.5;
  padding-left:10px;
   padding-top:15px;  
font-size:0.92em;
  font-weight:700;
  color:#fff;  
}

.comentario_02 h2 { 
  margin-left: -50px;
  padding-left:0px;
   padding-top:5px;
font-size:0.78em;
  font-weight:600;
  color:#fff;  
}

.comentario_03 {
  zoom:0.95;
   display:block;
  padding:6px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index:10;
  position:absolute;
  right:10px;
  top:10px;
  border-radius:4px;  
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
.comentario_03 img {  
  opacity: 0.7;
  
}

.comentario_03 h1 {
  padding-left:10px;
font-size:0.75em;
  line-height: 0.70em;
  font-weight:300;
  color:#fff;  
}

.comentario_03 h2 {    
  padding-left:10px;
font-size:0.75em;
  line-height: 0.70em;
  font-weight:600;
  color:#fff;  
}


.comentario_04 {
  zoom:0.95;
   display:block;
  padding:6px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index:10;
  position:absolute;
  right:60px;
  top:10px;
  border-radius:4px;  
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

.comentario_04 img {
  opacity: 0.7;
}

.comentario_05 {
  zoom:0.95;
   display:block;
  padding:6px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index:10;
  position:absolute;
  right:110px;
  top:10px;
  border-radius:4px;  
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

.comentario_05 img {
  opacity: 0.7;
}

.comentario_06 {
  zoom:0.95;
   display:block;
  padding:6px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index:10;
  position:absolute;
  right:160px;
  top:10px;
  border-radius:4px;  
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

.comentario_06 img {
  opacity: 0.7;
}




.por_paquete {
  align-content: center;
    display: flex;
  justify-content: center;
  align-items: center;
 width:131px;
  margin:5px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
padding-right:10px;
 background: rgba(0, 0, 0, 0.1);
  border: 0px solid rgba(159, 159, 159, 0.5);
   border-radius: 8px;
   text-align: center;
    
  z-index:2;
  border-radius:6px;  
  font-weight: 700;
}


.por_paquete p {  
  text-align: center;
  font-size: 0.90em;
 color:#222;
margin-bottom:-4px; 
padding-bottom:0px;padding-left:5px;
  
}

.por_paquete img {  
margin-top: 0px;padding-right:4px;
  padding:0px;
  border-radius:0px;
}

.por_paquete_descrip {
  zoom:1.0;  
 width:86%;
  margin:0%;
padding-top:20px;
padding-bottom:0px;
margin-left:20px;
padding-right:0px; font-weight:500;
  color:#222;
}

.por_paquete_descrip p{
 line-height:1.4em;
  font-size:1.0em;
  font-weight:500;
  color:#111;
  text-align:justify;
}


/*----  tipos de paquete ----*/

.paquete {
  width:88px;
  height:21px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:3px;
  background-color:rgba(0, 0, 0, 0.7);
  z-index:10;
  position:absolute;
  right:25px;
  top:20px;
  border-radius:4px;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
  text-align-last: center;
}

.paquete h1 {
font-size:0.70em;
  font-weight:700;
  color:#fff;  
}

.paquete h2 {
font-size:0.70em;
  font-weight:400;
  color:#fff;  
}
.paquete h3 {
 
font-size:0.85em;
  font-weight:500;
  color:#fff;  
 
}


.grid{
   width:125%; 
  margin-left:-40px;
  
  
}

/* ---- grid ---- */


.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 0px;
    grid-auto-rows: minmax(180px, auto);
    grid-auto-flow: dense;
    padding: 0px; 
  
}

.grid-item {
    padding: 0rem;
  background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    
    color: #000;
    border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


.grid-item-02 {
    padding: 0rem;
  background-color: none;
    font-size: 14px;
    font-weight: bold;
  
    color: #000;
    border-radius: 4px;
}


.span-2 {
  
  margin:0px;
    grid-column-end: span 1;
    grid-row-end: span 1;
}

.span-3 {
  
  margin:0px;
    grid-column-end: span 1;
    grid-row-end: span 1;
}


.degradado_02 {
    position: absolute;   
    bottom: 5px;
  width: auto;
  height:28px;
    left: 6px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:1px;
    z-index: 1;
    background: #fafafa;
    opacity: 20;
    visibility: visible;
 color:#222;  
  border-radius: 3px;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}


.degradado_02 p{  
 color:#222;  
  font-size: 0.85em;
  font-weight: 700;
  
}
.degradado_03 {
    position: absolute;   
    bottom: 5px;
  width: auto;
  height:28px;
    left: 6px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:1px;
    z-index: 1;
    background: #fafafa;
    opacity: 20;
    visibility: visible;
 color:#222;  
  border-radius: 3px;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}


.degradado_03 p{  
 color:#222;  
  font-size: 0.85em;
  font-weight: 700;
  
}

.degradado {
    position: absolute;   
    bottom: 3px;
  width: auto;
  height:30px;
    left: 110px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
    z-index: 1;
    background: #333;
    opacity: 20;
    visibility: visible;
 color:#fff;  
 border-radius: 3px;

}


.degradado p{  
 color:#fff;  
  font-size: 0.85em;
  
}



.zoom_element {
  width: 350px;
  height: 300px;
  object-fit: cover; 
  object-position:50% 0%;
  zoom:0.65;
}

.color_picker{   
  z-index: 5;
  zoom:0.7;
  position:absolute;
  width:100px;
  height: 50px;
  border-radius: 4px;  
  margin-top:-102px;
  padding-right:3px;padding-left:3px;
  padding-top:6px;padding-bottom:2px;
  float:right;   
  right:20px;
  background-color: rgba(255, 255, 255, 0.0);  
}

.menu_picker{   
  position:absolute;
  width:auto;
  float:left;
  height:28px;
  border-radius: 4px;
  margin-top:0px;  margin-bottom:10px;
  margin-right:10px; padding-right:6px;padding-left:6px; padding-top:8px;padding-bottom:0px;
  left:5px;
  background-color: #fff;   
  box-shadow: rgba(0, 0, 0, 0.45) 0px 18px 10px -20px;
}



.rk-item_04    {
  display: none;
}

.alert {
  padding: 5px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #04AA6D;font-size: 12px;}
.alert.kno {background-color: #2196F3;font-size: 12px;}
.alert.warning {background-color: #ff9800;font-size: 12px;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;