/*
CTC Separate Stylesheet
Updated: 2020-07-17 08:40:27
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: David Forcén Acero
Author URI: https://forcenacero.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 15kb (gzipped) to your page size. We take full advantage of the new block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS and is translated into over 25 languages by our amazing community of users. A few of our many features include microdata integration, 9 widget areas, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover) and navigation color presets. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 2.4.2.1594975227
*/
*{
    margin:0px;
    padding:0px;
    border: 0px;
    box-sizing: border-box;
}
a , picture , img, video, audio{
    display: block;
}
ul{
margin:0;
}
li{ list-style-type: none;
}
/*CSS GENERAL*/
body{
    font-family: 'Montserrat', sans-serif;
	overflow-x:hidden!important;
	background-color:#333333!important;
}
a{
text-decoration:none!important;

}
body .grid-container{
max-width:100%;
}
.container{
	padding-right:0px;
	padding-left:0px;
	background-color:transparent!important;
}
.text-orange{
color:#ef7f1a;
}

.bgOrange{
background-color:#ef7f1a!important;
}
.bgGrey{
    background-color:#333333!important;
}
.bebas{
font-family: 'Bebas Neue', cursive;
letter-spacing:1px;
}
#masthead{
z-index:999999999;
}
@media (max-width:600px){
.bebas{
    font-size:2em;

}
}

.row{
margin:0 auto;
}

.slideout-navigation.main-navigation .main-nav ul li a, .slideout-navigation button.slideout-exit{
color:white!important;
}
/*END GENERAL*/

/* BOOSTRAP */
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #fff;
    margin: 1em 0; padding: 0; }

.btn-primary{
    background-color: white!important;
    color: #ef7f1a!important;
    border: solid 1px white!important;
    border-color: white!important;
    border-radius: 0;
    font-size: 1em;
}
.btn-primary:hover{
    background-color: transparent!important;
    color: white!important;
    border: solid 1px white!important;
}
.btn-secondary{
    background-color: transparent!important;
    color: white!important;
    border: solid 1px white!important;
    border-color: white!important;
    border-radius: 0;
    font-size: 1em;
}
.btn-secondary:hover{
    background-color: white!important;
    color: #333333!important;
    border: solid 1px white!important;
}
.btn-third{
    background-color: white!important;
    color: #333333!important;
    border: solid 1px grey!important;
    border-color: white!important;
    border-radius: 0;
    font-size: 1em;
}
.btn-third:hover{
    background-color: transparent!important;
    color: white!important;
    border: solid 1px white!important;
}
.card{
border:none;
background:transparent;
transition: all ease .3s;
}
.card-content{
color:white;
}
.card-content a{
color:white;
font-weight:600;
}

.card:hover{
transform: scale(1.03);
}

/* END BOOSTRAP */


/*CABECERAS GENERAL*/
#about {
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/inicio.jpg') center center no-repeat;
    background-size: cover;
}
#nuestraEmp{
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/bgEmp.jpg') top center no-repeat;
    background-size: cover;
}
#obras{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/obras.jpg') center center no-repeat!important;
    background-size: cover!important;
}
#reformas{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/reformas.jpg') center center no-repeat!important;
    background-size: cover!important;
}
#ascensores{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/ascensor.jpg') center center no-repeat!important;
    background-size: cover!important;
}
#naves{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/naves.jpg') center center no-repeat !important;
    background-size: cover!important;
}
#tejados{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/tejados.jpg') center center no-repeat!important;
    background-size: cover!important;
}
#viales{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/viales.jpg') center center no-repeat!important;
    background-size: cover!important;
}
#locales{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/locales.jpg') center center no-repeat!important;
    background-size: cover!important;
}
#alquilerVenta{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/serv2.jpg') bottom center no-repeat;
    background-size: cover;
}
#depTecnico{
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/arquitectura.jpg') bottom center no-repeat;
    background-size: cover;
}
#about .container {
    width: 100%;
    display: flex;
    align-items: center;
	background-color:transparent!important;
}
.titular{
letter-spacing:1px;
-webkit-text-stroke: 1px white;
color:transparent;
font-size:3.5em;
font-weight:800;
}
.about-text {
    color: white;
    padding: 1.875rem;
}
.section-content {
    padding: 5rem 0;
}

