/*Theme Name: PigFlex Theme
Theme URI: http://pigflex.com/
Author: Pig Flex
Author URI: http://pigflex.com/
Description: Naked Versión of WP Theme
Version: 2.6 */


/* NORMALIZE */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0; width:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


/* GENERAL */

body{font-family: lato, sans-serif; font-size: 20px; overflow-x: hidden;}
h1{font-size: 2em; text-align: left; font-weight: 600; margin: 20px 0 0; letter-spacing: 1px;}
#subheader h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 auto;
    letter-spacing: 1px;
    text-align: center;
}
h2{font-size: 26px; text-align: left; font-weight: 600; margin: 0; letter-spacing: 1px; padding: 10px 0 2px;}
h3{font-size: 1.5em; text-align: left; font-weight: 600; margin: 0; letter-spacing: 1px; color:#0aa200;}
h4{font-size: 26px;
    text-align: left;
    font-weight: 600;
    color: white;
    background: #0cb100;
    text-transform: inherit;
    margin: 0 auto 28px;
    padding: 10px 20px;
    border-radius: 40px;
    letter-spacing: 1px;}
h5{font-size: 1.15em; text-align: left; font-weight: 600; text-transform: inherit; margin: 0 0 24px; letter-spacing: 1px;}
h6{font-size: 1.1em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0; letter-spacing: 1px;}
a{text-decoration: none; color: #fff;}
b, strong{font-weight: 600;}
p {line-height: 1.5; margin: 0;}
img{max-width: 100%; height: auto;}
li {line-height: 26px; margin:0 0 0 -12px;}
.destacados ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
header{height: 7rem;}
#subheader{z-index: 99;
	padding: 10px 0 10px;
    position: fixed;
    background: #0aa200;
    width: 100%;
    text-align: center;}
#subheader p{line-height: normal; margin: 0 auto; padding: 12px 0; font-weight: 800; color: white; font-style: italic;}
#subheader a{font-weight: 800; color: white; letter-spacing: 1px; font-size: 22px;}


.whatsapp{position:fixed; right:10px; bottom:3%; float:right; width:100px; height:auto; z-index:99999999; transition: .5s; }
.whatsapp:hover{transform: scale(1.2);}

/* LOGO */
#logo {background: #ffffff; z-index: 99; margin: 45px -14px 0; width: 100%; box-shadow: 0 10px 8px -14px #888888; position: fixed; padding: 20px 34px !important;}
#logo img{width: 340px;}
#logo-rwd{display: none;}

.btn5:hover{background:black; opacity:.8; cursor: pointer;}
.menu-float{position: fixed; left: 45%; bottom: 1%; width: 320px; padding:10px 4px; background:#0aa200f2; border-radius:10px; z-index: 9999; display: inline-flex; color: white; font-size: 14px; text-align: center; margin: 0 auto; left: 0; right: 0; line-height: 18px;  box-shadow: 0 3px 8px #000000a1;}

.menu-float div:nth-child(1) {border-right: 2px solid white; padding: 0 12px;}
.menu-float div:nth-child(2) {border-right: 2px solid white; padding: 0 12px;}
.menu-float div:nth-child(3) {padding: 0 12px;}
	
.menu-float a{color: white;}
.menu-float a:visited{color: white;}

.menu-float img{margin: 0 auto 4px; width: 50px; height: auto;}

.menu-quote, .menu-cotact, .menu-book{text-align:center; margin: 0 auto; width: 33%;}
.destacados p{margin: 20px auto;}
.destacados {margin: 0 auto;}
.email{background: #eee; border-radius: 30px; padding: 0 18px 0 32px !important; min-height:333px;}
.ecommerce{background: #e7f1f0; border-radius: 30px; padding: 0 18px 0 32px !important; min-height:333px;}
.wordpress{background: #ecf0fc; border-radius: 30px; padding: 0 0 0 32px !important; min-height:333px;}
.dominios{background: #ecf0fc; border-radius: 30px; padding: 0 18px 0 32px !important; min-height:333px;}
.dominios img{position: absolute; bottom: -166px; right: -28px;}
.wordpress img{position: absolute; bottom: -166px;}
.ecommerce img{position: absolute; bottom: -166px; right: -28px;}
.email img{position: absolute; bottom: -166px;}

.titular{margin: 0 auto 2rem;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #0aa200;}


.titular-otros{margin:4rem auto 1rem;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #0aa200;}

.contact-cnt img {margin: 20px auto -12px;}

/* SLIDER */
	#slider-rwd{display:none;}
#slider-image{margin: 0 auto; position: relative; top: 9rem; width: 96%;}
.ls-numbers .ls-bottom-slidebuttons a.ls-nav-active, .ls-numbers .ls-bottom-slidebuttons a:hover {
    background: rgb(13 160 2) !important;}
.ls-numbers .ls-bottom-slidebuttons a {width: 40px !important; height: 40px !important;}
.ls-numbers .ls-bottom-slidebuttons, .ls-numbers .ls-nav-start, .ls-numbers .ls-nav-stop {top: -50px !important;}
.ls-numbers .ls-bottom-slidebuttons a:before {font-size: 26px !important;}
.prev, .next{cursor: pointer;}
	#slider-serv-rwd{display: none;}
	#slider-serv{margin: 0 auto 2rem; text-align: center;}

/* MENU */

nav {width: auto; text-align: right; position: fixed; top: 20px; right: 0; z-index: 999;}
nav > div > ul{margin: 0;}
nav > div > ul > li {display: inline-block; position: relative;}
nav > div > ul > li > a {display: block; color: #1c232f; text-align: center; padding: 54px 22px 0; text-decoration: none; transition: .5s ease; text-transform: uppercase; font-size:16px;}
nav > div > ul > li:hover > a {color:#0aa200; transition: .5s ease;}
nav > div > ul > li > ul {position: absolute; left: 0; margin: 0; padding: 0; list-style: none; text-align: left; background: #f7e89c; width: -moz-max-content; width: -webkit-max-content; width: max-content; display: none; z-index: 200; min-width: 100%;}
nav > div > ul > li:hover > ul{display: block;}
nav > div > ul > li > ul > li > a, nav > div > ul > li > ul > li > ul > li > a {font-size: 13px; color: #000; display: block; padding: 15px; transition: .5s ease;}
nav > div > ul > li > ul > li:hover > a {background: #f5c426;}
nav > div > ul > li > ul > li > ul {list-style: none; padding: 0; margin: 0; display: none; position: absolute; left: 100%; top: 0; z-index: 100; width: -moz-max-content; width: -webkit-max-content; width: max-content; background: #f5c426; min-width: 100%;}
nav > div > ul > li > ul > li{position: relative;}
nav > div > ul > li > ul > li:hover > ul {display: block;}
nav > div > ul > li > ul > li > ul > li:hover > a {background: #d0a417;}
#languages {list-style: none; margin: 0; text-align: center; padding: 1.5em 1em;}
#languages li {display: inline-block;}
#languages li a {text-indent: -999999px; display: block; width: 40px; height: 40px; margin: 10px;}
#languages li.lang-item-es a {background: url(image/icon-espana32.png) center center no-repeat; background-size: cover;}
#languages li.lang-item-en a {background: url(image/icon-usa32.png) center center no-repeat; background-size: cover;}

 /* CAJAS ADM */

.caja {
      position: relative;
    width: 240px;
    height: 240px;
    background-color: #dcf4ff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .numero-fondo {
    position: absolute;
    bottom: -92%;
    RIGHT: -146px;
    transform: translate(-50%, -50%);
    font-size: 19rem;
    font-weight: 900;
    line-height: 1;
    color: #c5edff;
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
    z-index: 1;
    }

    .texto-principal {
        position: relative;
    z-index: 2;
    font-size: 20px;
    font-weight: 500;
    color: #012547;
    text-align: center;
    padding: 0 16px;
    }

/* FAQS */

.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
    margin: 10px auto !important; }

.sow-accordion {width: 98%; margin: 0 auto;}

.titular-faqs {
    background: #0aa200;
    margin: 0 auto 14px;
    padding: 2px 14px !important;
    border-radius: 16px;
    color: white;
	font-size: 30px;
    text-align: center;
    font-weight: 600;
}

/* GRID */
.home #contenedor {margin: 30rem auto 0; padding:4em 2em 0; background: white;}
#contenedor {margin: 3rem auto 4rem; padding:4em 2em 2em; background: white;}
.grid {width: 1200px; margin: 0 auto 4em; max-width: 80%; padding: 0; text-align: center; position: relative;}
.grid-article {display: inline-block; position: relative; width: 33%; vertical-align: top; max-width: 100%;}
.grid-article > div {position: relative; margin: 20px;}
.grid-article h3 {text-align: left; font-size: 1.1em; margin: 0;}
.grid-article h3.blog-title {text-align: center; margin: 10px 0;}
.grid-article a, .grid-article img {display: block;}
.grid-article .fecha {text-align: left; margin: 0 0 10px;}
.grid-article p {font-size: 0.9em; text-align: justify;}
.grid-article span {position: absolute; bottom: 0; background-color: #f5c426; padding: 10px 45px; right: 0; color: #1c232f; text-transform: uppercase; font-weight: 900; transition: .5s ease; font-size: 14px;}
.grid-article a:hover span {background-color: #1c232f; color: white; }
#old_posts {font-size: 14px; border: 2px solid #f7e89c; width: 161px; padding: 16px 20px; border-radius: 5px; color: #1c232f; text-decoration: none; transition: 0.4s; position: absolute; right: 20px; bottom: -50px;}
#old_posts:hover {background-color: #f7e89c; color: #1c232f; transition: .5s ease; }


/* FORMULARIOS */
#newsletter {display: none; background-color: #fff7c9; padding: 15px 0;}
.nf-response-msg {color: #0ade00;}

/* FOOTER */
.contact a{color: black;}
footer {margin: 0 auto; width: 100%; clear: both; background:#0aa200; color: white;}
#widget-footer {width: 100%; margin: 0 auto; text-align: center; max-width: calc(100% - 40px); padding: 0 20px;}
#widget-footer > div {width: 40%; display: inline-block; padding: 4em 2em 6em; text-align: left; vertical-align: top;}
footer img {margin: 20px 4px -12px 6px;}
.logo-footer{margin: 0 auto;}

/* CUSTOMS */
.customS{ transition: 0.6s color; font-weight: 600; font-size: 16px; letter-spacing: 1px;  display: block; text-align: center; padding: 15px; list-style: none; transition: .5s ease; text-transform: uppercase; background-color:#ffffff;}
.customS:hover{ transition: .5s ease;}

/* INTERNA */
#category-list {display: block; margin: 0 auto 4em; width: -moz-fit-content; width: -webkit-fit-content; width: -fit-content;}
#category-list h3 {text-align: left; font-size: 1.2em; margin: 15px 0;}
body#es .addtoany_content > div::before {content: "Compartí esta página"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}
body#en .addtoany_content > div::before {content: "Share this page"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}

/* RESPONSIVE */
@media screen and (max-width:900px){ 
	#menu{display: none !important;} }

@media screen and (max-width:460px) {
	.titular {margin: 24px auto 1rem;}
	.titular-otros {margin: 2rem auto 1rem;}
	#slider-serv-rwd{display:inline-block; margin: 0 auto; width:99%;}
	#slider-serv{display: none;}
	.menu-float {width: 96%; padding: 6px 4px; line-height: 14px; }
	.menu-float img {margin: 0 auto 6px; width: 42px;}
	#slider-rwd{display: inline-block; margin: 0 auto; width:99%;}
	h3 {font-size: 1.5rem; text-align: center; margin: 20px auto 20px; letter-spacing: 0px;}
	header {height: 6rem;}
	#contenedor {margin: 0 auto; padding: 0 1em 2em; background: white;}
	#wprmenu_bar .menu_title {display: none;}
	h2{font-size: 22px; text-align: center; letter-spacing: 0;}
	#widget-footer > div {width: 98%; padding: 0 0 2em;}
	.destacados ul {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
	#logo{display: none;}
	    #logo-rwd {
        display: inline-block;
        position: fixed;
        z-index: 999999;
        margin: -38px 10px 0 0;
        width: 78%;
        padding: 0 !important;
        right: 0;}
	#subheader a {
    letter-spacing: 0;
    font-size: 17px;}
	.home #contenedor {margin: 0 auto; padding: 0 1em;}
	.dominios img{display: none !important;}
.wordpress img{display: none !important;}
.ecommerce img{display: none !important;}
.email img{display: none !important;}
	.email{min-height:auto; margin: 0 auto 3rem; padding:16px 30px 10px 30px !important;}
.ecommerce{min-height:auto; margin: 0 auto 3rem; padding:18px 30px 8px 30px !important;}
.wordpress{min-height:auto; padding:18px 30px 8px 30px !important;}
.dominios{min-height:auto; margin: 0 auto 3rem; padding:16px 30px 8px 30px !important;}
	footer{padding:50px 0 64px !important;}
h4 {
    font-size: 24px;
    text-align: center;
    margin: 0 auto 26px;
    padding: 10px 20px;
    letter-spacing: 0px;}
}