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} 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;}
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 {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;} #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;} 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(//costaricahosting.net/wp-content/themes/pigflex/image/icon-espana32.png) center center no-repeat; background-size: cover;}
#languages li.lang-item-en a {background: url(//costaricahosting.net/wp-content/themes/pigflex/image/icon-usa32.png) center center no-repeat; background-size: cover;} .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;
} .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; } #newsletter {display: none; background-color: #fff7c9; padding: 15px 0;}
.nf-response-msg {color: #0ade00;} .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{ 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;} #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;} @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;}
}