/*
Theme Name: MAC Investments
Template: flash
Author: Naftic Cloud
Author URI: https://naftic.com
Description: Webdesing hecho a medida para la empresa MAC Investments
Version: 1.0..1655280669
Updated: 2022-06-15 08:11:09

*/

@font-face{
	font-family: 'Rozha';
	src: url('./fonts/RozhaOne.ttf');
}

@font-face{
	font-family: 'Lato';
	src: url('./fonts/Lato-Regular.ttf');
}


h1,h2,h3,h4,h5,h6,b,strong,i {font-family: 'Rozha';letter-spacing:1.5px}
p,label,span,a,li {font-family: 'Lato';color:#3b3c3e}
p{font-size:16px;text-align:justify;}


/* HEADER */
.entry-content {margin-top:0}
.site-navigation-wrapper {padding-right:20px}
#site-navigation ul li a, .wpml-ls-item a span, .sp-table {font-family: 'Rozha';font-weight:700;font-size:18px!important;letter-spacing:1px}
#site-navigation ul li .sub-menu li a {font-size:14px!important}
.nav-menu .menu-item:hover a, .nav-menu .menu-item a:hover, #site-navigation ul li.current-menu-ancestor > a{color:#e0e0e2!important}
.nav-menu .sub-menu .menu-item a, .nav-menu .sub-menu .menu-item {color:#3b3c3e!important}
.wpml-ls-item a span {text-transform:uppercase}

/* FIN HEADER */

/* FOOTER */

#bottom-footer{padding: 30px 0;background-color: #282828;}
#bottom-footer .copyright{text-align:center;}
#bottom-footer .copyright-text{color:#fff;}

/* FIN FOOTER */

/* INICIO */


.page-title {color:#fff;font-size:110px;margin:0 0 45px;line-height:1.09;font-weight:200;}
.btn1, .btn2 {font-size: 14px;font-weight: 700;font-family: 'Lato';color: #fff;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;padding:20px 45px;border: 2px solid #fff;position: relative;height: 60px;line-height: 60px;}
.btn1 {background-color: #727074;border-color: #727074;color:#fff!important;}
.btn2 {color:#727074;background-color:#fff}
.btn1::before, .btn1::after, .wpforms-submit::before, .wpforms-submit::after {position: absolute;right: 10px;top: 10px;height: 10px;width: 2px;content: '';}
.wpforms-submit::before, .wpforms-submit::after {top:20px}
.btn1::before, .wpforms-submit::before {width: 10px;height: 2px;}
.btn1.btn-filled::after, .btn1.btn-filled::before, .wpforms-submit::after, .wpforms-submit::before {background-color: #fff;background-image: none;}


.titles-home {font-size: 48px;line-height: 1.2;color:#3b3c3e;margin-bottom:60px}
.services-title {margin-bottom: 30px;font-size:18px;color:#fff;}
.services-p {font-size:14px;color:#fff;}

#title-video, #title-video-2 {position:absolute;font-size: 48px;line-height: 1.2;color:#fff;top:50%;width:100%;text-align:center}

.title-tag {font-weight: 700;color: #727074;font-family: 'Rozha';line-height: 1;font-size: 16px;display: inline-block;margin-bottom: 10px;position: relative;}
.title-tag::before, .after::after {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);height: 2px;width: 30px;background-color: #727074;content: '';}
.title-tag::before {left:-50px}
.after::after {right:-50px}

.services-items {font-size: 14px;text-align: center;padding: 40px 25px;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;border: 2px solid rgba(255, 255, 255, 0.1);}
.services-items:hover {border-color:#727074}



/* VIDEO */
.plyr--video, .plyr__video-wrapper {background:transparent!important}
.plyr__video-wrapper {padding-bottom:40%!important}
.plyr__poster {background-color:transparent!important}
.plyr__controls {display:none!important}
.plyr__control--overlaid {padding:calc(var(--plyr-control-spacing,40px) * 1.5)!important;top:40%;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#fff)))!important;color:#727074!important}


/* FIN VIDEO */

/* FORMULARIO CONTACTO */
input::placeholder, .wpforms-field-large::placeholder, .wpforms-field-large, div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=number] {font-family:'Lato';color:#fff!important}
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=number] {padding:33px 30px;background-color:#595656;color:#fff;border:none!important}
.wpforms-field-large {background-color:#595656!important;color:#fff;border:none!important;padding:33px 30px!important;}
.wpforms-submit-container {margin:0 auto!important;width:fit-content!important;}
.wpforms-submit {padding:20px 65px!important;line-height:auto!important;background-color: #727074!important;border-color: #727074!important;color:#fff!important;font-family:'Lato'!important;letter-spacing:1px!important;font-size:16px!important;}
.custom-form .wpforms-form .wpforms-field {padding:5px 0!important}
.custom-form .wpforms-form .wpforms-one-half {margin-left:2%!important;width:49%!important}
.custom-form .wpforms-form textarea.wpforms-field-large {height:192px!important}
/* FIN FORMULARIO CONTACTO */

/* BLOQUE CONTACTO */
.info-container {display:grid;grid-template-columns:12% 88%;grid-gap:10px;margin:0 auto 30px;padding:0 0 30px;border-bottom:2px solid #f3f3f3;max-width:355px;}
.info-container:last-child {border-bottom:none;}
.i-title {font-size:24px;font-weight:700;font-family:'Rozha';margin:0 0 20px;color:#000}
.i-description {font-family: 'Lato';font-size:16px;color:#242424}

/* FIN BLOQUE CONTACTO */

/* EFECTO PROYECTOS */

.proyects-container {position: relative;text-align: center;}
.on-pic {background-color: #757a89;opacity: 1;}
.sp-image {opacity: 1;display: block;width: 100%;height: auto;backface-visibility: hidden;}
.sp-text {opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.proyects-container:hover .sp-image {opacity: 0.3;}
.proyects-container:hover .sp-text {opacity: 1;}
.text {font-family:'Rozha';font-weight:400;color:#fff;font-size:18px;text-align: center;padding:20px 45px;border: 2px solid #fff;background-color: #727074;border-color: #727074;}

/* FIN EFECTOS PROYECTOS */

/* PAGINA PROYECTOS */

.title-projects{font-size: 24px;line-height: 1.2;color:#282828;margin-bottom:40px}
.sup {font-size:12px;padding-bottom:5px;font-weight:700}
/* FIN PÁGINA PROYECTOS */

tr:first-child td{font-weight: bold;}
td{font-weight: 100;}
.boxServicio{margin: 30px auto;border: 1px solid #ccc;padding: 30px;border-radius: 10px;background-color: #ccc;color: #282828;text-align: center;}
.boxServicio img{margin-bottom:20px;}

.wpml-ls-flag {padding:7px 10px;float:right;}
.wpforms-container-full{margin-bottom:0 !important;}

@media(min-width:769px){
	.nav-menu .current-menu-item a, .wpml-ls-item a span{color:#fff !important;}
}

@media(max-width:1200px){
	.tg-container{padding:0 15px !important;}
	/*.title-tag,.titles-home{text-align:center;}*/
}

@media (max-width: 768px) {
  .page-title {font-size:38px}
  .transparent #masthead{position:relative;}
  .header-bottom{background-color:#282828 !important;}
  #site-navigation ul li.menu-item-has-children .sub-toggle{background-color:#282828 !important;}
  .wpml-ls-flag{float:left;}
  .nav-menu .menu-item:hover a, .nav-menu .menu-item a:hover, #site-navigation ul li.current-menu-ancestor > a{color:#727074 !important;}
}
