*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5, a, label, input, textarea, button{
  font-family: 'Muli', sans-serif;
}

header{
  width: 100%;
  background: #fff;
  position: fixed;
  z-index: 2;
  top: 0;
}



.section-header{
    position: relative;
    text-align: center;
    position: relative;
    top: -10em;
}
.section-header h2{
    color: #505866;
    font-size:38px;
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
.section-header h2 span{text-transform: lowercase;}
.section-header p{
    font-size:16px;
}
/* section-header */
.fix{position: relative;clear: both;}

.section-title {
  margin-bottom: 70px;
}
.section-title h2 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
}
.section-title p {
  font-family: 'Volkhov', serif;
  font-style: italic;
  color: #666;
}


.banner{
	position: relative;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
    width: 100%;
    max-width: 1700px;
    top: 10px;
    margin: auto;
    height: 450px;
    color: #fff;
}

.banner img{
  width: 100%;
  height: 300px;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: -2;
  object-fit: fill;
}

#intro {
  padding: 100px 0;
  top: -10em;
  position: relative;
}
#intro .block h2 {
  padding-top: 30px;
  line-height: 27px;
  margin: 0;
   font-family: 'Muli', sans-serif;
}
#intro .block p {
  color: #7B7B7B;
  padding-top: 20px;
   font-family: 'Muli', sans-serif;
   text-align: justify;
}
#intro .block img {
  padding-left: 40px;
  width: 100%;
  
  margin-top: 150px;
}

#intro .block1 img {
  padding-left: 40px;
  width: 100%;
  
  margin-top: 30px;
}
#intro .section-title {
  margin-bottom: 0px;
}
#intro .section-title p {
  padding-top: 20px;
}

#feature {
  background: url("../images/calentador/calen1.jpg");
  background-position: 50% 94px;
  width: 100%;
  display: block;
  position: relative;
  overflow: visible;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 100px 0;
  top: -12em;
}
#feature h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: 'Muli', sans-serif;
  text-align: justify;
}
#feature p {
  color: #000;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: 'Muli', sans-serif;
  text-align: justify;
}
#feature .btn-view-works {
  background: #655E7A;
  color: #fff;
  padding: 10px 20px;
}



.explore{
    background: #f8fafb;

}
.explore-content{margin-top: -6em;}

.single-explore-item {
    background: #fff;
    border: 1px solid #edeff1;
    border-radius: 9px;
    margin-bottom: 25px;
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;

}
.single-explore-img{position:relative;overflow: hidden;}
.single-explore-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(162,172,177,.2);
}
.single-explore-img-info {
    position: absolute;
    bottom:-20px;
    left: 0;
    width: 100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
.single-explore-item:hover .single-explore-img-info{
    opacity:1;
    visibility:visible;
    bottom:0px
}
.explore-open-close-part button{
   background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 10px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
  }
.single-explore-image-icon-box {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right:  10px;
}
.single-explore-image-icon-box ul li {
    display:  inline-block;
    width: 30px;
    height:  28px;
    line-height:  28px;
    background: #252d32;
    text-align:  center;
    margin-left:  5px;
    color:  #cbcccd;
}
.single-explore-image-icon-box ul li:hover i{color: #267dff;}

.single-explore-txt {
    padding: 26px 25px 24px 15px;
}

.explore-person {
    padding-bottom: 28px;
    border-bottom: 1px solid #e1e5eb;
}


.explore-open-close-part {
    margin-top: 20px;
}


.explore-map-icon{text-align: right;}
.explore-map-icon a svg {
    width: 12px;
    height: 14px;
    margin-left: 23px;
    color: #767f86;
}
.explore-map-icon a svg:hover{color: #f63138;}
.single-explore-txt.bg-theme-2 .explore-map-icon a svg:hover{color: #00c437;}
.single-explore-item:hover{box-shadow: 0 10px 20px rgba(21,19,19,.2);}
.single-explore-txt.bg-theme-2 h2{
  font-size: 20px;
}

.col-md-4.col-sm-6{
  width: 50%;

}

.ima{
    position: absolute;
    right: 10px;
    top: 60px;

}

@media(max-width: 1308px) {
  .ima{
    display: none;

}

}

@media(max-width: 767px) {
  .col-md-4.col-sm-6{
  width: 100%;

}

}