/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 13 2024 | 14:08:36 */
/* ---------------------------------------------------------------------- */
/*	slider inicial  before /after
 /* ---------------------------------------------------------------------- */
.twentytwenty-container {
  margin: 0px 0;
}

.container-text-initial{
  position: relative;
}

.container-title{
 position: absolute;
 z-index:1; 
  width:100%;
  height: 130px;
  padding-top: 160px;

}

.container-title h1{
  color: #fff !important; 
  font-size:100px !important; 
  text-align:center !important;
  margin:0;
  font-family:inherit !important;
  font-weight: 900 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.37);
  padding: 0 20px;
}

.container-title h2{
  color: #fff !important; 
  font-size:70px !important; 
  text-align:center !important;
  margin:0;
  font-family:inherit !important;
  font-weight: 900 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.37);
  padding: 0 20px;
  margin-bottom: -20px;	
}

.container-title p {
    color: #fff !important;
    font-size: 17px !important;
    text-align: center !important;
    margin: 0;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.37);
    padding: 0 20px;

}

.container-title span{
	background: #133664;
	padding: 5px 10px;
    border-radius: 6px;
}


@media (max-width: 480px) {
 .container-title{
  padding-top: 110px;

} 
  
.container-title h1{
  font-size:30px !important; 
}
	
.container-title h2{
  font-size:20px !important; 
  margin-bottom: 0px;		
}

.container-title p {
    font-size: 16px !important;
	margin-top:10px;
   
}
}


.twentytwenty-before{
 background-image: url("https://agua.mma.gob.cl/wp-content/uploads/2024/12/before.jpg");
  background-color: #cccccc;
  height:600px !important;	
  /*height: calc(100vh - 163px) !important;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.twentytwenty-after{
  background-image: url("https://agua.mma.gob.cl/wp-content/uploads/2024/12/after.jpg");
  height:600px !important;	
  /*height: calc(100vh - 163px) !important;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.twentytwenty-overlay:hover {
    background: rgba(0,0,0, 0.1) !important;
}

.twentytwenty-hover .twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-hover .twentytwenty-overlay:hover .twentytwenty-before-label {
    display: none;
}

.twentytwenty-handle {
    top: 80%;
}

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

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 1px;
    margin-left: 0px;
}


@media (max-width: 768px) {
.twentytwenty-before,
.twentytwenty-after{
  height:700px !important;	
}
}


@media (max-width: 480px) {
.twentytwenty-before,
.twentytwenty-after{
  height:400px !important;	
}
	
.twentytwenty-handle {
    top: 80%;
}	
	
}