@media (max-width:700px){
.action h2{
text-align:center;
letter-spacing:0px;
}
.section-content {
    padding: 1rem 0;
}
.titular{
font-size:2em;
}
}



/*END CABECERAS*/


/* FORMULARIO */
#wpcs_content_main_226{
z-index:999999999999!important;
}
.formulario{
position:relative;
}
.formulario .row{
margin:0 auto;
}
.wpcf7 input, textarea{
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: 1px solid white!important;
   
}
.wpcf7-text{
width:100%;
}

.wpcf7 textarea{
width:100%;
height: 150px;
}
.wpcf7 span{
    color: white;
}
input.wpcf7-submit{
    background-color: #ef7f1a;
    border: solid 1px #ef7f1a;
    border-bottom: solid 1px #ef7f1a!important;
   
}
input.wpcf7-submit:hover{
    background-color: transparent;
    border: solid 1px white;
    border-bottom: solid 1px white!important;
}
.wpcf7-response-output{
color:white;
border:white;
}

#wpcs_tab_226{
top:293px!important;
}

#wpcs_close_slider_226{
background:transparent!important;
}
@media (max-width:1024px){
form{
justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

/* END FORMULARIO */


/*FONDO HOME DIVIDIDO*/
.bgFotoRight{
width:100%;
height:160vh;
padding:0;
right:0;
}
.bgFoto{
width:100%;
height:100%;
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/bgFotoRight.jpg') center center no-repeat;
    background-size: cover;
}
@media (max-width:1024px){
.bgFoto{

 background:none;
}
}

.bgFotoDpto{
width:100%;
height:130vh;
padding:0;
right:0;
}
.bgFotoDpt{
width:100%;
height:100%;
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) -41%, rgba(0, 0, 0, 0.1) -170%, rgba(0, 0, 0, 0.5) 20%), url('https://mgconstrucciones.es/recursos/img/arquitectura.jpg') center center no-repeat;
    background-size: cover;
}
@media (max-width:1024px){
.bgFotoDpto{
    display:none;

}
}

#imgRight{
transform: scale(1.8) translateX(100px) translateY(80px);
}
@media (min-width:1200px){
#imgRight{
transform: scale(1.5) translateX(0px) translateY(80px);
}
}

@media (max-width:1024px){
#imgRight{
transform: scale(1) translateX(0px) translateY(25px)!important;
}
}
@media (max-width:600px){
#imgRight{
transform: scale(1) translateX(0px) translateY(20px)!important;
}
}
/*END FONDO HOME DIVIDIDO*/

/*SERVICIOS NUESTRA EMPRESA*/
.imgServ{
width:70%;
margin:0 auto;
border-radius:50%;

}


/*FOOTER*/
footer a{
color:#333333!important;
transition: all ease .3s;
}
footer a:hover{
color:white!important;
}

.shfooter .collapse {
  display: inherit;
}
@media (max-width:767px) {
  .shfooter ul {
    margin-bottom: 0;
  }

  .shfooter .collapse {
    display: none;
  }

  .shfooter .collapse.show {
    display: block;
  }

  .shfooter .title .la-angle-up,
  .shfooter .title[aria-expanded=true] .la-plus {
    display: none;
  }

  .shfooter .title[aria-expanded=true] .la-angle-up {
    display: block;
  }

  .shfooter .navbar-toggler {
    display: inline-block;
    padding: 0;
  }

}
.social-buttons{
font-size:1.5em;
}

.top-bar i{
font-size:1.4em;
}
@media (max-width:600px){
.top-bar i{
font-size:1.2em;
}
.top-bar .social{
display:none;
}
.copyright-bar a{
font-size:.7em;
text-align:center;
}
}




