/*
Theme Name: Divi Marketinet
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes - Custom Marketinet
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.23.1.1703075066
Updated: 2023-12-20 13:24:26

*/


/*RESET ESTILOS TEMA */

body .et_pb_section{padding:0}
body .et_pb_row{padding: 0}

/*Auxiliares*/

.u-color-orange{color: #f39322!important;}
.u-color-white{color: #ffffff!important;}


/**FOOTER*/
.inner-links-footer {
    display: flex;
    flex-direction: column;
    text-align: center
}




.inner-links-footer h3,.inner-links-footer h3 a {
    color: #f7931d
}

.inner-links-footer h3 {
    flex-basis: 100%;
    font-size: 0.938rem !important;
    font-weight: 700!important;
    margin-bottom: 10px!important
}

.inner-links-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.inner-links-footer ul li {
    margin-bottom:0
}
.inner-links-footer ul li:last-of-type{
	margin-bottom:10px
}

.inner-links-footer a {
    color: #eaeaea;
    font-size: 0.75rem;
    text-decoration: none
}

.inner-links-footer .social-footer {
    flex-basis: 100%
}

.inner-links-footer .btn-orange {
    background-color: #f7931d;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 20px;
    margin: 10px 0;
    padding: 5px 15px;
    text-decoration: none!important
}

.social-footer {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 30px auto
}
.social-footer p {
    margin-right: 10px; 
  	color: #eaeaea;
}
.social-footer a {

    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 1px;
    text-align: center;
    width: 32px
}


@media(min-width: 768px) {
    .social-footer {
        justify-content:flex-end;
        margin: 10px auto;
        align-items: center;
        flex-direction: row
    }

  
}

.social-footer .links-social{display:flex; justify-content: flex-end; align-items: center; padding: 0; list-style: none }

.submenu{display: flex; justify-content: flex-end; align-items:center}
.subfooter a, .subfooter p {
    color: #333!important;
    font-size: 0.744rem;
    line-height: 17px;
}
.subfooter a {
    padding: 0 5px;
    text-decoration: none;
}

.inner-links-footer ul li, .inner-links-footer h3, .inner-links-footer h3 a{text-align: center; }
@media(min-width: 768px){
	.inner-links-footer ul li, .inner-links-footer h3, .inner-links-footer h3 a{text-align: left}
}


/**HOME**/


 .header-home{background:url(https://www.marketinet.com/wp-content/uploads/2023/12/img-bg-mobile-1.jpg)no-repeat;background-size:cover;padding: 0 0 85px}
      .item-logo a  {display: inline-block; width: 100%; max-width:300px;}
     .item-logo{text-align: center; padding: 45px 0 10px;}
      .item-tlf-header {flex-grow:1; text-align: center}
      .item-tlf-header a{background: #F39322; border-radius: 20px; padding: 7px 13px; font-weight:700;font-size: 1.25rem; color:#fff; margin: 10px auto; 
        display: inline-block; text-decoration: none; }
      
      @media(min-width:425px){
        .header-home{background:url(https://www.marketinet.com/wp-content/uploads/2023/12/img-bg-tablet-1.jpg)no-repeat;}       
      }
      
      @media(min-width:769px){
      
        .header-home>.wrapper{display: flex; justify-content: space-between;align-items: flex-end}
        .item-tlf-header{flex-grow: unset; margin: 0 15px 0 25px}
        .item-logo { padding: 20px 0 0 20px;}
        .item-logo a  {max-width:unset;}
        
      }
      @media(min-width:1025px){
        .item-tlf-header{ margin: 0 0 0 25px}
        .header-home{background: url(https://www.marketinet.com/wp-content/uploads/2023/12/img-bg-desktop-2-scaled.jpg)no-repeat top right;  background-size: cover;}
        
      }




.jumbotron {
    min-height: 440px;
    color: #fff
}
.jumbotron + .jumbotron{min-height: unset}

.jumbotron h1 {
    font-size: 1.875rem;
    font-weight: 700;
    margin: 300px 0 10px;
}

.jumbotron h1 strong {
    font-weight: 800
}

.jumbotron p {
    font-size: 1.125rem;
}

.jumbotron .wrapper {
    display: flex;
    flex-direction: column;
}

@media(min-width: 1025px) {
    .jumbotron h1 {
      
        font-weight: 700;
        max-width: 510px;
		padding:160px 0 10px;
    }

    .jumbotron p {
        font-size: 1.75rem;
    }
}

.jumbotron .text-partners {
    font-weight: 300;
    font-size: 1.125rem;
    margin: 25px 0 10px
}

@media(min-width: 1025px) {
    .jumbotron .text-partners {
        font-size:2.125rem;
    }
}

.jumbotron .logos-partners {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 106px;
}

.jumbotron .logos-partners>div {
    flex-basis: 33%
}

@media(min-width: 600px) {
    .jumbotron .logos-partners {
        max-width:60%
    }
}

@media(min-width: 1025px) {
    .jumbotron .logos-partners {
        max-width:500px;
        width: 100%
    }
	.jumbotron h1{
		margin: 160px 0 10px;
	}
}


/*FORMS HUBSPOT*/
.form-hubspot form.hs-form fieldset {
    max-width: none;
}
.form-hubspot input[type="text"],
.form-hubspot input[type="password"], 
.form-hubspot input[type="datetime"], 
.form-hubspot input[type="datetime-local"], 
.form-hubspot input[type="date"], 
.form-hubspot input[type="month"], 
.form-hubspot input[type="time"], 
.form-hubspot input[type="week"], 
.form-hubspot input[type="number"], 
.form-hubspot input[type="email"], 
.form-hubspot input[type="url"], 
.form-hubspot input[type="search"], 
.form-hubspot input[type="tel"], 
.form-hubspot input[type="color"], 
.form-hubspot input[type="file"], 
.form-hubspot textarea, 
.form-hubspot select{
  	width: 100%!important;
    font-family: 'Lato',sans-serif;
    border-radius: 0;
    color: #4a4a4a;
    font-size: 0.75rem;
    padding: 5px;
    background-image: none;
    display: block;
    border: 1px solid #ccc;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color: #fff;
    margin: 0 0 5px;
}

.form-hubspot .hs-button.primary, 
.form-hubspot input[type="submit"], 
.form-hubspot input[type="button"] {
    background-color: #F7931D;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 20px;
    display: inline-block;
    margin: 10px;
    padding: 5px 15px;
    text-decoration: none !important;
    float: right;
    border: none;
}
.form-hubspot .legal-consent-container ul{
    list-style: none;
	padding: 0;
}
.form-hubspot .legal-consent-container .hs-form-booleancheckbox-display p{
	margin: 0;
    font-size: 0.75rem;
    color: grey;
	display: inline;
}
.form-hubspot .legal-consent-container .hs-form-booleancheckbox-display>span{line-height:1.2}
.form-hubspot form a {
    color: #333;
    text-decoration: none;
}

.cta-form{position: fixed; bottom: 0; left:0; right: 0; background:#282828; padding: 10px 10px;     z-index: 99999;    display: flex;
    justify-content: space-around;
    align-items: center;}
.cta-form a{
  border-radius: 12px;
background: linear-gradient(180deg, #FFCF64 0%, #F39322 100%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  
  
  height: 45px;
    width: auto;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
font-size: 1.25rem;
font-style: normal;
font-weight: 800;
line-height: 108.939%; /* 21.788px */
letter-spacing: -0.4px;
color: #FFFFFF;
  display:flex; justify-content: flex-start; align-items:center; 
  text-decoration: none;
  padding: 0 35px 0 0;

}

.cta-form a:hover, .cta-form a:visited, .cta-form a:focus{color: white; text-decoration: none}
/* .cta-form a>img:last-of-type{max-width:20px}
  .cta-form a>img:first-of-type{max-width:8px} */
.cta-form a svg{margin-right: 8px;height:45px; width: auto}

.cta-form .tlf-mvl{padding:0px 10px;border-radius:12px}
.cta-form .tlf-mvl a{display: flex;  justify-content: space-between;  align-items: center;background:#282828!important;padding:0!important; box-shadow: none;}
.cta-form .tlf-mvl a span {color:#fff;font-size:0.75rem; margin:0;   font-family: 'Raleway', sans-serif;line-height: 1;}
.cta-form .tlf-mvl a span strong{color:#F39322; font-size:1.375rem;line-height:1}
.cta-form .tlf-mvl a img{margin: 0 5px}
@media(min-width:1025px){
  .cta-form{bottom: 150px; right: 20px; left: unset; background: transparent}
/*   .cta-form a{padding: 7px 15px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);} */
  .cta-form a{ height: 69px;border-radius: 20px;}
  .cta-form a svg{height:69px;}
  .cta-form .tlf-mvl{display:none;}
}

@media(min-width:1170px){
  .cta-form{right: 50px;}

 
}

@media(max-width:375px){
  .cta-form a{font-size:1.063rem;padding: 0 5px 0 0;}
  .cta-form .tlf-mvl{padding:0px}
  .cta-form .tlf-mvl a p strong{font-size:1rem;}
}


/*GRID HOME*/

.grid {
    clear: both;
    font-family: Raleway,sans-serif;
    font-weight: 400;
    list-style: none;
    margin: 0 auto;
    max-width: 100%;
    min-height: 640px;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grid,.grid figure {
    position: relative;
    text-align: center
}

.grid figure {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    height: 300px;
    margin: 10px 0;
    max-height: 360px;
    overflow: hidden;
    width: 32%
}

.grid figure:hover {
    background: #000
}

@media screen and (max-width: 800px) {
    .grid figure {
        display:inline-block;
        float: none;
        height: 300px;
        margin: 10px auto;
        width: 45%
    }
}

@media screen and (max-width: 600px) {
    .grid figure {
        display:inline-block;
        float: none;
        height: 300px;
        margin: 10px auto;
        width: 95%
    }
}

.grid figure img {
    display: block;
    max-width: 100%;
    min-height: 100%;
    opacity: 1;
    position: relative
}

.grid figure figcaption p a {
    text-decoration: underline
}

.grid figure figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    font-size: 1.25em
}

.grid figure figcaption:after,.grid figure figcaption:before {
    pointer-events: none
}

.grid figure figcaption,.grid figure figcaption>div {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.grid a {
    color: #fff
}

.grid a:hover,.grid a:hover>h2 {
    color: #fff;
    font-weight: 700
}

.grid figure figcaption>div>a {
    font-size: 0;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap
}

.grid figure figcaption>div>h2 {
    background-color: rgba(0,0,0,.7);
    font-size: 1.563rem;
    font-weight: 300;
    line-height: 1.1;
    padding: 25px 40px;
    text-align: center
}

.grid figure figcaption>div>h2 span {
    font-weight: 800
}

.grid figure p {
    font-family: Lato,sans-serif;
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0
}

figure.effect-sarah img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: none;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px)
}

figure.effect-sarah:hover img {
    opacity: .2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

figure.effect-sarah figcaption {
    text-align: left
}

figure.effect-sarah figcaption>div>h2 {
    cursor: auto;
    overflow: hidden;
    position: relative;
	color: #ffffff;
}

figure.effect-sarah figcaption>div>h2:after {
    background: #f39322;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    width: 100%
}

figure.effect-sarah:hover figcaption>div>h2:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

figure.effect-sarah p,figure.effect-sarah ul {
    opacity: 0;
    padding: 10px 20px 0;
    text-align: center;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s
}

figure.effect-sarah:hover p,figure.effect-sarah:hover ul {
    opacity: .8;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.grid figure .show-ms {
    display: none
}

.grid figure ul {
    list-style: none;
    margin: 0;
    padding: 1em
}

.grid figure ul h2 {
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0;
    text-decoration: underline;
	color: #ffffff;
	padding:0;
}