@import url(https://fonts.googleapis.com/css?family=Lato:700|Montserrat:300,500,700|Open+Sans:400,600,800|Roboto:100,300,500,700,900);@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700');@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap');
body {background-color: #000;font-family: 'Roboto', sans-serif;}
.webdev {background-color: rgb(0,0,0);background-attachment: fixed;background-position: right bottom;background-repeat: no-repeat;background-size: cover;}
.webdevcenter {background-color: rgb(0,0,0);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.webdevtl {background-color: rgb(0,0,0);background-attachment: fixed;background-position: left top;background-repeat: no-repeat;background-size: cover;}
.lbm-stack-sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}
#logo {position: fixed;z-index: 100;top: 0px;width: 100%;}
.black {background: #000;color: #fff;}
.intro img {width: 70%;height: auto;}
.logobg {background: rgba(0,0,0,.8);border-bottom: 1px solid #333;}
.blacktransp {background-color: rgba(0,0,0,.8);color: #fff;}
.carbon {background-color: #232b2b;color: #fff;}
.carbontransp {   background-color: rgba(35,43,43,.8);color: #fff;}
.graytransp {background-color: rgba(180,180,160,.8);color: #222;}
.white {background-color: #fff;color: #000;}
.blue {background-color: #0071E3;color: #fff;}
.lightgray {background-color: #f5f5f5;color: #000;}
.row-white {background-color: rgba(255,255,255,.9);color: #000;}
.purplebg {background-color: #bf29ec;color: #fff;}
.intro {padding-top: 100px;padding-bottom: 100px;color: #fff;}
.vacapurpura h4 {font-size: 100%;font-style: italic;}
.vacapurpura strong {color: #bf29ec;}
.vacapurpura p {font-family: 'Roboto', sans-serif;font-size: 1.1em;line-height: 1.1;padding-bottom: 1em;margin: 0 0 1em;color: #f2f2f2;font-weight: 700;font-style: italic;}
.vacapurpura {padding-top: 100px;padding-bottom: 100px;}
.intro h5 {font-size: 80%;font-style: italic;text-transform: uppercase;padding-bottom: 25px;}
.topborder {border-top: 1px solid #333;}
.floating-button-01 {width: 50px;height: 50px;position: fixed;right: 10px;bottom: 10px;transform: translate3d(-10%,-10%,0);cursor: pointer;z-index: 20;}
.alogotop:hover {background-color: none;}
h1, h2, h3, h4, h5 {font-weight: normal;font-family: 'Montserrat', sans-serif;}
h1 {font-size: 170%;}
h2 {font-size: 150%;}
h3 {font-size: 135%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
.scalable-rounded {width: auto;height: auto;max-width: 100%;border-radius: 7px;}
.scalable-fancy {width: auto;height: auto;max-width: 100%;border-radius: 7px;box-shadow: 0px 0px 10px rgba(0,0,0,.65);}
.bigg {font-size: 180%;}
.bigg strong {font-weight: 400;}
.text-link-light {color: #EEE;border-bottom: 1px dotted;}
.text-link-dark {color: #000;border-bottom: 1px dotted;}
.text-link-dark:hover, .text-link-light:hover {border-bottom: 1px solid;}
.text-link-dark, .text-link-light {text-decoration: none;}
.soptitle {font-family: Lato,sans-serif;font-size: 1.2em;line-height: 1.1;margin: 0 0 .1em 0;font-weight: 700;color: #ffca00;}
.soptitle3 {font-family: Lato,sans-serif;font-size: 1.2em;line-height: 1.1;margin: 0 0 .1em 0;font-weight: 700;color: #bf29ec;}
.soptitle2 {font-family: 'Montserrat', sans-serif;font-size: 0.9em;line-height: 1.1;margin: 0 0 .1em 0;font-weight: 700;color: #f2f2f2;}
.sopdesc {font-size: 0.8em;color: #fff;}
.section_title.v1_mod {margin: 0 0 .3em;}
.section_title {font-family: Lato,sans-serif;font-size: 1.4em;font-weight: 700;line-height: 1.1;}
.section_title_span {color: #ffca00;}
.section_title2 {font-family: 'Montserrat', sans-serif;font-size: 1.2em;line-height: 1.1;margin: 0 0 .1em 0;font-weight: 700;}
.section_title3 {font-family: Lato,sans-serif;font-size: 1em;font-weight: normal;line-height: 1.1;margin: .1em 0 .1em 0;color: #909090;}
.webdev_title1 {font-family: 'Montserrat', sans-serif;font-size: 1.8em;line-height: 1.1;margin: 0 0 0.1em 0;font-weight: 900;color: #fff;text-transform: uppercase;}
.webdev_title2 {font-family: Lato,sans-serif;font-size: 1.4em;font-weight: normal;line-height: 1.1;margin: 0.1em 0 0.1em 0;color: #fff;text-transform: uppercase;}
.webdev_title3 {font-family: 'Montserrat', sans-serif;font-size: 1.3em;line-height: 1.1;margin: 0.1em 0 0.1em 0;color: #fff;font-weight: 700;}
.webdev_desc {font-family: 'Roboto', sans-serif;font-size: 1.1em;line-height: 1.4;padding-bottom: .8em;margin: 0 0 1em;color: #fff;padding-top: 20px;}
.servtitle {font-family: Lato,sans-serif;font-size: 1em;font-weight: 700;line-height: 1;margin: 0 0 1em;}
.servdesc {font-family: 'Roboto', sans-serif;font-size: 0.8em;line-height: 1.3;margin: 0 0 1em;color: #000;text-align: center;}
.servimg {width: 64px;height: auto;}
.spanlight {color: #ffca00;}
.spanred {color: #fa2a20;}
.vacapurpura img {width: 70%;height: auto;}
.section_desc {font-family: 'Roboto', sans-serif;font-size: 1em;line-height: 1;padding-bottom: .8em;margin: 0 0 1em;color: #d8dad9;padding-top: 20px;}
.section_desc2 {font: "Open Sans",sans-serif;font-size: 1em;line-height: 1.6;margin: 0 0 1em;color: #000;padding-top: 20px;}
.subtitle {font-family: 'Roboto', sans-serif;font-size: 1em;font-weight: 500;line-height: 1.1;display: block;text-transform: uppercase;padding-bottom: 70px;}
.bodypanels {padding-bottom: 120px;padding-top: 120px;}
.bodypanels2 {padding-bottom: 40px;padding-top: 40px;}
.bodypanels3 {padding-bottom: 20px;padding-top: 20px;}
.shadow {box-shadow: 10px 10px 20px rgba(0,0,0,0.6);}
.footer3 {font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 70%;color: #ddd;letter-spacing: .3em;margin-top: 40px;}
.footer {font-size: 60%;background-color: #353535;color: #ddd;letter-spacing: .2em;border-top: 1px solid #333;background-image: url("../../img/bg_footer.jpg");background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.footer a, .footer3 a {text-decoration: none;border-bottom: 1px dotted #ddd;color: #ddd;}
.footer a:hover {text-decoration: none;}
.fourcolumn {float: left;width: 24%;margin-right: 1%;padding: 0;}
.tricolumn {float: left;width: 32%;margin-right: 2%;padding: 0;}
.bicolumn {float: left;width: 48%;margin-right: 2%;padding: 0;}
.lastcolumn {margin-right: 0px;}
.menulist {margin: 0px;padding: 0px;}
.menulist li {list-style-type: none;margin-bottom: 4px;}
.menulist a {color: #fff;display: block;padding: 10px;border: 1px solid #525252;text-decoration: none;transition: all linear .3s .01s;border-radius: 5px;}
.menulist a:hover {color: #FFF;border-color: #FFF;background-color: #fb0b0b;text-decoration: none;}
.p7SOM-09 i {padding-right: 15px;}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {.intro {padding-top: 100px; padding-bottom: 100px;}
.section_title {font-size: 2em;}
.section_desc {font-size: 1.2em;}
.vacapurpura p {font-size: 1.3em;line-height: 1.3;}
.vacapurpura {background-size: auto;}
.intro {padding-top: 60px;padding-bottom: 80px;}
.floating-button-01 {right: 10px;width: 60px;height: 60px;}
.section_title {font-size: 2.5em;}
.vacapurpura p {font-size: 1.6em;line-height: 1.3;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {body {font-size: 100%;}
.displaypc {display: none;}
.imgcel {width: 70%;height: auto;padding-left: 15%;max-width: 70%;border-radius: 7px;}
.intro img {width: 80%;}}
@media only screen and (min-width: 0px) and (max-width: 480px) {body {font-size: 100%;}
.imgcel {width: 70%;height: auto;padding-left: 15%;max-width: 70%;border-radius: 7px;}}
@media only screen and (min-width: 1024px) {
#vacapurpura, #portafolio {background-position: 50%;}
#mobileopt {background-size: 30%;}
#socialmedia {background-size: 50%;}
#seopos {background-size: 50%;}
.intro {padding-top: 80px; 
padding-bottom: 120px;}
.floating-button-01 {right: 10px;width: 70px;height: 70px;}
.section_title {font-size: 2.7em;}
.section_desc {font-size: 1.7em;}
.vacapurpura p {font-size: 1.7em;line-height: 1.3;}
.vacapurpura img {width: 50%;}
.vacapurpura {background-size: auto;background-position: left bottom;}
.bodypanels {padding-bottom: 150px;padding-top: 150px;}
.bodypanels2 {padding-bottom: 90px;padding-top: 90px;}
.padesp {padding-left: 20%; padding-right: 20%;}
.footer {padding-left: 20%; padding-right: 20%;}
.floating-button-01, .p7STT, .p7SOM-09 {margin-right: 5%;}
.padesp2 {padding-left: 5%; padding-right: 5%;}
.displaycel {display: none;}
.webdev_title1 {font-size: 2.9em;}
.webdev_title2 {font-size: 2em;}
.webdev_title3 {font-size: 1.8em;}
.webdev_desc {font-size: 1.5em;}
.servtitle {font-size: 1.2em;}
.servdesc {font-size: 0.9em;line-height: 1.3;}
.servimg {width: 96px;height: auto;}
.intro img {width: 100%;}
.padleft30pc {padding-left: 30%;}
.padleft10pc {padding-left: 10%;}
.section_desc2 {font-size: 1em;}}