a.designer span {
    width: 100%;
    text-align: right;
    font-size: .9em;
    text-decoration: none;
	font-weight:300;
}


/*END FOOTER*/


/*PHOTO GALLERY*/
.spider_popup_wrap {
    background-color: rgba(0, 0, 0, .7)!important;
}
.bwg_close_btn {
    opacity: 1!important;
	color:white!important;
}
.bwg_container {
    position: relative;
    margin: 20px auto;
    max-width: 85%;
}
 .bwg-extended-item0, .bwg-extended-item1{
 background-color:transparent!important;
}
.bwg-extended-item{
 background-color:transparent!important;
 border:solid .5px white!important;
 box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
 transition: all ease .4s!important;
}
.bwg-extended-item:hover{
 box-shadow: 8px 10px 6px 0px rgba(0, 0, 0, 0.3)!important;
}

.bwg_description_short_0 a{
  color:white!important;
  transition: all ease .3s!important;
}
.bwg_description_short_0 a:hover{
    opacity:.5!important;
}
.bwg-extended-item:hover .bwg_description_short_0 a{
  color:#333333!important;
  transition: all ease .3s!important;
}

.bwg_title_spun_0, .bwg_title_spun_1{
font-family: 'Montserrat', sans-serif!important;
letter-spacing: 1px;
    
    color: white!important;
    
    font-weight: 500!important;
}
.bwg_description_spun1_0, .bwg_description_spun1_1{
padding:20px 0 0 0!important;
}
.bwg_description_spun1_0 p, .bwg_description_spun1_1 p{
cursor:pointer!important;
font-weight: 300!important;
font-family: 'Montserrat', sans-serif!important;
color: white!important;
}
.bwg_back{
color:white!important;
font-family: 'Montserrat', sans-serif!important;
font-weight: 300!important;
}

/*END PHOTO GALLERY*/


/*DESTACADOS HOME GALLERY*/
#destacados .bwg_container {
    max-width: 100%!important;
}
#destacados .bwg-extended-item{
width:30.3%!important;
border:solid 0px transparent!important;
 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
 transition: all ease .4s!important;
}
#destacados .bwg-extended-item:hover{
transform: scale(1.03);
}

#destacados .bwg-extended-item:hover{
 background-color:transparent!important;
 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
#destacados .bwg-extended-item:hover .bwg_title_spun_0, #destacados .bwg-extended-item:hover .bwg_title_spun_1{
 color: white!important;
}
#destacados .bwg-extended-item:hover .bwg_description_spun1_0 p, #destacados .bwg-extended-item:hover .bwg_description_spun1_1 p{
 color: white!important;
}
#destacados .bwg-extended-item:hover .bwg_description_short_0 a{
  color:white!important;
  transition: all ease .3s!important;
}

@media (max-width:1024px){
#destacados .bwg-extended-item{
width:45%!important;
}
}
@media (max-width:700px){
#destacados .bwg-extended-item{
width:100%!important;
margin:0px!important;
}
#destacados .bwg-extended-item0, #destacados .bwg-extended-item1{
width:100%!important;
}
}

.bwg_loading_div_1{
display:none!important;
}

/*END DESTACADOS HOME GALLERY*/

/*TIMELINE*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #ef7f1a;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #ef7f1a !important;
}
.timeline-badge.success {
  background-color: #ef7f1a !important;
}
.timeline-badge.warning {
  background-color: #ef7f1a !important;
}
.timeline-badge.danger {
  background-color: #ef7f1a !important;
}
.timeline-badge.info {
  background-color: #ef7f1a !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
@media (max-width:700px){
.timeline > li > .timeline-badge{
display:none;
}
.timeline:before{
display:none;
}
.timeline > li > .timeline-panel{
width:100%;
}
.timeline > li > .timeline-panel:before{
display:none!important;
}
.timeline > li > .timeline-panel:after{
display:none!important;
}
#two{
display:none;
}
}
/*END TIMELINE*/