/* Adwoorx Styles */

/* Montserrat Font */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/* ---- */

/*General Styles*/
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff!important;
    line-height: 0;
    font-family: 'Montserrat', sans-serif;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.row
{
    margin-bottom:0;
    margin-top:0;
}
/* ---- */


/* Section Intro */
#intro {
    height: auto;
    padding-top: 2%;
    padding-bottom: 5%;
}

#introContent {
    width: 100%;
}

#introSlogan {
    top: 35%;
    left: 25%;
    position: absolute;
}

#introTitle {
    top: 5%;
    left: 16.5%;
    position: absolute;
}


#introTitle h3 {
    font-weight:bold;
    font-size: 3.5em;
    line-height: 1.5em;
    margin-bottom: 0;
    position: relative;
    display: block;
}

/* #introTitle span {
    font-weight:bold;
    font-size: 1.5em;
} */

#adwords {
    color: #e60069;
}

/* #introTitle h3 span:nth-child(1) {
    color: #e60069;
    margin-left: -5px;
} */

/* #introTitle h3 span:nth-child(2) {
    color: #000000;
    margin-left: -4px;
}

#introTitle h3 span:nth-child(3) {
    color: #000000;
    margin-left: -6px;
} */

#introTitle p {
    font-size: 1.5em;
    font-weight:bolder;
    color: #90908f;
    margin-top: 0;
    opacity: 0;
    line-height: 5px;
}

#introPicture {
    width: 100%;
    padding-left: 10%;
    margin: 0 auto;
    float: right;
}

#semContent {
    width: 100%;
    border-bottom: 3px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #e60069 0%, #0cd0de 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e60069 0%,#0cd0de 100%);
    border-image: linear-gradient(to right,#e60069 0%,#0cd0de 100%);
    border-image-slice: 1;
    padding-bottom: 5%;
}

#semTitle {
    margin-top: -4%;
    margin-left: 7%;
    position: absolute;
}

#semTitle h3 {
    color: #000000;
    font-weight:bold;
    font-size: 5em;
    text-transform:uppercase;
}

#semTxt {
    padding-top: 1%;
    width: 85%;
    float: right;
    line-height: 1;
    padding-left: 16%;
}

#semTxt p {
    font-size: 1em;
    font-weight:400;
    line-height: 2em;
}

#semTxt p span {
    font-weight:bolder;
}
/* ---- */

/* Servicios PPC */
#servPPC {
    padding-top: 3%;
    height: auto;
    background-color: #23e7e0;
    padding-bottom: 5%;
}

#servContent {
    position: relative;
}

#servTitle {
    margin-left: 11%;
    padding-bottom: 5%;
}

#servTitle h3 {
    font-weight:bold;
    font-size: 5em;
    color: #ffffff;
}


#browserPicture {
    width: 100%;
    margin-left: -20px;
    margin-bottom: -310px;
}

#browserText {
    float: right;
    position: absolute;
    top: -3%;
    left: 50%;
}

#browserText p {
    font-size: 1.1em;
    font-weight: bolder;
    line-height: 2em;
}

#priceText {
    float: right;
    position: absolute;
    top: 30%;
    left: 61%;
}

#priceText p {
    font-size: 1.5em;
    font-weight: bolder;
    color: #ffffff;
    line-height: .5em;
}

#priceText p span {
    font-size: .9em;
    font-weight: 500;
}

#footServ {
    position: absolute;
    bottom: 30%;
    left: 50%;
    line-height: 1;
}

#footServ p {
    font-weight: 400;
    font-size: 1em;
    /* padding-left: 15%; */
    padding-right: 25%;
    line-height: 2em;
}
/* ---- */

/* Inversión */
#inversion {
    height: auto;
    background-color: #23263c;
    padding-top: 5%;
    padding-bottom: 5%;
    position: relative;
}

#inversionTxt {
    line-height: 1;
}

#inversionTxt h3 {
    color:#ffffff;
    font-size: 5em;
    font-weight:bold;
}

#inversionTxt p {
    color: #8387a6;
    font-size: 1em;
    font-weight:300;
    margin-right: 10%;
    line-height: 2em;
}

#inversionTxt p span {
    font-weight: 600;
}

#inversionPicture {
    padding-top: 10%;
    width: 90%;
}
/* ---- */

/* We make cool stuff */
#footer {
    padding-top: 1%;
    padding-bottom: 5%;
    height: auto;
}

#coolContent {
    width: 100%;
    border-bottom: 3px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #e60069 0%, #0cd0de 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e60069 0%,#0cd0de 100%);
    border-image: linear-gradient(to right,#e60069 0%,#0cd0de 100%);
    border-image-slice: 1;
    margin-top: -45px;
}
#coolTitle {
    position: relative;
    margin-left: 72%;
}
#coolTitle h3 {
    font-size: 7em;
    font-weight:900;
    color: #23263c;
    text-transform: uppercase;
    margin-top: -30px;
}

#addressContent {
    width: 100%;
    padding-top: 2%;
}

#addressTxt {
    position: relative;
    /* left: 72%;
    width: 40%; */
    margin-left: 72%;
}

#addressTxt p{
    color: #23263c;
    font-size: 1em;
    font-weight:500;
    line-height: 1.1em;
}

#addressTxt p a span{
    font-weight: bolder;
    color: #23263c;
}
/* ---- */


/* Servicios PPC Mobile*/
.mobServ , .mobPrice , .mobServTxt , .mobFooter {
    width: 70%;
    margin: 0 auto;
    /* line-height: 1; */
}

.mobServTxt p {
    font-size: 1em;
    font-weight: bolder;
    line-height: 1.5em;
}

.mobPrice p {
    font-size: 1.5em;
    font-weight: bolder;
    color: #ffffff;
    line-height: 1.5em;

}

.mobPrice p span {
    font-size: .7em;
    font-weight: 500;
}

.mobFooter p {
    font-weight: 400;
    font-size: 1em;
    line-height: 2em;
}
/* ---- */