#TagPopup_FormContainer
{
height:520px;
min-width:290px;
background:#CF861A;
border:0;
padding:5px ; z-index:999 !important;
cursor:default;   
display:none;
margin-top: -180px !important;
top: 35% !important;
left: 55% !important;
margin-left: -250px !important;
position: fixed !important;
}
#TagPopup_FormContainerHeader
{
height: 15px;
margin-top: 22px;
text-align: center;
}
#TagPopup_FormContainerHeader a
{
color:#FFFFFF !important;
font-family:Verdana,Arial;
font-size:10pt;
font-weight:bold;
text-decoration: none;
color: #818fa7;
}
#TagPopup_FormTitle
{
margin: 8px;
color: #FFFFFF !important;
font-size: 17pt;
font-weight: bold !important;
}
#TagPopup_FormClose
{
float:right !important;
width:50px;
margin:5px;
position: absolute;
top: 0px;
right: 0px;
}
#TagPopup_FormContainerBody
{
margin:15px;
}
#TagPopup_FormContainerBody h2
{
font-family : Arial, sans-serif;
font-size: 14pt;
font-weight:bold;
color:#333 !important;    
}
#TagPopup_FormContainerBody p
{
font-family : Arial, sans-serif !important;
font-size: 12pt;
color:#333 !important;
}
#TagPopup_FormContainerFooter
{
position: fixed; 
top:0; 
left:0; 
bottom:0; 
right:0;
background:#000000;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
border:1px solid #cecece;
z-index:99 !important;
display:none;
}
#TagPopup_FormLabel 
{
font-family: Arial, Helvetica, sans-serif !important;
font-weight: normal;
color:#ffffff !important;
padding-top:4px !important;
}
#TagPopup_FormLabel_Page
{
font-family: Arial, Helvetica, sans-serif !important;
font-weight: normal !important;
color:#ffffff !important;
padding-top:4px;
line-height:0.5em !important;
font-size:14px;
}
#TagPopup_FormAlert 
{
font-family :Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#FF0000;
padding-top:4px;
color: green;
text-align: center;
width: 100%;
display: none;
position: absolute;
top: 0px;
background: #CF861A;
height: 100%;
color: white;
font-size: 28px;
line-height: 2;
left: 0px;
padding-top: 66px;
padding-left: 15px;
padding-right: 15px;
}
#cerrarEnviado {
color: white;
background: #473F3B;
max-width: 170px;
max-height: 60px;
line-height: 1;
margin: auto !important;
margin-top: 30px !important;
cursor: pointer;
}
#TagPopup_FormContainerBody  form div {
margin-bottom: 0 !important;
}
#TagPopup_FormContainerBody  form {
margin: 0 !important;
}
.TagPopup_TextForm 
{
font-family : Arial, Helvetica, sans-serif !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset !important;
border: 0 none !important;
color: #333 !important;
transition: border-color 0.05s ease-in-out 0s;
padding: 10px !important;
width: 100%; border-radius: 0 !important;
padding-right: 0; width: 318px !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
margin-bottom: 0 !important;
line-height: normal !important;
background-color: #FFFFFF !important;
}
.TagPopup_TextArea 
{
font-family : Arial, Helvetica, sans-serif !important;
margin-top: 10px;
padding: 10px!important;
width: 317px !important;
height: 90px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset !important;
border: 0 none !important;
color: #333 !important;
transition: border-color 0.05s ease-in-out 0s;
border-radius: 0 !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
margin-bottom: 0 !important;
line-height: normal !important;
background-color: #FFFFFF !important;
}
.TagPopup_Button 
{
font-family: Arial, Helvetica, sans-serif !important;
background-color: #473F3B !important;
background-image: none !important;
color: white !important;
font-size: 17px !important;
margin-top: 20px !important;
padding: 10px !important;
width: 100% !important;
border:  0px !important;
border-radius: 0 !important;
box-shadow: none !important;
margin-bottom: 0 !important;
font-weight: normal !important;
height: 42px;
cursor: pointer;
}
.TagPopup_Human
{
color: #ffffff;
margin-top: 10px;
font-weight: normal;
}
// set all links to red
.color-option-one a {
color: #ff0000;
}
// set all links to blue
.color-option-two a {
color: #0000ff;
}   @media (max-width: 700px) {
#TagPopup_FormContainer {
margin-left: -184px !important;
left: 50% !important;
}
}
@media (max-width: 400px) {
#TagPopup_FormContainer {
max-width: 100%;
left: 0px !important;
margin-left: 0px !important;
}
.TagPopup_TextForm {
max-width: 90%;
height: 20px !important;
}
.TagPopup_TextArea {
max-width: 90%;
}
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}.more-link {
white-space: nowrap;
} p.attribution {
text-align: right;
} article.post {
margin-bottom: 18px;
border-bottom: 1px solid #E6E6E6;
} header .menu-action {
float: left;
margin-top: 0;
position: relative;
top: 1px;
} header .menu-action .button.small {
padding: 8px;
} header .menu-action .button.small svg {
opacity: 0.5;
} .mobile-nav-container {
margin-left: -100%;
float: left;
width: 50%;
position: absolute;
top: 150px;
} .active .mobile-nav-container {
display: block;
margin-left: 0;
} .active #main {
margin-left: 55%;
} .mobile-nav-container,
#main {
-moz-transition: all 0.25s ease-in 0s;
} .side-nav {
height: auto;
} ul.tabs.vertical {
border-bottom: 1px solid #E6E6E6;
height: auto;
} ul.tabs {
border-bottom: 1px solid #E6E6E6;
display: block;
height: 40px;
margin-bottom: 20px;
padding: 0;
} ul.tabs.vertical li {
border-left: 3px solid #CCCCCC;
} ul.tabs.vertical li, ul.tabs.vertical li {
float: none;
height: auto;
} ul.tabs li:first-child {
margin-left: 0;
} ul.tabs li {
display: block;
float: left;
margin: 0;
padding: 0;
} ul.tabs.vertical li a {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #F2F2F2;
border-color: #E6E6E6;
border-style: solid;
border-width: 1px 1px 0 0;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
color: #555555;
display: block;
font-size: 14px;
height: auto;
line-height: 1;
padding: 15px 20px;
} ul.tabs li a {
color: #6F6F6F;
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0 23.8px;
}  #main p.meta {
font-style: italic;
color: #808080;
} div[id*='attachment_'] {
max-width: 100%;
height: 100%;
} #credit320 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/images/320press_mini.png) no-repeat left top transparent;
padding-left: 20px;
display: inline !important;
} #main article img {
max-width: 100%;
margin-bottom: 18px;
} h1.single-title {
line-height: 1.1;
} img.alignleft {
margin-right: 10px;
float: left;
} img.alignright {
margin-left: 10px;
float: right;
} img.aligncenter {
display: block;
margin: 0 auto;
} p.tags a:hover {
color: #f0f0f0;
} video {
max-width: 100%;
height: auto;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
} .video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .video-wrapper {
width: 630px;
max-width: 100%;
margin-bottom: 18px;
} pre {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.15);
display: block;
font-size: 12px;
line-height: 18px;
margin: 0 0 18px;
padding: 8.5px;
white-space: pre-wrap;
word-wrap: break-word;
} code {
color: rgba(0, 0, 0, 0.75);
padding: 1px 3px;
} code, pre {
font-family: Monaco,Andale Mono,Courier New,monospace;
font-size: 12px;
padding: 5px 15px;
}  .attachment #main .post_content img {
max-width: 100%;
} li.next {
text-align: right;
} #main article {
border-bottom: none;
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
} html {
line-height: 1;
} ol, ul {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
} q, blockquote {
quotes: none;
} q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
} a img {
border: none;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}   *, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} html {
font-size: 62.5%;
} body {
background: white;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 1;
color: #222222;
position: relative;
-webkit-font-smoothing: antialiased;
}  a img {
border: none;
} a {
color: #2ba6cb;
text-decoration: none;
line-height: inherit;
} a:hover {
color: #2795b6;
} a:focus {
color: #2795b6;
} p a, p a:visited {
line-height: inherit;
}  .left {
float: left;
} .right {
float: right;
} .text-left {
text-align: left;
} .text-right {
text-align: right;
} .text-center {
text-align: center;
} .hide {
display: none;
} .hide-override {
display: none !important;
} .highlight {
background: #ffff99;
} #googlemap img, object, embed {
max-width: none;
} #map_canvas embed {
max-width: none;
} #map_canvas img {
max-width: none;
} #map_canvas object {
max-width: none;
}  figure {
margin: 0;
}  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
font-size: 14px;
direction: ltr;
} p {
font-family: inherit;
font-weight: normal;
font-size: 14px;
line-height: 1.6;
margin-bottom: 17px;
} p.lead {
font-size: 17.5px;
line-height: 1.6;
margin-bottom: 17px;
} aside p {
font-size: 13px;
line-height: 1.35;
font-style: italic;
} h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
line-height: 1.1;
margin-bottom: 14px;
margin-top: 14px;
} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0;
} h1 {
font-size: 44px;
} h2 {
font-size: 37px;
} h3 {
font-size: 27px;
} h4 {
font-size: 23px;
} h5 {
font-size: 17px;
} h6 {
font-size: 14px;
} hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 22px 0 21px;
height: 0;
} .subheader {
line-height: 1.3;
color: #6f6f6f;
font-weight: 300;
margin-bottom: 17px;
} em, i {
font-style: italic;
line-height: inherit;
} strong, b {
font-weight: bold;
line-height: inherit;
} small {
font-size: 60%;
line-height: inherit;
} code {
font-weight: bold;
background: #ffff99;
}  ul, ol, dl {
font-size: 14px;
line-height: 1.6;
margin-bottom: 17px;
list-style-position: outside;
} ul li ul, ul li ol {
margin-left: 20px;
margin-bottom: 0;
} ul.square, ul.circle, ul.disc {
margin-left: 17px;
} ul.square {
list-style-type: square;
} ul.square li ul {
list-style: inherit;
} ul.circle {
list-style-type: circle;
} ul.circle li ul {
list-style: inherit;
} ul.disc {
list-style-type: disc;
} ul.disc li ul {
list-style: inherit;
} ul.no-bullet {
list-style: none;
} ul.large li {
line-height: 21px;
} ol {
margin-left: 20px;
} ol li ul, ol li ol {
margin-left: 20px;
margin-bottom: 0;
}  blockquote, blockquote p {
line-height: 1.5;
color: #6f6f6f;
} blockquote {
margin: 0 0 17px;
padding: 9px 20px 0 19px;
border-left: 1px solid #ddd;
} blockquote cite {
display: block;
font-size: 13px;
color: #555555;
} blockquote cite:before {
content: "\2014 \0020";
} blockquote cite a, blockquote cite a:visited {
color: #555555;
} abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222222;
border-bottom: 1px solid #ddd;
cursor: help;
} abbr {
text-transform: none;
}  .print-only {
display: none !important;
}
@media print { * {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}  a, a:visited {
text-decoration: underline;
} a[href]:after {
content: " (" attr(href) ")";
} abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}  pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}  tr, img {
page-break-inside: avoid;
} img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
} p, h2, h3 {
orphans: 3;
widows: 3;
} h2, h3 {
page-break-after: avoid;
} .hide-on-print {
display: none !important;
} .print-only {
display: block !important;
} .hide-for-print {
display: none !important;
} .show-for-print {
display: inherit !important;
}
}   form {
margin: 0 0 19.41641px;
} .row form .row {
margin: 0 -6px;
} .row form .row .column, .row form .row .columns {
padding: 0 6px;
} .row form .row.collapse {
margin: 0;
} .row form .row.collapse .column, .row form .row.collapse .columns {
padding: 0;
} label {
font-size: 14px;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 500;
margin-bottom: 3px;
} label.right {
float: none;
text-align: right;
} label.inline {
line-height: 32px;
margin: 0 0 12px 0;
} .prefix, .postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
height: 32px;
line-height: 31px;
} a.button.prefix, a.button.postfix {
padding-left: 0;
padding-right: 0;
text-align: center;
} span.prefix, span.postfix {
background: #f2f2f2;
border: 1px solid #cccccc;
} .prefix {
left: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
overflow: hidden;
} .postfix {
right: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
background-color: white;
font-family: inherit;
border: 1px solid #cccccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 14px;
margin: 0 0 12px 0;
padding: 6px;
height: 32px;
width: 100%;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
} input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
font-size: 17px;
padding: 4px 6px;
} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
background: #fafafa;
border-color: #b3b3b3;
} input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
background-color: #ddd;
} textarea {
height: auto;
} select {
width: 100%;
}  fieldset {
border: solid 1px #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 12px;
margin: 18px 0;
} fieldset legend {
font-weight: bold;
background: white;
padding: 0 3px;
margin: 0;
margin-left: -3px;
}  .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
} .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
outline-color: #f5797c;
} .error label, label.error {
color: #c60f13;
} .error small, small.error {
display: block;
padding: 6px 4px;
margin-top: -13px;
margin-bottom: 12px;
background: #c60f13;
color: #fff;
font-size: 12px;
font-weight: bold;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}  form.custom { } form.custom span.custom {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 2px;
border: solid 1px #cccccc;
background: white;
} form.custom span.custom.radio {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
} form.custom span.custom.checkbox:before {
content: "";
display: block;
line-height: 0.8;
height: 14px;
width: 14px;
text-align: center;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
color: #fff;
} form.custom span.custom.radio.checked:before {
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
background: #222222;
position: relative;
top: 3px;
left: 3px;
} form.custom span.custom.checkbox.checked:before {
content: "\00d7";
color: #222222;
} form.custom div.custom.dropdown {
display: block;
position: relative;
width: auto;
height: 28px;
margin-bottom: 9px;
margin-top: 2px;
} form.custom div.custom.dropdown ul {
overflow-y: auto;
max-height: 200px;
} form.custom div.custom.dropdown a.current {
display: block;
width: auto;
line-height: 26px;
min-height: 28px;
padding: 0;
padding-left: 6px;
padding-right: 38px;
border: solid 1px #dddddd;
color: #141414;
background-color: white;
white-space: nowrap;
} form.custom div.custom.dropdown a.selector {
position: absolute;
width: 27px;
height: 28px;
display: block;
right: 0;
top: 0;
border: solid 1px #dddddd;
} form.custom div.custom.dropdown a.selector:after {
content: "";
display: block;
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #aaaaaa transparent transparent transparent;
position: absolute;
left: 50%;
top: 50%;
margin-top: -2px;
margin-left: -5px;
} form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #222222 transparent transparent transparent;
} form.custom div.custom.dropdown.open ul {
display: block;
z-index: 10;
} form.custom div.custom.dropdown.small {
width: 134px !important;
} form.custom div.custom.dropdown.medium {
width: 254px !important;
} form.custom div.custom.dropdown.large {
width: 434px !important;
} form.custom div.custom.dropdown.expand {
width: 100% !important;
} form.custom div.custom.dropdown.open.small ul {
width: 134px !important;
} form.custom div.custom.dropdown.open.medium ul {
width: 254px !important;
} form.custom div.custom.dropdown.open.large ul {
width: 434px !important;
} form.custom div.custom.dropdown.open.expand ul {
width: 100% !important;
} form.custom div.custom.dropdown ul {
position: absolute;
width: auto;
display: none;
margin: 0;
left: 0;
top: 27px;
margin: 0;
padding: 0;
background: white;
background: rgba(255, 255, 255, 0.95);
border: solid 1px #cccccc;
} form.custom div.custom.dropdown ul li {
color: #555555;
font-size: 13px;
cursor: pointer;
padding: 3px;
padding-left: 6px;
padding-right: 38px;
min-height: 18px;
line-height: 18px;
margin: 0;
white-space: nowrap;
list-style: none;
} form.custom div.custom.dropdown ul li.selected {
background: #cdebf5;
color: black;
} form.custom div.custom.dropdown ul li.selected:after {
content: "\2013";
position: absolute;
right: 10px;
} form.custom div.custom.dropdown ul li:hover {
background-color: #cdebf5;
color: black;
} form.custom div.custom.dropdown ul li:hover:after {
content: "\2013";
position: absolute;
right: 10px;
color: #a3dbec;
} form.custom div.custom.dropdown ul li.selected:hover {
background: #cdebf5;
cursor: default;
color: black;
} form.custom div.custom.dropdown ul li.selected:hover:after {
color: black;
} form.custom div.custom.dropdown ul.show {
display: block;
} form.custom .custom.disabled {
background-color: #dddddd;
} @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector {
height: 28px;
}
} .lt-ie9 form.custom div.custom.dropdown a.selector {
height: 28px;
}  .row {
width: 1000px;
max-width: 100%;
min-width: 768px;
margin: 0 auto;
} .row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -15px;
} .row.collapse .column, .row.collapse .columns {
padding: 0;
} .row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -15px;
} .row .row.collapse {
margin: 0;
} .column, .columns {
float: left;
min-height: 1px;
padding: 0 15px;
position: relative;
} .column.centered, .columns.centered {
float: none;
margin: 0 auto;
} [class*="column"] + [class*="column"]:last-child {
float: right;
} [class*="column"] + [class*="column"].end {
float: left;
} .one, .row .one {
width: 8.33333%;
} .two, .row .two {
width: 16.66667%;
} .three, .row .three {
width: 25%;
} .four, .row .four {
width: 33.33333%;
} .five, .row .five {
width: 41.66667%;
} .six, .row .six {
width: 50%;
} .seven, .row .seven {
width: 58.33333%;
} .eight, .row .eight {
width: 66.66667%;
} .nine, .row .nine {
width: 75%;
} .ten, .row .ten {
width: 83.33333%;
} .eleven, .row .eleven {
width: 91.66667%;
} .twelve, .row .twelve {
width: 100%;
} .row .offset-by-one {
margin-left: 8.33333%;
} .row .offset-by-two {
margin-left: 16.66667%;
} .row .offset-by-three {
margin-left: 25%;
} .row .offset-by-four {
margin-left: 33.33333%;
} .row .offset-by-five {
margin-left: 41.66667%;
} .row .offset-by-six {
margin-left: 50%;
} .row .offset-by-seven {
margin-left: 58.33333%;
} .row .offset-by-eight {
margin-left: 66.66667%;
} .row .offset-by-nine {
margin-left: 75%;
} .row .offset-by-ten {
margin-left: 83.33333%;
} .push-two {
left: 16.66667%;
} .pull-two {
right: 16.66667%;
} .push-three {
left: 25%;
} .pull-three {
right: 25%;
} .push-four {
left: 33.33333%;
} .pull-four {
right: 33.33333%;
} .push-five {
left: 41.66667%;
} .pull-five {
right: 41.66667%;
} .push-six {
left: 50%;
} .pull-six {
right: 50%;
} .push-seven {
left: 58.33333%;
} .pull-seven {
right: 58.33333%;
} .push-eight {
left: 66.66667%;
} .pull-eight {
right: 66.66667%;
} .push-nine {
left: 75%;
} .pull-nine {
right: 75%;
} .push-ten {
left: 83.33333%;
} .pull-ten {
right: 83.33333%;
} img {
height: auto;
} img, object, embed {
max-width: 100%;
} img {
-ms-interpolation-mode: bicubic;
} #map_canvas img, .map_canvas img {
max-width: none !important;
}  .row {
*zoom: 1;
} .row:before, .row:after {
content: " ";
display: table;
} .row:after {
clear: both;
}   .block-grid {
display: block;
overflow: hidden;
padding: 0;
} .block-grid > li {
display: block;
height: auto;
float: left;
} .block-grid.one-up {
margin: 0;
} .block-grid.one-up > li {
width: 100%;
padding: 0 0 15px;
} .block-grid.two-up {
margin: 0 -15px;
} .block-grid.two-up > li {
width: 50%;
padding: 0 15px 15px;
} .block-grid.two-up > li:nth-child(2n+1) {
clear: both;
} .block-grid.three-up {
margin: 0 -12px;
} .block-grid.three-up > li {
width: 33.33333%;
padding: 0 12px 12px;
} .block-grid.three-up > li:nth-child(3n+1) {
clear: both;
} .block-grid.four-up {
margin: 0 -10px;
} .block-grid.four-up > li {
width: 25%;
padding: 0 10px 10px;
} .block-grid.four-up > li:nth-child(4n+1) {
clear: both;
} .block-grid.five-up {
margin: 0 -8px;
} .block-grid.five-up > li {
width: 20%;
padding: 0 8px 8px;
} .block-grid.five-up > li:nth-child(5n+1) {
clear: both;
} .block-grid.six-up {
margin: 0 -8px;
} .block-grid.six-up > li {
width: 16.66667%;
padding: 0 8px 8px;
} .block-grid.six-up > li:nth-child(6n+1) {
clear: both;
} .block-grid.seven-up {
margin: 0 -8px;
} .block-grid.seven-up > li {
width: 14.28571%;
padding: 0 8px 8px;
} .block-grid.seven-up > li:nth-child(7n+1) {
clear: both;
} .block-grid.eight-up {
margin: 0 -8px;
} .block-grid.eight-up > li {
width: 12.5%;
padding: 0 8px 8px;
} .block-grid.eight-up > li:nth-child(8n+1) {
clear: both;
} .block-grid.nine-up {
margin: 0 -8px;
} .block-grid.nine-up > li {
width: 11.11111%;
padding: 0 8px 8px;
} .block-grid.nine-up > li:nth-child(9n+1) {
clear: both;
} .block-grid.ten-up {
margin: 0 -8px;
} .block-grid.ten-up > li {
width: 10%;
padding: 0 8px 8px;
} .block-grid.ten-up > li:nth-child(10n+1) {
clear: both;
} .block-grid.eleven-up {
margin: 0 -8px;
} .block-grid.eleven-up > li {
width: 9.09091%;
padding: 0 8px 8px;
} .block-grid.eleven-up > li:nth-child(11n+1) {
clear: both;
} .block-grid.twelve-up {
margin: 0 -8px;
} .block-grid.twelve-up > li {
width: 8.33333%;
padding: 0 8px 8px;
} .block-grid.twelve-up > li:nth-child(12n+1) {
clear: both;
}  .button {
width: auto;
background: #2ba6cb;
border: 1px solid #1e728c;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
color: white;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 10px 20px 11px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;      } .button:hover, .button:focus {
color: white;
background-color: #2284a1;
} .button:active {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
} .button.large {
font-size: 17px;
padding: 15px 30px 16px;
} .button.medium {
font-size: 14px;
} .button.small {
font-size: 11px;
padding: 7px 14px 8px;
} .button.tiny {
font-size: 10px;
padding: 5px 10px 6px;
} .button.expand {
width: 100%;
text-align: center;
} .button.primary {
background-color: #2ba6cb;
border: 1px solid #1e728c;
} .button.primary:hover, .button.primary:focus {
background-color: #2284a1;
} .button.success {
background-color: #5da423;
border: 1px solid #396516;
} .button.success:hover, .button.success:focus {
background-color: #457a1a;
} .button.alert {
background-color: #c60f13;
border: 1px solid #7f0a0c;
} .button.alert:hover, .button.alert:focus {
background-color: #970b0e;
} .button.secondary {
background-color: #e9e9e9;
color: #1d1d1d;
border: 1px solid #c3c3c3;
} .button.secondary:hover, .button.secondary:focus {
background-color: #d0d0d0;
} .button.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
} .button.round {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
} .button.full-width {
width: 100%;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
} .button.left-align {
text-align: left;
text-indent: 12px;
} .button.disabled, .button[disabled] {
opacity: 0.6;
cursor: default;
background: #2ba6cb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .button.disabled:hover, .button[disabled]:hover {
background: #2ba6cb;
} .button.disabled.success, .button[disabled].success {
background-color: #5da423;
} .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #5da423;
outline: none;
} .button.disabled.alert, .button[disabled].alert {
background-color: #c60f13;
} .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #c60f13;
outline: none;
} .button.disabled.secondary, .button[disabled].secondary {
background-color: #e9e9e9;
} .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e9e9e9;
outline: none;
}  input[type=submit].button, button.button {
-webkit-appearance: none;
} @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
padding: 0;
} input[type="submit"].tiny.button {
padding: 3px 10px 4px;
} input[type="submit"].small.button {
padding: 5px 14px 6px;
} input[type="submit"].button, input[type=submit].medium.button {
padding: 8px 20px 9px;
} input[type="submit"].large.button {
padding: 13px 30px 14px;
}
}  .button.dropdown {
position: relative;
padding-right: 44px;    } .button.dropdown.large {
padding-right: 60px;
} .button.dropdown.small {
padding-right: 28px;
} .button.dropdown.tiny {
padding-right: 20px;
} .button.dropdown:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: white transparent transparent transparent;
position: absolute;
top: 50%;
right: 20px;
margin-top: -2px;
} .button.dropdown.large:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 7px;
border-color: white transparent transparent transparent;
margin-top: -3px;
right: 30px;
} .button.dropdown.small:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: white transparent transparent transparent;
margin-top: -2px;
right: 14px;
} .button.dropdown.tiny:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: white transparent transparent transparent;
margin-top: -1px;
right: 10px;
} .button.dropdown > ul {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: none;
position: absolute;
left: -1px;
background: #fff;
background: rgba(255, 255, 255, 0.95);
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-top: none;
min-width: 100%;
z-index: 40;
} .button.dropdown > ul li {
width: 100%;
cursor: pointer;
padding: 0;
min-height: 18px;
line-height: 18px;
margin: 0;
white-space: nowrap;
list-style: none;
} .button.dropdown > ul li a, .button.dropdown > ul li button {
display: block;
color: #555;
font-size: 13px;
font-weight: normal;
padding: 6px 14px;
text-align: left;
} .button.dropdown > ul li button {
width: 100%;
border: inherit;
background: inherit;
font-family: inherit;
margin: inherit;
-webkit-font-smoothing: antialiased;
} .button.dropdown > ul li:hover, .button.dropdown > ul li:focus {
background-color: #e3f4f9;
color: #222;
} .button.dropdown > ul li.divider {
min-height: 0;
padding: 0;
height: 1px;
margin: 4px 0;
background: #ededed;
} .button.dropdown.up > ul {
border-top: 1px solid #cccccc;
border-bottom: none;
} .button.dropdown ul.no-hover.show-dropdown {
display: block !important;
} .button.dropdown:hover > ul.no-hover {
display: none;
} .button.dropdown.split {
padding: 0;
position: relative;   } .button.dropdown.split:after {
display: none;
} .button.dropdown.split:hover, .button.dropdown.split:focus {
background-color: #2ba6cb;
} .button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus {
background-color: #c60f13;
} .button.dropdown.split.success:hover, .button.dropdown.split.success:focus {
background-color: #5da423;
} .button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus {
background-color: #e9e9e9;
} .button.dropdown.split > a {
color: white;
display: block;
padding: 10px 50px 11px 20px;
padding-left: 20px;
padding-right: 50px;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
} .button.dropdown.split > a:hover, .button.dropdown.split > a:focus {
background-color: #2284a1;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
} .button.dropdown.split.large > a {
padding: 15px 75px 16px 30px;
padding-left: 30px;
padding-right: 75px;
} .button.dropdown.split.small > a {
padding: 7px 35px 8px 14px;
padding-left: 14px;
padding-right: 35px;
} .button.dropdown.split.tiny > a {
padding: 5px 25px 6px 10px;
padding-left: 10px;
padding-right: 25px;
} .button.dropdown.split > span {
background-color: #2ba6cb;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 30px;
border-left: 1px solid #1e728c;
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
} .button.dropdown.split > span:hover, .button.dropdown.split > span:focus {
background-color: #2284a1;
} .button.dropdown.split > span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: white transparent transparent transparent;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -2px;
} .button.dropdown.split.secondary > span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: #1d1d1d transparent transparent transparent;
} .button.dropdown.split.large span {
width: 45px;
} .button.dropdown.split.small span {
width: 21px;
} .button.dropdown.split.tiny span {
width: 15px;
} .button.dropdown.split.large span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 7px;
border-color: white transparent transparent transparent;
margin-top: -3px;
margin-left: -7px;
} .button.dropdown.split.small span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: white transparent transparent transparent;
margin-top: -1px;
margin-left: -4px;
} .button.dropdown.split.tiny span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 3px;
border-color: white transparent transparent transparent;
margin-top: -1px;
margin-left: -3px;
} .button.dropdown.split.alert > span {
background-color: #c60f13;
border-left-color: #7f0a0c;
} .button.dropdown.split.success > span {
background-color: #5da423;
border-left-color: #396516;
} .button.dropdown.split.secondary > span {
background-color: #e9e9e9;
border-left-color: #c3c3c3;
} .button.dropdown.split.secondary > a {
color: #1d1d1d;
} .button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus {
background-color: #970b0e;
} .button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus {
background-color: #457a1a;
} .button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus {
background-color: #d0d0d0;
}  ul.button-group {
list-style: none;
padding: 0;
margin: 0 0 12px;
*zoom: 1;
} ul.button-group:before, ul.button-group:after {
content: " ";
display: table;
} ul.button-group:after {
clear: both;
} ul.button-group li {
padding: 0;
margin: 0 0 0 -1px;
float: left;
} ul.button-group li:first-child {
margin-left: 0;
} ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
} ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
} ul.button-group.radius li:first-child .button.rounded {
-moz-border-radius-topleft: 1000px;
-webkit-border-top-left-radius: 1000px;
border-top-left-radius: 1000px;
-moz-border-radius-bottomleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-bottom-left-radius: 1000px;
} ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
} ul.button-group.radius li:last-child .button.rounded {
-moz-border-radius-topright: 1000px;
-webkit-border-top-right-radius: 1000px;
border-top-right-radius: 1000px;
-moz-border-radius-bottomright: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-bottom-right-radius: 1000px;
} ul.button-group.even .button {
width: 100%;
} ul.button-group.even.two-up li {
width: 50%;
} ul.button-group.even.three-up li {
width: 33.3%;
} ul.button-group.even.three-up li:first-child {
width: 33.4%;
} ul.button-group.even.four-up li {
width: 25%;
} ul.button-group.even.five-up li {
width: 20%;
} div.button-bar {
overflow: hidden;
} div.button-bar ul.button-group {
float: left;
margin-right: 8px;
} div.button-bar ul.button-group:last-child {
margin-left: 0;
} .nav-bar {
height: 40px;
background: #4d4d4d;
margin-left: 0;
margin-top: 20px;
padding: 0;
} .nav-bar > li {
float: left;
display: block;
position: relative;
padding: 0;
margin: 0;
border: 1px solid #333333;
border-right: none;
line-height: 38px;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
} .nav-bar > li:first-child {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
} .nav-bar > li:last-child {
border-right: solid 1px #333333;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
} .nav-bar > li.active {
background: #2ba6cb;
border-color: #2284a1;
} .nav-bar > li.active > a {
color: white;
cursor: default;
} .nav-bar > li.active:hover {
background: #2ba6cb;
cursor: default;
} .nav-bar > li:hover {
background: #333333;
} .nav-bar > li > a {
color: #e6e6e6;
} .nav-bar > li ul {
margin-bottom: 0;
} .nav-bar > li .flyout {
display: none;
} .nav-bar > li.has-flyout > a:first-child {
padding-right: 40px;
position: relative;
} .nav-bar > li.has-flyout > a:first-child:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: #e6e6e6 transparent transparent transparent;
position: absolute;
right: 20px;
top: 17px;
} .nav-bar > li.has-flyout > a.flyout-toggle {
border-left: 0 !important;
position: absolute;
right: 0;
top: 0;
padding: 20px;
z-index: 2;
display: block;
} .nav-bar > li.has-flyout.is-touch > a:first-child {
padding-right: 55px;
} .nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
border-left: 1px dashed #666;
} .nav-bar > li > a:first-child {
position: relative;
padding: 0 20px;
display: block;
text-decoration: none;
font-size: 14px;
} .nav-bar > li > input {
margin: 0 10px;
} .nav-bar.vertical {
height: auto;
margin-top: 0;
} .nav-bar.vertical > li {
float: none;
border-bottom: none;
border-right: solid 1px #333333;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .nav-bar.vertical > li.has-flyout > a:first-child:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: transparent transparent transparent #e6e6e6;
} .nav-bar.vertical > li .flyout {
left: 100%;
top: -1px;
} .nav-bar.vertical > li .flyout.right {
left: auto;
right: 100%;
} .nav-bar.vertical > li.active {
border-right: solid 1px #2284a1;
} .nav-bar.vertical > li:last-child {
border-bottom: solid 1px #333333;
} .flyout {
background: #f2f2f2;
padding: 20px;
margin: 0;
border: 1px solid #d9d9d9;
position: absolute;
top: 39px;
left: -1px;
width: 250px;
z-index: 40;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);  } .flyout p {
line-height: 1.2;
font-size: 13px;
} .flyout *:first-child {
margin-top: 0;
} .flyout *:last-child {
margin-bottom: 0;
} .flyout.small {
width: 166.66667px;
} .flyout.large {
width: 437.5px;
} .flyout.right {
left: auto;
right: -2px;
} .flyout.left {
right: auto;
left: -2px;
} .flyout.up {
top: auto;
bottom: 39px;
} ul.flyout, .nav-bar li ul {
padding: 0;
list-style: none;
} ul.flyout li, .nav-bar li ul li {
border-left: solid 3px #CCC;
} ul.flyout li a, .nav-bar li ul li a {
background: #f2f2f2;
border: 1px solid #e6e6e6;
border-width: 1px 1px 0 0;
color: #555;
display: block;
font-size: 14px;
height: auto;
line-height: 1;
padding: 15px 20px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
} ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus {
background: #ebebeb;
color: #333;
} ul.flyout li.active, .nav-bar li ul li.active {
margin-top: 0;
border-top: 1px solid #4d4d4d;
border-left: 4px solid #1a1a1a;
} ul.flyout li.active a, .nav-bar li ul li.active a {
background: #4d4d4d;
border: none;
color: #fff;
height: auto;
margin: 0;
position: static;
top: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}   .top-bar-js-breakpoint {
width: 940px !important;
visibility: hidden;
}  .contain-to-grid {
width: 100%;
background: #222222;
}  .fixed {
width: 100%;
left: 0;
position: fixed;
top: 0;
z-index: 99;
}  .sticky {
float: left;
overflow: hidden;
} .sticky.fixed {
float: none;
}  .top-bar {
background: #222222;
min-height: 45px;
line-height: 45px;
margin: 0 0 30px 0;
padding: 0;
width: 100%;
position: relative;   } .contain-to-grid .top-bar {
max-width: 1000px;
margin: 0 auto;
} .top-bar > ul .name h1 {
line-height: 45px;
margin: 0;
} .top-bar > ul .name h1 a {
font-weight: bold;
padding: 0 22.5px;
font-size: ms(1) !important;
} .top-bar > ul .name img {
margin-top: -5px;
vertical-align: middle;
} .top-bar.expanded {
height: inherit;
} .top-bar ul {
margin-left: 0;
display: inline;
height: 45px;
line-height: 45px;
list-style: none;   } .top-bar ul > li {
float: left;      } .top-bar ul > li a:not(.button) {
color: white;
display: block;
font-size: ms(0)-1;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 15px;
} .top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
background: black;
} .top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a {
color: #d9d9d9;
} .top-bar ul > li.divider {
background: black;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
height: 100%;
margin-right: 1px;
width: 1px;
} .top-bar ul > li.has-button a.button {
margin: 0 11.25px;
} .top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus {
background: #222222;
} .top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a {
color: #fff;
} .top-bar ul > li.search {
padding: 0 15px;
} .top-bar ul > li.search form {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
width: 200px;
} .top-bar ul > li.search form input[type=text] {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
float: left;
font-size: 13px;
margin-top: -1px;
height: 22.5px;
margin-bottom: 0;
width: 130px;
} .top-bar ul > li.search form input[type=text] + .button {
border-left: none;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
float: left;
font-size: 12px;
margin-top: -1px;
padding: 5px 12px 4px;
} .top-bar ul > li.search form input[type=search] {
font-size: 16px;
margin-bottom: 0;
} .top-bar ul > li.search:hover, .top-bar ul > li.search:focus {
background: #222222;
} .top-bar ul > li.login {
padding: 0 15px;
} .top-bar ul > li.login form {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
width: 300px;
} .top-bar ul > li.login form input {
float: left;
width: auto;
font-size: 13px;
margin-top: -1px;
height: 22.5px;
margin-bottom: 0;
} .top-bar ul > li.login form input[type=text] {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
width: 120px;
} .top-bar ul > li.login form input[type=password] {
margin-bottom: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
width: 120px;
} .top-bar ul > li.login form input[type=password] + .button {
border-left: none;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
float: left;
font-size: 12px;
margin-top: -1px;
padding: 5px 12px 4px;
width: 60px;
} .top-bar ul > li.login:hover, .top-bar ul > li.login:focus {
background: #222222;
} .top-bar ul > li.toggle-topbar {
display: none;
} .top-bar ul > li.has-dropdown {
position: relative; } .top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown {
display: block;
visibility: visible;
} .top-bar ul > li.has-dropdown a {
padding-right: 33.75px;
} .top-bar ul > li.has-dropdown a:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: white transparent transparent transparent;
margin-right: 15px;
margin-top: -2.5px;
position: absolute;
right: 0;
top: 50%;
} .top-bar ul > li.has-dropdown .dropdown {
background: #222222;
left: 0;
margin: 0;
padding: 9px 0 0 0;
position: absolute;
visibility: hidden;
z-index: 99;
} .top-bar ul > li.has-dropdown .dropdown li {
background: #222222;
line-height: 1;
min-width: 100%;
padding-bottom: 5px;
} .top-bar ul > li.has-dropdown .dropdown li a {
color: white;
font-weight: normal;
height: 100%;
line-height: 1;
padding: 5px 17px 5px 15px;
white-space: nowrap;
} .top-bar ul > li.has-dropdown .dropdown li a:after {
border: none;
} .top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus {
background: #3c3c3c;
} .top-bar ul > li.has-dropdown .dropdown li label {
color: #6f6f6f;
font-size: 10px;
font-weight: bold;
margin: 0;
padding-left: 15px;
text-transform: uppercase;
} .top-bar ul > li.has-dropdown .dropdown li.divider {
border-top: solid 1px black;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
height: 10px;
padding: 0;
width: 100%;
} .top-bar ul > li.has-dropdown .dropdown li:last-child {
padding-bottom: 10px;
} .top-bar ul > li.has-dropdown .dropdown li.active a {
background: black;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
padding-right: 30px;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
right: 5px;
top: 6px;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
position: absolute;
left: 100%;
top: 0;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown {
display: block;
} .top-bar ul.left {
float: left;
width: auto;
margin-bottom: 0;
} .top-bar ul.right {
float: right;
width: auto;
margin-bottom: 0; } .top-bar ul.right .has-dropdown .dropdown {
left: auto;
right: 0px;
} .top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
right: 100%;
left: auto;
width: 100%;
} .top-bar .js-generated {
display: none;
} @-moz-document url-prefix() { .top-bar ul li .button.small {
padding-bottom: 6px;
} .top-bar ul li.search form input[type=search] {
font-size: 14px;
height: 22px;
padding: 3px;
}
}  .lt-ie9 .top-bar ul li a {
color: white;
display: block;
font-weight: bold;
font-size: ms(0)-1;
height: 45px;
line-height: 45px;
padding: 0 15px;
} .lt-ie9 .top-bar ul li a.button {
height: auto;
line-height: 30px;
margin-top: 7px;
} .lt-ie9 .top-bar ul li a img {
margin-top: -5px;
vertical-align: middle;
} .lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus {
color: #cccccc;
} .lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus {
background: black;
} .lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus {
background: none;
} .lt-ie9 .top-bar section > ul > li.active {
background: black;
color: #d9d9d9;
} .lt-ie9 .top-bar ul li.has-dropdown {
padding-right: 33.75px;
} .lt-ie9 .top-bar ul li.has-dropdown > ul li {
padding-right: 0;
}   .orbit-wrapper {
width: 1px;
height: 1px;
position: relative;
} .orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden;
margin-bottom: 17px;
} .orbit.with-bullets {
margin-bottom: 40px;
} .orbit .orbit-slide {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
} .orbit a.orbit-slide {
border: none;
line-height: 0;
display: none;
} .orbit div.orbit-slide {
width: 100%;
height: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}   .orbit-wrapper .timer {
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 10px;
right: 10px;
opacity: .6;
cursor: pointer;
z-index: 31;
} .orbit-wrapper span.rotator {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/rotator-black.png?1431227666) no-repeat;
z-index: 3;
} .orbit-wrapper span.rotator.move {
left: 0;
} .orbit-wrapper span.mask {
display: block;
width: 20px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
} .orbit-wrapper span.mask.move {
width: 40px;
left: 0;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/timer-black.png?1431227666) repeat 0 0;
} .orbit-wrapper span.pause {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/pause-black.png?1431227666) no-repeat;
z-index: 4;
opacity: 0;
} .orbit-wrapper span.pause.active {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/pause-black.png?1431227666) no-repeat 0 -40px;
} .orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active {
opacity: 1;
}  .orbit-caption {
display: none;
font-family: inherit;
} .orbit-wrapper .orbit-caption {
background: black;
background: rgba(0, 0, 0, 0.6);
z-index: 30;
color: white;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}  .orbit-wrapper .slider-nav {
display: block;
} .orbit-wrapper .slider-nav span {
width: 39px;
height: 50px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -25px;
cursor: pointer;
} .orbit-wrapper .slider-nav span.right {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/right-arrow.png?1431227666);
background-size: 100%;
right: 0;
} .orbit-wrapper .slider-nav span.left {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/left-arrow.png?1431227667);
background-size: 100%;
left: 0;
} .lt-ie9 .orbit-wrapper .slider-nav span.right {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/right-arrow-small.png?1431227666);
} .lt-ie9 .orbit-wrapper .slider-nav span.left {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/left-arrow-small.png?1431227668);
}  ul.orbit-bullets {
position: absolute;
z-index: 30;
list-style: none;
bottom: -40px;
left: 50%;
margin-left: -50px;
padding: 0;
} ul.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999999;
text-indent: -9999px;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/foundation/orbit/bullets.jpg?1431227668) no-repeat 4px 0;
width: 13px;
height: 12px;
overflow: hidden;
} ul.orbit-bullets li.active {
color: #222222;
background-position: -8px 0;
} ul.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px;
} ul.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid black;
}  .orbit-slide-counter {
position: absolute;
bottom: 0;
z-index: 99;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 5px;
}  .orbit img.fluid-placeholder {
visibility: hidden;
position: static;
display: block;
width: 100%;
} .orbit, .orbit-wrapper {
width: 100% !important;
}  .lt-ie9 .timer {
display: none !important;
} .lt-ie9 .orbit-caption {
background: black;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
}
@media only screen and (max-width: 767px) { .orbit.orbit-stack-on-small img.fluid-placeholder {
visibility: visible;
} .orbit.orbit-stack-on-small .orbit-slide {
position: static;
margin-bottom: 10px;
}
}   .reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0, 0, 0, 0.45);
z-index: 40;
display: none;
top: 0;
left: 0;
} .reveal-modal {
background: #fff;
visibility: hidden;
display: none;
top: 100px;
left: 50%;
margin-left: -260px;
width: 520px;
position: absolute;
z-index: 41;
padding: 30px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
} .reveal-modal .close-reveal-modal:not(.button) {
font-size: 22px;
font-size: 2.2rem;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
font-weight: bold;
cursor: pointer;
} .reveal-modal.small {
width: 30%;
margin-left: -15%;
} .reveal-modal.medium {
width: 40%;
margin-left: -20%;
} .reveal-modal.large {
width: 60%;
margin-left: -30%;
} .reveal-modal.xlarge {
width: 70%;
margin-left: -35%;
} .reveal-modal.expand {
width: 90%;
margin-left: -45%;
} .reveal-modal .row {
min-width: 0;
margin-bottom: 10px;
} .reveal-modal > :first-child {
margin-top: 0;
} .reveal-modal > :last-child {
margin-bottom: 0;
}
@media print { .reveal-modal {
border: solid 1px #000;
background: #fff;
}
} #joyRideTipContent {
display: none;
}  .joyride-tip-guide {
display: none;
position: absolute;
background: black;
background: rgba(0, 0, 0, 0.8);
color: white;
width: 300px;
z-index: 101;
top: 0;
left: 0;
font-family: inherit;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
} .joyride-content-wrapper {
padding: 18px 20px 24px;
}  .joyride-tip-guide span.joyride-nub {
display: block;
position: absolute;
left: 22px;
width: 0;
height: 0;
border: solid 14px;
} .joyride-tip-guide span.joyride-nub.top {
border-color: black;
border-color: rgba(0, 0, 0, 0.8);
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: -28px;
bottom: none;
} .joyride-tip-guide span.joyride-nub.bottom {
border-color: black;
border-color: rgba(0, 0, 0, 0.8) !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -28px;
bottom: none;
} .joyride-tip-guide span.joyride-nub.right {
border-color: black;
border-color: rgba(0, 0, 0, 0.8) !important;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
top: 22px;
bottom: none;
left: auto;
right: -28px;
} .joyride-tip-guide span.joyride-nub.left {
border-color: black;
border-color: rgba(0, 0, 0, 0.8) !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
top: 22px;
left: -28px;
right: auto;
bottom: none;
}  .joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
line-height: 1.25;
margin: 0;
font-weight: bold;
color: white;
} .joyride-tip-guide p {
margin: 0 0 18px 0;
font-size: 14px;
line-height: 1.3;
} .joyride-timer-indicator-wrap {
width: 50px;
height: 3px;
border: solid 1px #555555;
position: absolute;
right: 17px;
bottom: 16px;
} .joyride-timer-indicator {
display: block;
width: 0;
height: inherit;
background: #666666;
} .joyride-close-tip {
position: absolute;
right: 10px;
top: 10px;
color: #777777 !important;
text-decoration: none;
font-size: 20px;
font-weight: normal;
line-height: .5 !important;
} .joyride-close-tip:hover, .joyride-close-tip:focus {
color: #eee !important;
} .joyride-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: transparent;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
top: 0;
left: 0;
cursor: pointer;
} .clearing-blackout {
background: black;
background: rgba(0, 0, 0, 0.8);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
} .clearing-blackout .clearing-close {
display: block;
} .clearing-container {
position: relative;
z-index: 999;
height: 100%;
overflow: hidden;
} .visible-img {
height: 75%;
position: relative;
} .visible-img img {
position: absolute;
left: 50%;
top: 50%;
margin-left: -50%;
max-height: 100%;
max-width: 100%;
} .visible-img .clearing-caption {
color: white;
margin-bottom: 0;
text-align: center;
position: absolute;
bottom: 0;
background: black;
background: rgba(0, 0, 0, 0.7);
width: 100%;
padding: 10px 100px;
} .clearing-close {
z-index: 999;
position: absolute;
top: 10px;
right: 20px;
font-size: 30px;
line-height: 1;
color: white;
display: none;
} .clearing-close:hover, .clearing-close:focus {
color: #ccc;
} .clearing-main-left, .clearing-main-right {
position: absolute;
top: 50%;
margin-top: -16px;
} .clearing-main-left.disabled, .clearing-main-right.disabled {
opacity: 0.5;
} .clearing-main-left:active, .clearing-main-right:active {
margin-top: -15px;
} .clearing-main-left {
left: 10px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 16px;
border-color: transparent white transparent transparent;
} .clearing-main-right {
right: 10px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 16px;
border-color: transparent transparent transparent white;
} ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) {
clear: none;
} ul[data-clearing] li {
cursor: pointer;
display: block;
} ul[data-clearing] li.clearing-feature ~ li {
display: none;
} .clearing-assembled .clearing-container .carousel {
background: black;
background: rgba(0, 0, 0, 0.75);
height: 150px;
margin-top: 5px;
} .clearing-assembled .clearing-container .visible-img {
background: black;
background: rgba(0, 0, 0, 0.75);
overflow: hidden;
} .clearing-assembled .clearing-container ul[data-clearing] {
z-index: 999;
width: 200%;
height: 100%;
margin-left: 0;
position: relative;
left: 0;
} .clearing-assembled .clearing-container ul[data-clearing] li {
display: block;
width: 175px;
height: inherit;
padding: 0;
float: left;
overflow: hidden;
background: #222;
margin-right: 1px;
position: relative;
} .clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
min-height: 100%;
height: 100%;
max-width: none;
} .clearing-assembled .clearing-container ul[data-clearing] li img {
cursor: pointer !important;
min-width: 100% !important;
} .clearing-assembled .clearing-container ul[data-clearing] li.visible {
border-top: 4px solid white;
}  ul.block-grid[data-clearing] {
overflow: visible;
} .clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) {
clear: none;
} .clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) {
clear: none;
} .clearing-blackout .th img {
border: none;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
} .clearing-blackout:hover img, .clearing-blackout:focus img {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}  .tabs {
list-style: none;
border-bottom: solid 1px #e6e6e6;
display: block;
height: 40px;
padding: 0;
margin-bottom: 20px;
} .tabs.contained {
margin-bottom: 0;
margin-left: 0;
} .tabs dt, .tabs li.section-title {
color: #b3b3b3;
cursor: default;
display: block;
float: left;
font-size: 12px;
height: 40px;
line-height: 40px;
padding: 0;
padding-right: 9px;
padding-left: 20px;
font-weight: normal;
width: auto;
text-transform: uppercase;
} .tabs dt:first-child, .tabs li.section-title:first-child {
padding: 0;
padding-right: 9px;
} .tabs dd, .tabs li {
display: block;
float: left;
padding: 0;
margin: 0;
} .tabs dd a, .tabs li a {
color: #6f6f6f;
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0px 23.8px;
} .tabs dd a:focus, .tabs li a:focus {
font-weight: bold;
color: #2ba6cb;
} .tabs dd.active, .tabs li.active {
border-top: 3px solid #2ba6cb;
margin-top: -3px;
} .tabs dd.active a, .tabs li.active a {
cursor: default;
color: #3c3c3c;
background: #fff;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
font-weight: bold;
} .tabs dd:first-child, .tabs li:first-child {
margin-left: 0;
} .tabs.vertical {
height: auto;
border-bottom: 1px solid #e6e6e6;
} .tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
float: none;
height: auto;
} .tabs.vertical dd, .tabs.vertical li {
border-left: 3px solid #cccccc;
} .tabs.vertical dd a, .tabs.vertical li a {
background: #f2f2f2;
border: none;
border: 1px solid #e6e6e6;
border-width: 1px 1px 0 0;
color: #555;
display: block;
font-size: 14px;
height: auto;
line-height: 1;
padding: 15px 20px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
} .tabs.vertical dd.active, .tabs.vertical li.active {
margin-top: 0;
border-top: 1px solid #4d4d4d;
border-left: 4px solid #1a1a1a;
} .tabs.vertical dd.active a, .tabs.vertical li.active a {
background: #4d4d4d;
border: none;
color: #fff;
height: auto;
margin: 0;
position: static;
top: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
} .tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
margin: 0;
} .tabs.pill {
border-bottom: none;
margin-bottom: 10px;
} .tabs.pill dd, .tabs.pill li {
margin-right: 10px;
} .tabs.pill dd:last-child, .tabs.pill li:last-child {
margin-right: 0;
} .tabs.pill dd a, .tabs.pill li a {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
background: #e6e6e6;
height: 26px;
line-height: 26px;
color: #666;
} .tabs.pill dd.active, .tabs.pill li.active {
border: none;
margin-top: 0;
} .tabs.pill dd.active a, .tabs.pill li.active a {
background-color: #2ba6cb;
border: none;
color: #fff;
} .tabs.pill.contained {
border-bottom: solid 1px #eee;
margin-bottom: 0;
} .tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
margin-right: 0;
} .tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
padding: 0 17px;
text-align: center;
overflow: hidden;
} .tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
width: 50%;
} .tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {
width: 33.33%;
} .tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {
width: 25%;
} .tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
width: 20%;
} ul.tabs-content {
display: block;
margin: 0 0 20px;
padding: 0;
} ul.tabs-content > li {
display: none;
} ul.tabs-content > li.active {
display: block;
} ul.tabs-content.contained {
padding: 0;
} ul.tabs-content.contained > li {
border: solid 0 #e6e6e6;
border-width: 0 1px 1px 1px;
padding: 20px;
} ul.tabs-content.contained.vertical > li {
border-width: 1px 1px 1px 1px;
} .no-js ul.tabs-content > li {
display: block;
}   div.alert-box {
display: block;
padding: 6px 7px 7px;
font-weight: bold;
font-size: 14px;
color: white;
background-color: #2ba6cb;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
position: relative;
} div.alert-box.success {
background-color: #5da423;
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
} div.alert-box.alert {
background-color: #c60f13;
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
} div.alert-box.secondary {
background-color: #e9e9e9;
color: #505050;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
} div.alert-box a.close {
color: #333;
position: absolute;
right: 4px;
top: -1px;
font-size: 17px;
opacity: 0.2;
padding: 4px;
} div.alert-box a.close:hover, div.alert-box a.close:focus {
opacity: 0.4;
}  .label {
padding: 1px 4px 2px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline;
position: relative;
bottom: 1px;
color: #fff;
background: #2ba6cb;
} .label.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
} .label.round {
padding: 1px 7px 2px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
} .label.alert {
background-color: #c60f13;
} .label.success {
background-color: #5da423;
} .label.secondary {
background-color: #e9e9e9;
color: #505050;
}  .has-tip {
border-bottom: dotted 1px #cccccc;
cursor: help;
font-weight: bold;
color: #333333;
} .has-tip:hover, .has-tip:focus {
border-bottom: dotted 1px #196177;
color: #2ba6cb;
} .has-tip.tip-left, .has-tip.tip-right {
float: none !important;
} .tooltip {
display: none;
background: black;
background: rgba(0, 0, 0, 0.85);
position: absolute;
color: white;
font-weight: bold;
font-size: 12;
padding: 5px;
z-index: 999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
line-height: normal;
} .tooltip > .nub {
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent black transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
position: absolute;
top: -10px;
left: 10px;
} .tooltip.tip-override > .nub {
border-color: transparent transparent black transparent !important;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
top: -10px !important;
} .tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub {
border-color: black transparent transparent transparent;
border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
top: auto;
bottom: -10px;
} .tooltip.tip-left, .tooltip.tip-right {
float: none !important;
} .tooltip.tip-left > .nub {
border-color: transparent transparent transparent black;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
right: -10px;
left: auto;
} .tooltip.tip-right > .nub {
border-color: transparent black transparent transparent;
border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
right: auto;
left: -10px;
} .tooltip.noradius {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
} .tooltip.opened {
color: #2ba6cb !important;
border-bottom: dotted 1px #196177 !important;
} .tap-to-close {
display: block;
font-size: 10px;
font-size: 1rem;
color: #888888;
font-weight: normal;
}  .panel {
background: #f2f2f2;
border: solid 1px #e6e6e6;
margin: 0 0 22px 0;
padding: 20px;
} .panel > :first-child {
margin-top: 0;
} .panel > :last-child {
margin-bottom: 0;
} .panel.callout {
background: #2ba6cb;
color: #fff;
border-color: #2284a1;
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
} .panel.callout a {
color: #fff;
} .panel.callout .button {
background: white;
border: none;
color: #2ba6cb;
text-shadow: none;
} .panel.callout .button:hover, .panel.callout .button:focus {
background: rgba(255, 255, 255, 0.8);
} .panel.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}  ul.accordion {
margin: 0 0 22px 0;
border-bottom: 1px solid #e9e9e9;
} ul.accordion > li {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #e9e9e9;
} ul.accordion > li > div.title {
cursor: pointer;
background: #f6f6f6;
padding: 15px;
margin: 0;
position: relative;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
-webkit-transition: 0.15s background linear;
-moz-transition: 0.15s background linear;
-o-transition: 0.15s background linear;
transition: 0.15s background linear;
} ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 {
margin: 0;
} ul.accordion > li > div.title:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: transparent #9d9d9d transparent transparent;
position: absolute;
right: 15px;
top: 21px;
} ul.accordion > li .content {
display: none;
padding: 15px;
} ul.accordion > li.active {
border-top: 3px solid #2ba6cb;
} ul.accordion > li.active .title {
background: white;
padding-top: 13px;
} ul.accordion > li.active .title:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: #9d9d9d transparent transparent transparent;
} ul.accordion > li.active .content {
background: white;
display: block;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}  ul.side-nav {
display: block;
list-style: none;
margin: 0;
padding: 17px 0;
} ul.side-nav li {
display: block;
list-style: none;
margin: 0 0 7px 0;
} ul.side-nav li a {
display: block;
} ul.side-nav li.active a {
color: #4d4d4d;
font-weight: bold;
} ul.side-nav li.divider {
border-top: 1px solid #e6e6e6;
height: 0;
padding: 0;
}  dl.sub-nav {
display: block;
width: auto;
overflow: hidden;
margin: -4px 0 18px;
margin-right: 0;
margin-left: -9px;
padding-top: 4px;
} dl.sub-nav dt, dl.sub-nav dd {
float: left;
display: inline;
margin-left: 9px;
margin-bottom: 10px;
} dl.sub-nav dt {
color: #999;
font-weight: normal;
} dl.sub-nav dd a {
text-decoration: none;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
} dl.sub-nav dd.active a {
font-weight: bold;
background: #2ba6cb;
color: #fff;
padding: 3px 9px;
cursor: default;
}  ul.pagination {
display: block;
height: 24px;
margin-left: -5px;
} ul.pagination li {
float: left;
display: block;
height: 24px;
color: #999;
font-size: 14px;
margin-left: 5px;
} ul.pagination li a {
display: block;
padding: 1px 7px 1px;
color: #555;
} ul.pagination li:hover a, ul.pagination li a:focus {
background: #e6e6e6;
} ul.pagination li.unavailable a {
cursor: default;
color: #999;
} ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
background: transparent;
} ul.pagination li.current a {
background: #2ba6cb;
color: white;
font-weight: bold;
cursor: default;
} ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #2ba6cb;
} div.pagination-centered {
text-align: center;
} div.pagination-centered ul > li {
float: none;
display: inline-block;
}  ul.breadcrumbs {
display: block;
background: #f6f6f6;
padding: 6px 10px 7px;
border: 1px solid #e9e9e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
margin-left: 0;
} ul.breadcrumbs li {
margin: 0;
padding: 0 12px 0 0;
float: left;
list-style: none;
} ul.breadcrumbs li a, ul.breadcrumbs li span {
text-transform: uppercase;
font-size: 11px;
font-size: 1.1rem;
padding-left: 12px;
} ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
padding-left: 0;
} ul.breadcrumbs li:before {
content: "/";
color: #aaa;
} ul.breadcrumbs li:first-child:before {
content: " ";
} ul.breadcrumbs li.current a {
cursor: default;
color: #333;
} ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
text-decoration: underline;
} ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
text-decoration: none;
} ul.breadcrumbs li.unavailable a {
color: #999;
} ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
text-decoration: none;
color: #999;
cursor: default;
}  ul.inline-list, ul.link-list {
margin: 0 0 17px -22px;
padding: 0;
list-style: none;
overflow: hidden;
} ul.inline-list > li, ul.link-list > li {
list-style: none;
float: left;
margin-left: 22px;
display: block;
} ul.inline-list > li > *, ul.link-list > li > * {
display: block;
}  .keystroke, kbd {
font-family: "Consolas", "Menlo", "Courier", monospace;
font-size: 13px;
padding: 2px 4px 0px;
margin: 0;
background: #ededed;
border: solid 1px #dbdbdb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}  .th {
display: block;
} .th img {
display: block;
border: solid 4px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition-property: box-shadow;
-moz-transition-property: box-shadow;
-o-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
} .th:hover img, .th:focus img {
-webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
-moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
}  .flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
} .flex-video.widescreen {
padding-bottom: 57.25%;
} .flex-video.vimeo {
padding-top: 0;
} .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  table {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0 0 18px;
border: 1px solid #ddd;
} table thead, table tfoot {
background: #f5f5f5;
} table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
display: table-cell;
font-size: 14px;
line-height: 18px;
text-align: left;
} table thead tr th,
table tfoot tr td {
padding: 8px 10px 9px;
font-size: 14px;
font-weight: bold;
color: #222;
} table thead tr th:first-child, table tfoot tr td:first-child {
border-left: none;
} table thead tr th:last-child, table tfoot tr td:last-child {
border-right: none;
} table tbody tr.even,
table tbody tr.alt {
background: #f9f9f9;
} table tbody tr:nth-child(even) {
background: #f9f9f9;
} table tbody tr td {
color: #333;
padding: 9px 10px;
vertical-align: top;
border: none;
}  ul.vcard {
display: inline-block;
margin: 0 0 12px 0;
border: 1px solid #ddd;
padding: 10px;
} ul.vcard li {
margin: 0;
display: block;
} ul.vcard li.fn {
font-weight: bold;
font-size: 15px;
} p.vevent span.summary {
font-weight: bold;
} p.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 1px;
}  div.progress {
padding: 2px;
margin-bottom: 10px;
border: 1px solid #cccccc;
height: 25px;  } div.progress .meter {
background: #2ba6cb;
height: 100%;
display: block;
width: 50%;
} div.progress.secondary .meter {
background: #e9e9e9;
} div.progress.success .meter {
background: #5da423;
} div.progress.alert .meter {
background: #c60f13;
} div.progress.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
} div.progress.radius .meter {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
} div.progress.round {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
} div.progress.round .meter {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
}  .pricing-table {
border: solid 1px #dddddd;
margin-left: 0;
margin-bottom: 20px;
} .pricing-table * {
list-style: none;
line-height: 1;
} .pricing-table .title {
background-color: #dddddd;
padding: 15px 20px;
text-align: center;
color: #333333;
font-weight: bold;
font-size: 16px;
} .pricing-table .price {
background-color: #eeeeee;
padding: 15px 20px;
text-align: center;
color: #333333;
font-weight: normal;
font-size: 20px;
} .pricing-table .description {
background-color: white;
padding: 15px;
text-align: center;
color: #777777;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #dddddd;
} .pricing-table .bullet-item {
background-color: white;
padding: 15px;
text-align: center;
color: #333333;
font-size: 14px;
font-weight: normal;
border-bottom: dotted 1px #dddddd;
} .pricing-table .cta-button {
background-color: whitesmoke;
text-align: center;
padding: 20px;
}    .show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge,
.show-for-print {
display: none !important;
} .hide-for-small,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.hide-for-xlarge,
.hide-for-print {
display: inherit !important;
} @media only screen and (min-width: 1441px) { .hide-for-small,
.hide-for-medium,
.hide-for-medium-down,
.hide-for-large,
.show-for-large-up,
.show-for-xlarge {
display: inherit !important;
} .show-for-small,
.show-for-medium,
.show-for-medium-down,
.show-for-large,
.hide-for-large-up,
.hide-for-xlarge {
display: none !important;
}
} @media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
display: inherit !important;
} .show-for-small,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
display: none !important;
}
} @media only screen and (max-width: 767px) { .show-for-small,
.hide-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
display: inherit !important;
} .hide-for-small,
.show-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
display: none !important;
}
}  .show-for-landscape,
.hide-for-portrait {
display: inherit !important;
} .hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) { .show-for-landscape,
.hide-for-portrait {
display: inherit !important;
} .hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) { .show-for-portrait,
.hide-for-landscape {
display: inherit !important;
} .hide-for-portrait,
.show-for-landscape {
display: none !important;
}
}  .show-for-touch {
display: none !important;
} .hide-for-touch {
display: inherit !important;
} .touch .show-for-touch {
display: inherit !important;
} .touch .hide-for-touch {
display: none !important;
}  table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium {
display: table !important;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge,
.touch table.hide-for-large,
.touch table.hide-for-small,
.touch table.show-for-medium {
display: table !important;
}
}
@media only screen and (max-width: 767px) { table.hide-for-xlarge,
table.hide-for-large,
table.hide-for-medium,
table.show-for-small {
display: table !important;
}
} @media only screen and (max-device-width: 1280px) {   .touch .nav-bar li.has-flyout > a {
padding-right: 36px !important;
}
} @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video {
padding-top: 0;
}
} @media only screen and (max-width: 1279px) and (min-width: 768px) {   .touch .nav-bar li a {
font-size: 13px;
} .touch .nav-bar li.has-flyout > a.flyout-toggle {
padding: 20px !important;
} .touch .nav-bar li.has-flyout > a {
padding-right: 36px !important;
}   .clearing-main-right, .clearing-main-left {
height: 100%;
width: 40px;
top: 0;
border: none;
} .clearing-main-right:before, .clearing-main-left:before {
position: absolute;
top: 50%;
} .clearing-main-left {
left: 0;
} .clearing-main-left:before {
left: 5px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 16px;
border-color: transparent white transparent transparent;
} .clearing-main-right {
height: 100%;
right: 0;
} .clearing-main-right:before {
content: "";
display: block;
width: 0;
height: 0;
border: solid 16px;
border-color: transparent transparent transparent white;
}
} @media only screen and (max-width: 767px) {   .left, .right {
float: none;
} body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}   .row {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0;
} .column, .columns {
width: auto !important;
float: none;
} .column:last-child, .columns:last-child {
float: none;
} [class*="column"] + [class*="column"]:last-child {
float: none;
} .column:before, .columns:before, .column:after, .columns:after {
content: "";
display: table;
} .column:after, .columns:after {
clear: both;
} .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
margin-left: 0 !important;
} .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
left: auto;
} .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
right: auto;
}  .row .mobile-one {
width: 25% !important;
float: left;
padding: 0 15px;
} .row .mobile-one:last-child {
float: right;
} .row .mobile-one.end {
float: left;
} .row.collapse .mobile-one {
padding: 0;
} .row .mobile-two {
width: 50% !important;
float: left;
padding: 0 15px;
} .row .mobile-two:last-child {
float: right;
} .row .mobile-two.end {
float: left;
} .row.collapse .mobile-two {
padding: 0;
} .row .mobile-three {
width: 75% !important;
float: left;
padding: 0 15px;
} .row .mobile-three:last-child {
float: right;
} .row .mobile-three.end {
float: left;
} .row.collapse .mobile-three {
padding: 0;
} .row .mobile-four {
width: 100% !important;
float: left;
padding: 0 15px;
} .row .mobile-four:last-child {
float: right;
} .row .mobile-four.end {
float: left;
} .row.collapse .mobile-four {
padding: 0;
} .push-one-mobile {
left: 25%;
} .pull-one-mobile {
right: 25%;
} .push-two-mobile {
left: 50%;
} .pull-two-mobile {
right: 50%;
} .push-three-mobile {
left: 75%;
} .pull-three-mobile {
right: 75%;
}   .block-grid.mobile > li {
float: none;
width: 100%;
margin-left: 0;
} .block-grid > li {
clear: none;
} .block-grid.mobile-one-up > li {
width: 100%;
} .block-grid.mobile-two-up > li {
width: 50%;
} .block-grid.mobile-two-up > li:nth-child(2n+1) {
clear: both;
} .block-grid.mobile-three-up > li {
width: 33.33333%;
} .block-grid.mobile-three-up > li:nth-child(3n+1) {
clear: both;
} .block-grid.mobile-four-up > li {
width: 25%;
} .block-grid.mobile-four-up > li:nth-child(4n+1) {
clear: both;
} .block-grid.mobile-five-up > li {
width: 20%;
} .block-grid.mobile-five-up > li:nth-child(5n+1) {
clear: both;
} .block-grid.mobile-six-up > li {
width: 16.66667%;
} .block-grid.mobile-six-up > li:nth-child(6n+1) {
clear: both;
} .block-grid.mobile-seven-up > li {
width: 14.28571%;
} .block-grid.mobile-seven-up > li:nth-child(7n+1) {
clear: both;
} .block-grid.mobile-eight-up > li {
width: 12.5%;
} .block-grid.mobile-eight-up > li:nth-child(8n+1) {
clear: both;
} .block-grid.mobile-nine-up > li {
width: 11.11111%;
} .block-grid.mobile-nine-up > li:nth-child(9n+1) {
clear: both;
} .block-grid.mobile-ten-up > li {
width: 10%;
} .block-grid.mobile-ten-up > li:nth-child(10n+1) {
clear: both;
} .block-grid.mobile-eleven-up > li {
width: 9.09091%;
} .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
clear: both;
} .block-grid.mobile-twelve-up > li {
width: 8.33333%;
} .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
clear: both;
}    label.right {
text-align: left;
}  input[type="text"].one,
input[type="password"].one,
input[type="date"].one,
input[type="datetime"].one,
input[type="email"].one,
input[type="number"].one,
input[type="search"].one,
input[type="tel"].one,
input[type="time"].one,
input[type="url"].one,
textarea.one,
.row textarea.one {
width: 100% !important;
} input[type="text"].two,
input[type="password"].two,
input[type="date"].two,
input[type="datetime"].two,
input[type="email"].two,
input[type="number"].two,
input[type="search"].two,
input[type="tel"].two,
input[type="time"].two,
input[type="url"].two,
textarea.two,
.row textarea.two {
width: 100% !important;
} input[type="text"].three,
input[type="password"].three,
input[type="date"].three,
input[type="datetime"].three,
input[type="email"].three,
input[type="number"].three,
input[type="search"].three,
input[type="tel"].three,
input[type="time"].three,
input[type="url"].three,
textarea.three,
.row textarea.three {
width: 100% !important;
} input[type="text"].four,
input[type="password"].four,
input[type="date"].four,
input[type="datetime"].four,
input[type="email"].four,
input[type="number"].four,
input[type="search"].four,
input[type="tel"].four,
input[type="time"].four,
input[type="url"].four,
textarea.four,
.row textarea.four {
width: 100% !important;
} input[type="text"].five,
input[type="password"].five,
input[type="date"].five,
input[type="datetime"].five,
input[type="email"].five,
input[type="number"].five,
input[type="search"].five,
input[type="tel"].five,
input[type="time"].five,
input[type="url"].five,
textarea.five,
.row textarea.five {
width: 100% !important;
} input[type="text"].six,
input[type="password"].six,
input[type="date"].six,
input[type="datetime"].six,
input[type="email"].six,
input[type="number"].six,
input[type="search"].six,
input[type="tel"].six,
input[type="time"].six,
input[type="url"].six,
textarea.six,
.row textarea.six {
width: 100% !important;
} input[type="text"].seven,
input[type="password"].seven,
input[type="date"].seven,
input[type="datetime"].seven,
input[type="email"].seven,
input[type="number"].seven,
input[type="search"].seven,
input[type="tel"].seven,
input[type="time"].seven,
input[type="url"].seven,
textarea.seven,
.row textarea.seven {
width: 100% !important;
} input[type="text"].eight,
input[type="password"].eight,
input[type="date"].eight,
input[type="datetime"].eight,
input[type="email"].eight,
input[type="number"].eight,
input[type="search"].eight,
input[type="tel"].eight,
input[type="time"].eight,
input[type="url"].eight,
textarea.eight,
.row textarea.eight {
width: 100% !important;
} input[type="text"].nine,
input[type="password"].nine,
input[type="date"].nine,
input[type="datetime"].nine,
input[type="email"].nine,
input[type="number"].nine,
input[type="search"].nine,
input[type="tel"].nine,
input[type="time"].nine,
input[type="url"].nine,
textarea.nine,
.row textarea.nine {
width: 100% !important;
} input[type="text"].ten,
input[type="password"].ten,
input[type="date"].ten,
input[type="datetime"].ten,
input[type="email"].ten,
input[type="number"].ten,
input[type="search"].ten,
input[type="tel"].ten,
input[type="time"].ten,
input[type="url"].ten,
textarea.ten,
.row textarea.ten {
width: 100% !important;
} input[type="text"].eleven,
input[type="password"].eleven,
input[type="date"].eleven,
input[type="datetime"].eleven,
input[type="email"].eleven,
input[type="number"].eleven,
input[type="search"].eleven,
input[type="tel"].eleven,
input[type="time"].eleven,
input[type="url"].eleven,
textarea.eleven,
.row textarea.eleven {
width: 100% !important;
} input[type="text"].twelve,
input[type="password"].twelve,
input[type="date"].twelve,
input[type="datetime"].twelve,
input[type="email"].twelve,
input[type="number"].twelve,
input[type="search"].twelve,
input[type="tel"].twelve,
input[type="time"].twelve,
input[type="url"].twelve,
textarea.twelve,
.row textarea.twelve {
width: 100% !important;
}    .button {
display: block;
} button.button, input[type="submit"].button, input[type="reset"].button {
width: 100%;
padding-left: 0;
padding-right: 0;
}  .button-group button.button, .button-group input[type="submit"].button {
width: auto;
padding: 10px 20px 11px;
} .button-group button.button.large, .button-group input[type="submit"].button.large {
padding: 15px 30px 16px;
} .button-group button.button.medium, .button-group input[type="submit"].button.medium {
padding: 10px 20px 11px;
} .button-group button.button.small, .button-group input[type="submit"].button.small {
padding: 7px 14px 8px;
} .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
padding: 5px 10px 6px;
} .button-group.even button.button, .button-group.even input[type="submit"].button {
width: 100%;
padding-left: 0;
padding-right: 0;
}   .nav-bar {
height: auto;
} .nav-bar > li {
float: none;
display: block;
border-right: none;
} .nav-bar > li > a.main {
text-align: left;
border-top: 1px solid #ddd;
border-right: none;
} .nav-bar > li:first-child > a.main {
border-top: none;
} .nav-bar > li.has-flyout > a.flyout-toggle {
position: absolute;
right: 0;
top: 0;
padding: 22px;
z-index: 2;
display: block;
} .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
content: "";
width: 0;
height: 0;
display: block;
} .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
border-top-color: #141414;
} .nav-bar.vertical > li.has-flyout > .flyout {
left: 0;
} .flyout {
position: relative;
width: 100% !important;
top: auto;
margin-right: -2px;
border-width: 1px 1px 0 1px;
} .flyout.right {
float: none;
right: auto;
left: -1px;
} .flyout.small, .flyout.large {
width: 100% !important;
} .flyout p:last-child {
margin-bottom: 18px;
}   .reveal-modal-bg {
position: absolute;
} .reveal-modal,
.reveal-modal.small,
.reveal-modal.medium,
.reveal-modal.large,
.reveal-modal.xlarge {
width: 80%;
top: 15px;
left: 50%;
margin-left: -40%;
padding: 20px;
height: auto;
}   .clearing-container {
margin: 0;
} .clearing-close {
z-index: 99;
font-size: 37px;
top: 0px;
right: 5px;
} .clearing-caption {
position: fixed;
bottom: 0;
left: 0;
padding: 10px !important;
line-height: 1.3;
} .clearing-main-right, .clearing-main-left {
display: none;
} .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {
height: 100%;
} .clearing-blackout.clearing-assembled ul[data-clearing] {
display: none;
}   .joyride-tip-guide {
width: 95% !important;
left: 2.5% !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
} .joyride-tip-guide-wrapper {
width: 100%;
}   .tabs.mobile {
width: auto;
margin: 20px -20px 40px;
border-bottom: solid 1px #ccc;
height: auto;
margin: 20px -15px 0px -15px;
} .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {
float: none;
height: auto;
} .tabs.mobile dd a, .tabs.mobile li a {
font-size: 15px;
display: block;
width: auto;
height: auto;
padding: 18px 20px;
margin: 0;
color: #555;
line-height: 1;
border: none;
border-left: none;
border-right: none;
border-top: 1px solid #ccc;
background: #fff;
} .tabs.mobile dd a.active, .tabs.mobile li a.active {
border: none;
background: #2ba6cb;
color: #fff;
margin: 0;
position: static;
top: 0;
height: auto;
} .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {
margin: 0;
} .tabs.mobile + .tabs-content.contained {
margin-left: -15px;
margin-right: -15px;
} .tabs.mobile .section-title {
padding-left: 20px !important;
} .contained.mobile {
margin-bottom: 0;
} .contained.tabs.mobile dd a, .contained.tabs.mobile li a {
padding: 18px 20px;
} .tabs.mobile + ul.contained {
margin-left: -20px;
margin-right: -20px;
border-width: 0 0 1px 0;
}    .tooltip {
font-size: 14px;
line-height: 1.4;
padding: 7px 10px 9px 10px;
left: 50% !important;
max-width: 80% !important;
margin-left: -40%;
font-size: 110%;
} .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
border-color: transparent transparent black transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
top: -12px;
left: 10px;
}
} @media only screen and (max-width: 940px) { .top-bar {
margin-bottom: 0;
overflow: hidden;
height: 45px;
background: #222222;   } .top-bar .js-generated {
display: block;
} .contain-to-grid .top-bar {
width: auto;
} .top-bar section {
left: 0;
position: relative;
width: auto;
-webkit-transition: left 300ms 0;
-moz-transition: left 300ms 0;
-o-transition: left 300ms 0;
transition: left 300ms 0;
} .top-bar ul {
width: 100%;
height: 100%;
margin-bottom: 0;
display: block;
} .top-bar ul > li {
float: none;      } .top-bar ul > li.active, .top-bar ul > li:hover {
background: #151515;
} .top-bar ul > li.name {
height: 45px;
} .top-bar ul > li.name h1 {
line-height: 1;
} .top-bar ul > li.name h1 a {
color: white;
display: block;
line-height: 45px !important;
padding-left: 15px;
height: 45px;
} .top-bar ul > li:hover a, .top-bar ul > li.active a {
color: white;
} .top-bar ul > li a:not(.button) {
color: white;
} .top-bar ul > li.toggle-topbar {
cursor: pointer;
display: block;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 50%;
} .top-bar ul > li.toggle-topbar a {
content: "";
display: block;
width: 0;
height: 0;
border: solid 8px;
border-color: white transparent transparent transparent;
padding: 0;
position: absolute;
top: 50%;
right: 22.5px;
margin-top: -4px;
} .top-bar ul > li.toggle-topbar:hover {
background: inherit;
} .top-bar ul > li.toggle-topbar a {
padding: 0 !important;
} .top-bar ul > li.divider {
border-bottom: solid 1px #3c3c3c;
border-top: solid 1px black;
clear: both;
height: 1px !important;
margin: 8px 0 !important;
width: 100%;
} .top-bar ul > li.search {
padding: 0 22.5px;
} .top-bar ul > li.search form {
width: 100%;
} .top-bar ul > li.search form input[type=text] {
width: 75%;
} .top-bar ul > li.search form .button {
top: -1px;
width: 25%;
} .top-bar ul > li.has-dropdown a {
padding-right: 33.75px;
} .top-bar ul > li.has-dropdown a:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
margin-right: 15px;
margin-top: -4.5px;
position: absolute;
top: 50%;
} .top-bar ul > li.has-dropdown:hover > .dropdown {
display: block;
visibility: hidden;
} .top-bar ul > li.has-dropdown .dropdown {
visibility: hidden;
z-index: 0 !important;
} .top-bar ul > li.has-dropdown.moved {
position: static;
} .top-bar ul > li.has-dropdown.moved > .dropdown {
top: 0;
visibility: visible;
} .top-bar ul > li.has-dropdown.moved > .dropdown li label {
margin-bottom: 6px;
padding-top: 6px !important;
font-size: 11px;
} .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
padding-bottom: 0;
} .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a {
padding: 8px 22.5px;
font-size: 14px;
} .top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label {
padding: 0 22.5px;
} .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
background: #3c3c3c;
display: block;
} .top-bar ul > li.has-dropdown.moved > .dropdown li.divider {
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
margin-top: 8px !important;
margin-bottom: 8px !important;
} .top-bar ul > li.has-dropdown.moved .back.title {
padding-bottom: 0;
} .top-bar ul > li.has-dropdown.moved .back.title a:before {
position: absolute;
top: 50%;
left: 17.5px;
margin-top: -5px;
width: 0;
height: 0;
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent white transparent transparent;
} .top-bar ul > li.has-dropdown.moved .back.title h5 {
margin: 0;
padding-left: 15px;
position: relative;
} .top-bar ul > li.has-dropdown.moved .back.title h5 a {
background: transparent;
padding-top: 8px;
padding-bottom: 8px;
font-size: 23px;
font-weight: bold;
} .top-bar ul > li.has-dropdown .dropdown li {
background: transparent;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
left: 100% !important;
top: 0;
right: auto !important;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
padding-right: 33.75px;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
content: "";
margin-right: 15px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -4.5px;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
background: #3c3c3c;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved {
position: static;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
top: 0;
visibility: visible;
} .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover {
display: block;
} .top-bar ul.left, .top-bar ul.right {
float: none;
width: 100%;
} .top-bar ul.left > li, .top-bar ul.right > li {
display: block;
float: none;
margin: 0 !important;
} .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
left: 100% !important;
top: 0;
right: auto !important;
} .top-bar section > ul li a:not(.button) {
padding-left: 22.5px !important;
} .top-bar.expanded {
height: 100%;
} .top-bar.expanded ul li.toggle-topbar a {
content: "";
display: block;
width: 0;
height: 0;
border: solid 8px;
border-color: transparent transparent #cccccc transparent;
top: auto;
bottom: 50%;
margin-bottom: -4px;
} .top-bar ul li.has-button {
padding: 5px 15px;
} .top-bar ul li .button.small {
margin: 0 !important;
display: inline-block;
width: 100%;
} .top-bar ul > li.has-button a.button {
margin: 0;
}
}  * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} body {
background: #473f3b;
color: white;
font-family: sans-serif;
}  h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
font-weight: bold;
line-height: 1.4em;
color: white;
} h1 {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
font-size: 62px;
margin-bottom: 5px;
padding: 0;
} h2 {
font-size: 48px;
padding: 0;
} h3 {
font-size: 22px;
padding: 20px 0px 5px 5px;
} h4 {
font-size: 14px;
padding: 20px 0px 15px 0px;
color: white;
font-family: sans-serif;
} h5 {
font-size: 12px;
} p {
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.6em;
padding: 10px 0px;
color: white;
margin-bottom: 5px;
} ol li {
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.6em;
padding: 10px 0px;
margin: 0 60px;
color: white;
} a {
color: #F90;
} a:hover {
color: #F70;
} h2.amatic {
font-size: 42px;
} h3.amatic {
font-size: 42px;
} h4.amatic {
font-size: 32px;
} #noticias h4 {
color: #f6a71b;
} p.wp-caption-text {
color: #FFF;
padding: 10px 40px 40px;
margin: 0;
font-size: 11px;
font-style: italic;
} .page-title {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1.4em;
color: white;
text-align: left;
font-size: 62px;
position: relative;
} .page-title img {
position: relative;
top: 15px;
width: 60px;
height: 60px;
display: block;
float: left;
}  .center {
text-align: center;
} .row, .row .row, .row .row .row {
width: 100%;
max-width: 1000px;
margin: 0 auto;
} .row.full-width, .row .row.full-width, .row .row .row.full-width {
max-width: 100%;
}  #root .content {
min-height: 200px;
max-width: none;
margin: 0px auto 0px;
padding-bottom: 40px;
} #root .content #conocenos-intro {
padding-bottom: 15px;
background: #a89b3d;
} #root .content #inspirate-intro {
padding-bottom: 15px;
background: #3a6785;
} #root .content #haz-intro {
background: #cf861a;
padding-bottom: 15px;
} #root .content #haz-intro h1 {
color: white;
} #root .content #conocenos-content {
padding-top: 25px;
} #root .content #haz-content {
padding-top: 25px;
} #root .content #kuyapanakuy-grid {
padding-top: 25px;
} #root .content .container {
padding: 40px;
} #root .content .container-medium {
padding: 30px;
} #root .content .container-wide {
padding: 0 40px;
} #root .content .container-tall {
padding: 40px 0px;
} #root .content .container-small {
padding: 20px 0px;
} #root .content .container-up {
padding: 40px 40px 10px;
} #root .content .container-middle {
padding: 10px 40px 10px;
} #root .content #inicio-page {
min-height: 0px;
} #root .content .container-down {
padding: 10px 40px 40px;
} #root #box-social #facebook {
background: #FFF;
border: 3px solid #3B5998;
z-index: 10;
overflow: hidden;
position: relative;
-moz-box-shadow: 0px 0px 5px #222;
-webkit-box-shadow: 0px 0px 5px #222;
box-shadow: 0px 0px 5px #222;
min-height: 670px;
} #root #box-social #facebook iframe {
overflow: hidden;
position: relative;
left: 0px;
top: 0px;
border: none;
} #root #box-social #twitter {
min-height: 630px;
padding: 0px 10px 6px;
background: #FFF;
border: 3px solid #33CCFF;
color: #4f423b;
-moz-box-shadow: 0px 0px 5px #222;
-webkit-box-shadow: 0px 0px 5px #222;
box-shadow: 0px 0px 5px #222;
} #root #box-social #twitter a.twitter-home {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/twitter-big.png) no-repeat;
width: 100%;
height: 60px;
display: block;
border-bottom: 1px solid #33CCFF;
} #root #box-social #twitter ul {
padding-top: 20px;
} #root #box-social #twitter ul li {
font-size: 11px;
line-height: 1.3em;
color: #33CCFF;
display: inline-block;
list-style: none;
border-bottom: 1px #CCC dotted;
margin-bottom: 5px;
padding-bottom: 5px;
} #root #box-social #twitter ul li a {
display: inline;
} #root #box-social #twitter ul li a:hover {
color: #576D3C;
} #root ul.mosaicos-single li a.mosaicos-block .row.image-overflow {
height: 120px;
overflow: hidden;
} #root ul.mosaicos-single li a.mosaicos-block .row.image-overflow img {
min-height: 100%;
} #root ul.mosaicos-single li a.mosaicos-block h4 {
margin: 0;
padding: 0;
} #root #google-susbox h3 {
padding: 5px 0;
margin: 0;
color: #ffaa00;
} #root #google-susbox p {
padding: 10px 0;
margin: 0;
} #root #google-susbox #google-input {
font-family: sans-serif;
font-weight: 600;
background: #a89b3d;
border: none;
display: block;
font-size: 12px;
margin: 10px 0px 0px;
padding: 6px;
width: 100%;
color: #a2d074;
-webkit-box-shadow: 0px 0px 5px #333333;
-moz-box-shadow: 0px 0px 5px #333333;
box-shadow: 0px 0px 5px #333333;
} #root #google-susbox #google-input:focus {
color: white;
} #root #google-susbox #google-suscribe {
color: white;
background: #ffaa00;
border: none;
cursor: pointer;
display: block;
float: right;
margin: 20px 0 0;
padding: 8px 40px;
text-transform: uppercase;
-webkit-border-radius: 10px 10px;
-moz-border-radius: 10px / 10px;
border-radius: 10px / 10px;
} #root #google-susbox #google-suscribe:hover {
background: #cc7700;
} #root .news-blocks .container-down {
padding-bottom: 0px;
} #root .news-blocks ul.block-grid .grid-item {
position: relative;
min-height: 160px;
display: block;
} #root .news-blocks ul.block-grid .grid-item a {
display: block;
} #root .news-blocks ul.block-grid .grid-item a .image-block {
display: block;
position: relative;
} #root .news-blocks ul.block-grid .grid-item a .image-block .image-overflow {
height: 110px;
overflow: hidden;
} #root .news-blocks ul.block-grid .grid-item a .image-block .image-overflow img {
min-height: 100%;
} #root .news-blocks ul.block-grid .grid-item a .image-block .titulo-block {
position: absolute;
bottom: 6px;
background: rgba(255, 255, 255, 0.78);
width: 100%;
} #root .news-blocks ul.block-grid .grid-item a .image-block .titulo-block h4 {
color: #473f3b;
padding: 8px;
margin: 0;
font-size: 12px;
max-width: 100%;
} #root .news-blocks ul.block-grid .grid-item a .image-block .titulo-block-down {
position: relative;
bottom: none;
top: -4px;
background: #473f3b;
width: 100%;
} #root .news-blocks ul.block-grid .grid-item a .image-block .titulo-block-down h4 {
color: white;
padding: 12px;
margin: 0;
font-size: 12px;
max-width: 100%;
min-height: 56px;
} #root .news-blocks ul.block-grid .grid-item a:hover .image-block {
display: block;
position: relative;
} #root .news-blocks ul.block-grid .grid-item a:hover .image-block .titulo-block {
position: absolute;
bottom: 6px;
background: #473f3b;
width: 100%;
} #root .news-blocks ul.block-grid .grid-item a:hover .image-block .titulo-block h4 {
color: white;
padding: 8px;
margin: 0;
} #root .news-blocks ul.block-grid .grid-item a:hover .image-block .titulo-block-down {
position: relative;
bottom: none;
top: -4px;
background: #ffaa00;
width: 100%;
} #root .news-blocks ul.block-grid .grid-item a:hover .image-block .titulo-block-down h4 {
color: white;
padding: 12px;
margin: 0;
font-size: 12px;
max-width: 100%;
} #root #searchform #search {
background: #a89b3d;
border: 0px;
color: white;
font-weight: normal;
font-size: 16px;
padding: 0px;
padding-left: 20px;
margin: 0px 0 0;
letter-spacing: 1px;
height: 41px;
} #root #searchform #search-button {
background: #ffaa00;
padding: 5px 12px;
height: auto;
color: white;
border: none;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
display: block;
margin: 0px 0 0;
} #root #searchform #search-button:hover {
background: #cc7700;
} #root #searchform ::-webkit-input-placeholder { color: #c2b69f;
} #root #searchform :-moz-placeholder { color: #c2b69f;
} #root #searchform ::-moz-placeholder { color: #c2b69f;
} #root #searchform :-ms-input-placeholder { color: #c2b69f;
} #root .wp-prev-next a {
font-size: 16px;
} #root .wp-prev-next .left {
text-align: right;
} #root .search a.search-item {
background: #473f3b;
display: block;
padding: 20px;
margin-bottom: 15px;
} #root .search a.search-item:hover {
background: #7a726e;
} #root .search a.search-item h3 {
margin: 0;
padding: 0;
} #root .search a.search-item .meta {
color: #ffaa00;
padding: 0;
} #root .fb-like {
margin: 10px 0;
} #root .fb-twt .fb-like, #root .fb-twt .twitter-share-button {
margin: 10px 0;
} #top-header {
display: block;
width: 100%;
position: relative;
background: #473F3B;
} #top-header #home-search {
height: 28px;
overflow: hidden;
margin-top: 8px;
} #top-header #home-search #searchform #search {
font-size: 12px;
padding-left: 8px;
height: 28px;
} #top-header #home-search #searchform #search-button {
font-size: 10px;
padding-top: 0px;
height: 28px;
} #top-header #extras-bar {
height: 45px;
background: #362e2a;
width: 100%;
display: block;
} #top-header #extras-bar .row {
max-width: 1400px;
} #top-header #extras-bar ul li {
padding: 0;
} #top-header #extras-bar ul li a {
padding: 12px 0 11px;
margin: 0;
text-align: center;
display: block;
} #top-header #extras-bar ul li a:hover {
background: #312925;
} #top-header #dona {
position: absolute;
top: -24px;
right: 0px;
width: 180px;
height: 180px;
display: block;
overflow: hidden;
} #top-header #dona a {
display: block;
width: 180px;
height: 180px;
position: fixed;
z-index: 100;
top: 0;
right: 0;
color: white;
overflow: hidden;
} #top-header #dona a img {
position: absolute;
top: 0;
right: 0;
z-index: 1;
} #top-header #dona a h3 {
position: absolute;
top: 0;
right: 0;
z-index: 999;
font-size: 24px;
max-width: 110px;
padding: 30px 24px 0 0;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
line-height: 1em;
text-align: center;
margin: 0;
} #top-header #dona a h3 span.red {
color: #F60;
font-size: 32px;
text-transform: uppercase;
line-height: 1em;
font-weight: 800;
} #top-header #top-bar {
margin: 0 0px;
} #top-header #top-bar #logos {
padding-top: 20px;
} #top-header #top-bar #logos #logo-spda {
padding-top: 8px;
} #top-header #top-bar #nav {
margin: 0;
min-height: 120px;
max-width: 100%;
padding: 0 15px;
background: none;
} #top-header #top-bar #nav.row {
margin: 0;
} #top-header #top-bar #nav ul.menu {
list-style: none;
display: block;
margin: 0 auto;
max-width: 100%;
} #top-header #top-bar #nav ul.menu li {
display: block;
text-align: center;
margin: 0;
position: relative;
} #top-header #top-bar #nav ul.menu li a {
color: white;
padding: 20px 10px 10px;
display: block;
text-align: center;
width: 100%;
min-height: 120px;
font-size: 28px;
line-height: 1.2em;
text-transform: uppercase;
font-family: 'Amatic SC', sans-serif;
} #top-header #top-bar #nav ul.menu li.conocenos:hover {
background: #a89b3d;
} #top-header #top-bar #nav ul.menu li.explora:hover {
background: #6b5a40;
} #top-header #top-bar #nav ul.menu li.haz:hover {
background: #cf861a;
} #top-header #top-bar #nav ul.menu li.inspirate:hover {
background: #3a6785;
} #top-header #top-bar #nav ul.menu li.conocenos.current {
background: #a89b3d;
} #top-header #top-bar #nav ul.menu li.explora.current {
background: #6b5a40;
} #top-header #top-bar #nav ul.menu li.haz.current {
background: #cf861a;
} #top-header #top-bar #nav ul.menu li.inspirate.current {
background: #3a6785;
} #top-header #top-bar #serch {
padding-top: 15px;
} #top-header #top-bar #serch #searchform {
padding-top: 15px;
} #top-header #top-bar #serch #s {
border: none;
padding: 4px;
background: #FFF;
width: 100%;
margin: 0 auto;
} #top-header #top-bar #serch #searchsubmit {
margin: 6px 0 0 0px;
color: #FFF;
background: #FA0;
padding: 3px 5px;
border: none;
text-transform: uppercase;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
width: 100%;
} #top-header #top-bar #serch #searchsubmit:hover {
background: #F80;
} #top-header.fixed {
position: fixed;
top: -118px;
z-index: 1000;
} #top-header.fixed #logo-cp {
width: 56px;
overflow: hidden;
margin-top: 48px;
height: 62px;
} #top-header.fixed #logo-cp img {
max-width: 212px;
} .page-template-pagespage-explora-php #top-header #nav .explora, .single-destino #top-header #nav .explora, .single-ruta_new #top-header #nav .explora {
background: #6b5a40;
} .page-template-pagespage-haz-php #top-header #nav .haz, .single-haz #top-header #nav .haz, .single-vive-sostenible #top-header #nav .haz, .single-colabora #top-header #nav .haz {
background: #cf861a;
} .page-template-pagespage-inspirate-php #top-header #nav .inspirate, .single-area #top-header #nav .inspirate, .single-inspirate #top-header #nav .inspirate, .single-ruta #top-header #nav .inspirate {
background: #3a6785;
} .page-template-pagespage-conocenos-php #top-header #nav .conocenos {
background: #a89b3d;
} .sub-menu li a {
display: block;
height: auto;
text-align: center;
padding: 12px 4px 12px;
margin-top: 15px;
} .sub-menu li a h5 {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
color: #FFF;
font-size: 26px;
margin: 0;
padding: 0;
} .sub-menu li a p {
margin: 0;
padding: 0;
line-height: 0;
font-size: 6px;
} footer {
min-height: 180px;
background: #362e2a;
} footer a {
color: #473f3b;
font-size: 12px;
line-height: 1.2em;
font-weight: bold;
} footer #contactForm {
background: #342b26;
margin-top: 10px;
padding: 10px;
} footer #contactForm input {
font-size: 12px;
height: 30px;
margin-bottom: 0px;
} footer #contactForm .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
font-family: sans-serif;
} footer #contactForm .wpcf7-submit {
background: #efece3 none repeat scroll 0% 0%;
height: 26px;
border-radius: 5px;
border: 1px solid black;
float: left;
cursor: pointer;
} footer #contactForm .wpcf7-response-output {
display: none !important;
} footer #contactForm .screen-reader-response {
color: red;
} footer #contactForm .screen-reader-response ul {
display: none !important;
}
footer #contactForm .wpcf7-spinner {
float: left;
} footer h3 {
color: #a89b3d !important;
font-size: 42px;
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
} footer #footer-info {
padding: 20px;
} footer #footer-info .icons {
margin-bottom: 25px;
} footer #footer-info .amatic {
padding-top: 0px;
} footer #footer-info p {
color: white;
margin-bottom: 0;
} footer #footer-info a {
color: #ff6600;
} footer #footer-info a img {
max-height: 60px;
} footer #footer-info a:hover {
color: #ff3400;
} footer #footer-info iframe {
padding-top: 15px;
} footer #footer-social {
padding-top: 20px;
} footer #footer-social h3.amatic {
margin: 0;
padding: 0;
} footer #footer-social ul li {
line-height: 1.4em;
} footer #footer-social ul li a {
display: block;
padding: 6px;
} footer #footer-social ul li a img {
-webkit-filter: sepia(1);
} footer #footer-social ul li a:hover img {
-webkit-filter: sepia(0);
}  #inicio-page #inicio-slides, #inspirate-page #inicio-slides {
margin-bottom: 20px;
background: #362E2A;
} #inicio-page #inicio-slides .columns, #inspirate-page #inicio-slides .columns {
padding: 0 0px;
} #inicio-page #inicio-slides .huge_it_slideshow_dots_thumbnails_1, #inspirate-page #inicio-slides .huge_it_slideshow_dots_thumbnails_1 {
display: none;
} #inicio-page #inicio-slides .huge_it_slideshow_title_text_1, #inspirate-page #inicio-slides .huge_it_slideshow_title_text_1 {
width: 100%;
background: rgba(255, 170, 0, 0.7) !important;
bottom: 0px;
top: auto;
margin: 0px;
right: 0px;
left: 0px;
color: #251D19;
font-size: 38px !important;
font-family: "Amatic SC",sans-serif;
text-align: left;
padding: 4px;
padding-left: 20px;
font-weight: normal;
border-radius: 0px;
display: none;
} #inicio-page #inicio-slides #featured, #inspirate-page #inicio-slides #featured {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/loading.gif) no-repeat center center;
border: none;
max-height: 420px;
overflow: hidden;
max-width: 100%;
} #inicio-page #inicio-slides #featured img, #inicio-page #inicio-slides #featured div, #inspirate-page #inicio-slides #featured img, #inspirate-page #inicio-slides #featured div {
visibility: hidden;
display: block;
} #inicio-page #inicio-slides #featured div, #inspirate-page #inicio-slides #featured div {
padding: 0 !important;
} #inicio-page #inicio-slides #featured .slide-div, #inspirate-page #inicio-slides #featured .slide-div {
background: none;
display: block;
width: 100%;
} #inicio-page #inicio-slides #featured .slide-div .slide-caption, #inspirate-page #inicio-slides #featured .slide-div .slide-caption {
position: absolute;
height: auto;
margin: 0 auto;
top: 350px;
left: 0px;
width: 100%;
z-index: 1;
background: rgba(255, 170, 0, 0.8);
display: block;
padding: 10px;
} #inicio-page #inicio-slides #featured .slide-div .slide-caption h2, #inspirate-page #inicio-slides #featured .slide-div .slide-caption h2 {
line-height: 1em;
padding: 5px 30px 5px;
margin-bottom: 15px;
display: block;
font-size: 38px;
color: #251d19;
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
} #inicio-page #inicio-slides #featured .slide-div .slide-caption h3, #inspirate-page #inicio-slides #featured .slide-div .slide-caption h3 {
padding: 0px 30px 30px;
margin: 0;
font-weight: normal;
color: #646464;
text-decoration: underline;
font-size: 16px;
display: block;
} #inicio-page #inicio-slides #featured .slide-div .orbit-slide, #inspirate-page #inicio-slides #featured .slide-div .orbit-slide {
width: 100%;
} #inicio-page #inicio-slides .orbit-wrapper, #inspirate-page #inicio-slides .orbit-wrapper {
min-height: 100%;
background: black;
display: block;
} #inicio-page #inicio-slides .orbit-wrapper .orbit, #inspirate-page #inicio-slides .orbit-wrapper .orbit {
height: 420px;
max-height: 420px;
background: black;
} #inicio-page #inicio-slides .orbit-wrapper .orbit img,
#inicio-page #inicio-slides .orbit-wrapper .orbit div, #inspirate-page #inicio-slides .orbit-wrapper .orbit img,
#inspirate-page #inicio-slides .orbit-wrapper .orbit div {
visibility: visible !important;
background: black;
vertical-align: middle;
margin: 0 auto;
width: 100%;
} #inicio-page #inicio-slides .orbit-wrapper .orbit img.fluid-placeholder,
#inicio-page #inicio-slides .orbit-wrapper .orbit div.fluid-placeholder, #inspirate-page #inicio-slides .orbit-wrapper .orbit img.fluid-placeholder,
#inspirate-page #inicio-slides .orbit-wrapper .orbit div.fluid-placeholder {
visibility: hidden;
} #inicio-page #inicio-slides .orbit-wrapper span.rotator, #inspirate-page #inicio-slides .orbit-wrapper span.rotator {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/rotator-black.png) no-repeat;
} #inicio-page #inicio-slides .orbit-wrapper span.mask.move, #inspirate-page #inicio-slides .orbit-wrapper span.mask.move {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/timer-black.png) repeat 0 0;
} #inicio-page #inicio-slides .orbit-wrapper span.pause, #inspirate-page #inicio-slides .orbit-wrapper span.pause {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/pause-black.png) no-repeat 0 -40px;
opacity: 1;
width: 40px;
height: 40px;
} #inicio-page #inicio-slides .orbit-wrapper span.pause.active, #inspirate-page #inicio-slides .orbit-wrapper span.pause.active {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/pause-black.png) no-repeat 0 0px;
opacity: 1;
} #inicio-page #inicio-slides .orbit-wrapper .slider-nav span.right, #inspirate-page #inicio-slides .orbit-wrapper .slider-nav span.right {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/right-arrow.png);
background-size: 100%;
right: 0;
opacity: 1;
} #inicio-page #inicio-slides .orbit-wrapper .slider-nav span.right:hover, #inspirate-page #inicio-slides .orbit-wrapper .slider-nav span.right:hover {
opacity: 0.6;
} #inicio-page #inicio-slides .orbit-wrapper .slider-nav span.left, #inspirate-page #inicio-slides .orbit-wrapper .slider-nav span.left {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/images/../imgs/foundation/orbit/left-arrow.png);
background-size: 100%;
left: 0;
opacity: 1;
} #inicio-page #inicio-slides .orbit-wrapper .slider-nav span.left:hover, #inspirate-page #inicio-slides .orbit-wrapper .slider-nav span.left:hover {
opacity: 0.6;
} #inicio-page #inicio-grid, #inspirate-page #inicio-grid {
margin: 0px 0;
} #inicio-page #inicio-grid .iframe-block, #inspirate-page #inicio-grid .iframe-block {
padding: 0 8px; margin-bottom: 25px;
} #inicio-page #inicio-grid iframe, #inspirate-page #inicio-grid iframe {
background: black;
} #inicio-page #inicio-grid h6.amatic, #inspirate-page #inicio-grid h6.amatic {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
font-size: 32px;
margin: 0 0 5px 0;
padding: 0;
} #inicio-page #inicio-grid ul.block-grid li.grid-item, #inicio-page #inspirate-news ul.block-grid li.grid-item, #inspirate-page #inicio-grid ul.block-grid li.grid-item, #inspirate-page #inspirate-news ul.block-grid li.grid-item {
position: relative;
margin: 0;
padding: 10px 10px 15px;
display: block;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a, #inicio-page #inspirate-news ul.block-grid li.grid-item a, #inspirate-page #inicio-grid ul.block-grid li.grid-item a, #inspirate-page #inspirate-news ul.block-grid li.grid-item a {
display: block;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block, #inicio-page #inspirate-news ul.block-grid li.grid-item a .image-block, #inspirate-page #inicio-grid ul.block-grid li.grid-item a .image-block, #inspirate-page #inspirate-news ul.block-grid li.grid-item a .image-block {
display: block;
position: relative;
max-height: 185px;
overflow: hidden;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block .titulo-block, #inicio-page #inspirate-news ul.block-grid li.grid-item a .image-block .titulo-block, #inspirate-page #inicio-grid ul.block-grid li.grid-item a .image-block .titulo-block, #inspirate-page #inspirate-news ul.block-grid li.grid-item a .image-block .titulo-block {
display: none;
position: absolute;
top: 12px;
width: 96%;
height: 60%;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block .titulo-block h4, #inicio-page #inspirate-news ul.block-grid li.grid-item a .image-block .titulo-block h4, #inspirate-page #inicio-grid ul.block-grid li.grid-item a .image-block .titulo-block h4, #inspirate-page #inspirate-news ul.block-grid li.grid-item a .image-block .titulo-block h4 {
color: #473f3b;
background-color: rgba(246, 156, 19, 0.78);
box-shadow: 0 0 0 5px rgba(246, 156, 19, 0.78);
display: inline;
padding: 2px;
font-size: 16px;
max-width: 94%;
line-height: 2.4em;
left: 5px;
position: relative;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block .noticia h4, #inicio-page #inspirate-news ul.block-grid li.grid-item a .image-block .noticia h4, #inspirate-page #inicio-grid ul.block-grid li.grid-item a .image-block .noticia h4, #inspirate-page #inspirate-news ul.block-grid li.grid-item a .image-block .noticia h4 {
background: rgba(71, 63, 59, 0.78);
box-shadow: 0 0 0 5px rgba(71, 63, 59, 0.78);
color: white;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block .inspirate h4, #inicio-page #inspirate-news ul.block-grid li.grid-item a .image-block .inspirate h4, #inspirate-page #inicio-grid ul.block-grid li.grid-item a .image-block .inspirate h4, #inspirate-page #inspirate-news ul.block-grid li.grid-item a .image-block .inspirate h4 {
background: rgba(58, 103, 133, 0.78);
box-shadow: 0 0 0 5px rgba(58, 103, 133, 0.78);
color: white;
} #inicio-page #inicio-grid ul.block-grid li.grid-item a:hover .image-block img, #inicio-page #inspirate-news ul.block-grid li.grid-item a:hover .image-block img, #inspirate-page #inicio-grid ul.block-grid li.grid-item a:hover .image-block img, #inspirate-page #inspirate-news ul.block-grid li.grid-item a:hover .image-block img {
-webkit-filter: sepia(1);
} #inicio-page #inicio-grid ul.block-grid li.grid-item a:hover .image-block .titulo-block, #inicio-page #inspirate-news ul.block-grid li.grid-item a:hover .image-block .titulo-block, #inspirate-page #inicio-grid ul.block-grid li.grid-item a:hover .image-block .titulo-block, #inspirate-page #inspirate-news ul.block-grid li.grid-item a:hover .image-block .titulo-block {
display: block;
} #conocenos-page {
background: white;
color: #333;
} #conocenos-page p {
color: #251d19;
} #conocenos-page a {
color: white;
color: black;
} #conocenos-page p a {
color: #dd8800;
text-decoration: underline;
} #conocenos-page .sub-menu li a {
background: #978a2c;
} #conocenos-page .sub-menu li a:hover {
background: #86791b;
} #conocenos-page #grid-aliados h4 {
margin: 0;
padding: 0;
} #haz-page {
color: #333;
} #haz-page .sub-menu li a h5 {
font-size: 25px;
} #explora-page {
background: white;
color: #333;
} #explora-page #explora-intro, #explora-page #explora-search {
background: #6b5a40;
} #explora-page .sub-menu li a {
background: #5a492f;
} #explora-page .sub-menu li a:hover {
background: #49381e;
} #explora-page h2 {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
padding: 0;
line-height: 1.4em;
color: #333;
text-align: left;
font-size: 52px;
} #explora-page #explora-search {
height: 80px;
width: 100%;
overflow: hidden;
display: block;
} #explora-page #explora-search .row {
padding-top: 0px;
} #explora-page #explora-search .row .twelve {
padding-top: 0px;
} #explora-page #lista-rutas ul.block-grid li {
background: #5a492f;
padding: 10px;
border: 4px white solid;
} #explora-page #lista-rutas ul.block-grid li a .titulo-block h4 {
margin: 0;
padding: 0;
} #explora-page #lista-rutas ul.block-grid li a .titulo-block h5 {
margin: 0;
padding: 0;
color: #c2b69f;
} #explora-page #lista-rutas ul.block-grid li:hover {
background: #38270d;
} #explora-page #lista-areas {
border-top: 1px dashed #333;
} #explora-page #lista-areas ul.block-grid li a {
min-height: 200px;
background: #5a492f;
padding: 10px;
border: 4px white solid;
display: block;
} #explora-page #lista-areas ul.block-grid li a .titulo-block h4 {
margin: 0;
padding: 0;
} #explora-page #lista-areas ul.block-grid li a .titulo-block h5 {
margin: 0;
padding: 0;
color: #c2b69f;
} #explora-page #lista-areas ul.block-grid li a:hover {
background: #38270d;
} #explora-page #lista-areas #search-button {
background: #a89b3d;
} #area-page {
background: white;
color: #333;
} #area-page h1, #area-page h2, #area-page h3, #area-page h4, #area-page h5, #area-page h6, #area-page p {
color: #473f3b;
} #area-page #sigueExplorando {
max-width: 99%;
margin: auto;
width: 1000px;
} #area-page .relatedAreas {
float: left;
max-width: 24%;
margin-left: 0.5%;
margin-right: 0.5%;
background-color: #5A492F;
overflow: hidden;
margin-bottom: 20px;
} #area-page .relatedAreas img {
max-width: 90%;
margin: 5% auto auto;
display: block;
} #area-page .relatedAreas h4 {
color: #FFF !important;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 13px;
} #area-page #intro-perfil p {
margin: 0;
padding: 0;
} #area-page #intro-perfil h5 {
font-style: italic;
padding: 0 0px 0px;
font-size: 12px;
font-weight: normal;
} #area-page #perso-perfil h4 {
padding: 0px;
margin: 10px 0 10px;
} #area-page #ficha-perfil .ficha-box {
background: #473f3b;
margin-right: 30px !important;
margin-bottom: 20px;
padding-bottom: 30px;
} #area-page #ficha-perfil .ficha-box p {
padding: 0px 0px 0;
color: white;
max-width: 100%;
word-wrap: break-word;
} #area-page #ficha-perfil .ficha-box p.label {
font-weight: bold;
background: none;
text-align: right;
color: #ffaa00;
} #area-page #ficha-perfil p, #area-page #ficha-perfil h2, #area-page #ficha-perfil ul, #area-page #ficha-perfil li {
color: white;
} #area-page #ayuda-perfil h2 {
color: #ffaa00;
padding-top: 0;
} #area-page #ayuda-perfil p {
color: #473f3b;
} #area-page #turis-perfil h2 {
color: #473f3b;
padding-top: 0;
} #conserva-content h4 {
padding: 0;
margin: 0;
color: #ffaa00;
} #conserva-content li {
margin-left: 0;
} #haz-page {
overflow: hidden;
background: white;
color: #333;
} #haz-page h1 {
color: black;
} #haz-page h2, #haz-page h3, #haz-page h4, #haz-page h5, #haz-page h6, #haz-page p, #haz-page li {
color: #251d19;
} #haz-page p a {
color: #bb6600;
text-decoration: underline;
} #haz-page h1.title-page {
margin-bottom: 0;
padding-bottom: 0;
line-height: 0.8em;
} #haz-page .inspira-sub {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
margin: 0 0 30px;
padding: 0;
line-height: 0.8em;
color: #bb6600;
color: #EEE;
} #haz-page .sub-menu li a {
background: #be7509;
} #haz-page .sub-menu li a:hover {
background: #ad6400;
} #haz-page #haz-news .haz-block {
border-top: 1px #333 dashed;
padding: 10px 30px 40px;
display: block;
} #haz-page #haz-news .haz-block h3 {
color: black;
font-size: 48px;
padding: 20px 0px 0px;
margin: 0px;
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
} #haz-page #haz-news .haz-block p {
padding-top: 0px;
margin-top: 10px;
} #haz-page #haz-news iframe.sombra {
background: black;
} #haz-page #haz-news #haz-sidebar .side-haz {
min-height: 800px;
} #haz-page #sostenible-grid h3 {
font-family: "Amatic SC",sans-serif;
font-weight: 400;
color: #000;
font-size: 48px;
padding: 0px 0px 0px;
margin: 0px;
} #haz-page #sostenible-grid ul li {
display: block;
background: white;
padding: 0px;
display: block;
} #haz-page #sostenible-grid ul li h3 {
margin: 0;
font-size: 32px;
padding: 0;
} #haz-page #sostenible-grid .vive-sostenible-item {
padding-bottom: 40px;
border-bottom: 1px dashed #333;
} #haz-page #sostenible-grid .vive-sostenible-item .imgContainer img {
margin: auto;
display: block;
} #haz-page #colabora-grid ul li {
display: block;
background: white;
padding: 10px;
display: block;
min-height: 125px;
} #haz-page #colabora-grid ul li:hover {
background: #ee9900;
} #haz-page #colabora-grid ul li h3 {
margin: 0;
font-size: 32px;
padding: 0;
} #sostenible-single {
background: white;
} #sostenible-single h1, #sostenible-single h2, #sostenible-single h3, #sostenible-single h4, #sostenible-single h5, #sostenible-single h6, #sostenible-single p {
color: #473f3b;
} #inspirate-page {
background: white;
overflow: hidden;
color: #333;
} #inspirate-page h1 {
color: black;
} #inspirate-page h3 {
color: black;
} #inspirate-page p {
color: #333;
} #inspirate-page a {
color: black;
} #inspirate-page p a {
text-decoration: underline;
color: #184563;
} #inspirate-page h4 {
color: black;
} #inspirate-page #inspirate-intro h4, #inspirate-page #inspirate-intro h1,
.single-area #inspirate-intro h4, .single-area #inspirate-intro h1,
.single-ruta #inspirate-intro h4, .single-ruta #inspirate-intro h1  {
color: white;
} #inspirate-page .sub-menu li a,
.single-area .sub-menu li a,
.single-ruta .sub-menu li a {
background: #295674;
} #inspirate-page .sub-menu li a:hover,
.single-area .sub-menu li a:hover,
.single-ruta .sub-menu li a:hover {
background: #184563;
}
.single-area .sub-menu li a h5,
.single-ruta .sub-menu li a h5 {
color: white !important;
} #inspirate-page #kuyapanakuy-grid .row.container-down {
padding-bottom: 0px;
} #inspirate-page #kuyapanakuy-grid .block-grid.three-up li {
width: 30%;
overflow: hidden;
margin: 1% 1% 0px;
padding: 0px;
} #inspirate-page #kuyapanakuy-grid .block-grid.three-up li img {
max-width: 115%;
} #inspirate-page #inspirate-news h1 {
color: black;
} #inspirate-page #inspirate-news .inspirate-block .inspirate-item {
border-bottom: 1px #333 dashed;
padding: 10px 30px 40px;
} #inspirate-page #inspirate-news .inspirate-block .inspirate-item h3 {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
color: black;
font-size: 48px;
padding: 20px 0px 0px;
margin: 0px;
} #inspirate-page #inspirate-news .inspirate-block .inspirate-item p {
color: #333;
padding-top: 0px;
margin-top: 10px;
} #inspirate-page #inspirate-news #inspirate-sidebar .side-inspirate {
min-height: 800px;
} #inspirate-page #inspirate-videos {
padding-top: 10px;
} #inspirate-page #inspirate-videos .block-grid {
max-width: 2520px;
margin: auto;
} #inspirate-page #inspirate-videos .grid-item {
margin-bottom: 10px;
height: 120px;
overflow: hidden;
} #inspirate-page #inspirate-videos .block-grid.six-up {
max-width: 1000px;
margin: auto;
text-align: right;
} #inspirate-page #inspirate-videos .block-grid.six-up .filterYear {
color: black;
height: 40px;
font-family: "Amatic SC",sans-serif;
font-size: 26px;
text-align: center;
} #inspirate-page #inspirate-videos .block-grid.six-up .filterYear span {
cursor: pointer;
} #inspirate-page #inspirate-videos .block-grid.six-up .filterYear span:hover {
background: #3a6785;
color: white;
padding: 8px;
padding-left: 12px;
padding-right: 12px;
} #inspirate-page #inspirate-videos .inspirate-item {
height: 100%;
position: relative;
} #inspirate-page #inspirate-videos .inspirate-item img {
width: 94%;
min-height: 100%;
margin: auto;
display: block;
} #inspirate-page #inspirate-videos .inspirate-item:hover h5 {
position: absolute;
top: 0px;
left: 3%;
text-align: center;
width: 94%;
background: #3a6785;
background: rgba(58, 103, 133, 0.8);
height: 100%;
padding-top: 35px;
padding-right: 10px;
padding-left: 10px;
cursor: pointer;
display: block;
} #inspirate-page #inspirate-videos ul li h5 {
margin: 0;
font-size: 11px;
} #single-publicacion h3 {
padding: 0;
margin: 0;
} .single-noticia p {
color: #333;
} .single-noticia p a {
word-wrap: break-word;
} .single-noticia .row.full-width {
background: white;
} .single-noticia .row.full-width .page-title {
color: #333;
} .single-noticia h3 {
color: #333;
} .single-noticia ol li {
color: #333;
} #single-ruta {
background: white;
} #single-ruta h1 {
color: #333;
} #single-ruta h2 {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1.4em;
color: #333;
font-size: 32px;
} #single-ruta h3 {
font-family: 'Amatic SC', sans-serif;
font-weight: 400;
padding: 0;
line-height: 1.4em;
color: #333;
font-size: 28px;
} #single-ruta p {
color: #333;
} #single-ruta .gallery dl, #single-ruta #gallery-1 dl {
margin-bottom: 0 !important;
} #single-ruta .gallery dl.gallery-item, #single-ruta #gallery-1 dl.gallery-item {
margin: 0 !important;
} #single-ruta #sigueExplorando {
max-width: 99%;
margin: auto;
width: 1000px;
} #single-ruta #sigueExplorando h3 {
font-family: sans-serif;
font-weight: bold;
padding: 20px 5px 5px 5px;
color: #333;
font-size: 22px;
} #single-ruta .relatedRutas {
float: left;
max-width: 24%;
margin-left: 0.5%;
margin-right: 0.5%;
background-color: #5A492F;
overflow: hidden;
margin-bottom: 20px;
} #single-ruta .relatedRutas img {
max-width: 90%;
margin: 5% auto auto;
display: block;
} #single-ruta .relatedRutas h4 {
color: #FFF !important;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 13px;
} #campana-home a.moreEventsUrl {
margin-top: -10px;
display: block;
float: right;
margin-bottom: 5px;
} #campana-home .tribe-mini-calendar-event .list-info h2 a {
color: #EEE !important;
} #campana-home .tribe-mini-calendar-list-wrapper {
overflow: hidden;
max-height: 155px;
} #campana-home .tribe-mini-calendar-list-wrapper .duration {
display: none;
} #sb_instagram .sb_instagram_header h3 {
font-size: 35px;
} #sb_instagram .sbi_header_text .sbi_bio {
display: none;
} html, body {
height: 100%;
} #root {
clear: both;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -220px;
} #root #root_footer {
height: 220px;
} #footer {
clear: both;
position: relative;
height: 220px;
}   @media only screen and (max-width: 767px) { html body #top-header.fixed {
position: relative;
top: 0px;
z-index: 99999;
} html body #top-header #top-bar .twelve.columns {
padding: 0px;
} html body #top-header #top-bar .twelve.columns #nav {
padding: 0px;
} html body #top-header #top-bar .twelve.columns #nav ul.menu li {
padding: 0px;
} html body #top-header #top-bar .twelve.columns #nav ul.menu li img {
min-width: 50%;
} html body #top-header #top-bar .twelve.columns #nav ul.menu li a {
font-size: 45px;
} html body #root .content {
min-height: 200px;
} html body #root .content .container {
padding: 10px;
} html body #root .content .container .container {
padding: 10px;
} html body #root .content .container-medium {
padding: 10px;
} html body #root .content .container-wide {
padding: 0 10px;
} html body #root .content .container-tall {
padding: 10px 0px;
} html body #root .content .container-small {
padding: 5px 0px;
} html body #root .content .container-up {
padding: 10px 10px 0px;
} html body #root .content .container-down {
padding: 0px 10px 10px;
} html body footer {
min-height: 340px;
text-align: center;
} html body footer a {
color: #473f3b;
font-size: 12px;
line-height: 1.2em;
font-weight: bold;
} html body footer h3 { font-size: 42px;
} html body footer #footer-info p { margin-bottom: 0;
} html body footer #footer-info a {
color: #ff6600;
} html body footer #footer-info a:hover {
color: #ff3400;
} html body footer #footer-info iframe {
padding-top: 15px;
} html body footer #footer-info #logosfoot .columns {
padding-left: 0;
} html body footer #footer-info #logosfoot #logo-spda {
padding-top: 8px;
} html body footer #footer-pages li {
line-height: 1.4em;
} html body footer #footer-pages li a {
display: block;
padding: 15px 20px;
text-align: center;
background: #473f3b;
color: white;
margin: 0 10px 3px;
} html body footer #footer-pages li a:hover {
background: #69615d;
} html body footer #footer-pages li.current_page_item a {
background: #ffaa00;
}
}
@media (min-width: 768px) and (max-width: 930px) { #inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block {
max-height: 150px;
}
}
@media (max-width: 767px) { .huge_it_slideshow_title_text_1 {
display: none !important;
} #inicio-grid ul.block-grid li.grid-item a .image-block, #inspirate-news ul.block-grid li.grid-item a .image-block {
max-width: 500px;
margin: auto;
max-height: 190px;
} #inicio-grid ul.block-grid li.grid-item a .image-block img, #inspirate-news ul.block-grid li.grid-item a .image-block img {
margin: auto;
display: block;
} .news-blocks ul.block-grid li.grid-item a .image-block {
max-width: 500px;
margin: auto;
} .news-blocks ul.block-grid li.grid-item a .image-block .image-overflow {
height: auto !important;
} .news-blocks ul.block-grid li.grid-item a .image-block img {
width: 100% !important;
min-height: 0px !important;
height: auto !important;
margin: auto;
display: block;
} #root ul.mosaicos-single {
max-width: 500px;
margin: auto;
margin-top: 50px;
} #root ul.mosaicos-single li a.mosaicos-block .row.image-overflow {
height: auto;
} #root ul.mosaicos-single li a.mosaicos-block .row.image-overflow img {
width: 100% !important;
min-height: 0px !important;
height: auto !important;
} #kuyapanakuy-grid .video-left {
margin-bottom: 25px;
}
}
@media (max-width: 620px) { html body #top-header #top-bar .twelve.columns #nav ul.menu li a {
font-size: 36px;
}
}
@media (max-width: 500px) { #top-header #extras-bar {
height: 95px;
} #top-header #extras-bar ul li {
width: 33% !important;
} #top-header #extras-bar ul li.last {
width: 100% !important;
} html body #top-header #top-bar .twelve.columns #nav ul.menu li a {
font-size: 25px;
} #root #conocenos-intro .grid-item, #root #inspirate-intro .grid-item, #root #haz-intro .grid-item {
width: 100%;
}
}
@media (max-width: 400px) { #inspirate-page #inspirate-videos .grid-item {
height: auto;
} #inspirate-page #inspirate-videos .grid-item img {
width: 94% !important;
min-height: 0px !important;
height: auto !important;
}
}
#footer-social {
padding-left: 0px;
padding-right: 0px;
color: #e3deca;
padding-top: 12px !important;
}
#footer-social p {
font-size: 13px;
font-family: 'Roboto';
text-align: center;
font-weight: 400;
padding-top: 0px;
padding-bottom: 5px;
color: #e3deca;
}
#footer-links ul {
padding-top: 80px;
}
#footer-links ul a {
color: #e3deca;
font-weight: normal;
}
#footer-links ul a:hover {
color: #F90;
}
#footer-links ul li {
margin-bottom: 16px;
display: block;  
} 
footer #footer-info {
margin-top: 50px;
}
footer #footer-info p {
font-family: 'Roboto';
font-size: 13px;
line-height: 1.4;
color: #e3deca;
}
footer #footer-info a {
color: #e3deca;
font-size: 13px;
font-family: 'Roboto';
font-weight: normal;
}
footer form {
margin-bottom: 0px;
}
footer #contactForm input {
outline: none;
color: white;
background: #322b25;
border: 1px solid #f0a901;
}
footer #contactForm .wpcf7-submit {
border: none;
border-radius: 1px;
height: 32px;
background: #f0a901;
font-weight: 600;
text-transform: uppercase;
padding-left: 12px;
padding-right: 12px;
color: #372f2c;
}
footer #contactForm {
background:  none;
}
footer #contactForm h6 {
font-family: 'Roboto';
color: #e3deca;
text-transform: uppercase;
font-size: 13px;
text-align: center;
margin-top: 50px;
margin-bottom: 0px;
}
footer #contactForm .screen-reader-response {
font-size: 12px;
padding-top: 10px;
text-align: center;
}
footer #contactForm .wpcf7-not-valid-tip {
font-size: 12px;
}
@media only screen and (max-width: 767px) {
footer #footer-info {
margin-top: 0px;
}
footer #contactForm h6 {
margin-top: 0px;
}
#footer-links ul {
display: none;
}
#footer-social {
padding-top: 0px !important;
}
#footer-social .row.container {
max-width: 500px;
}
html body footer #footer-info a {
color: #e3deca;
font-family: 'Roboto';
font-size: 13px;
}
}
#top-header #top-bar #nav ul.menu li a {
font-family: 'Ludicrous';
font-size: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
}
#top-header #top-bar #nav ul.menu li {
padding-bottom: 0px;
}
#top-header #extras-bar ul li a {
text-transform: uppercase;
font-size: 12px;
font-family: 'Roboto';
}
#top-header.fixed #logo-cp {
width: 45px;
height: 50px;
}
#top-header.fixed #logo-cp img {
max-width: 180px;
}
@media (max-width: 767px) {
html body #top-header #top-bar .twelve.columns #nav ul.menu li a {
font-size: 30px;
}
#top-header #extras-bar {
height: 95px;
}
}
@media (max-width: 620px) {
html body #top-header #top-bar .twelve.columns #nav ul.menu li a {
font-size: 24px;
}
}
@media (max-width: 480px) {
html body #top-header #top-bar .twelve.columns #nav ul.menu li a {
font-size: 18px;
}
}
iframe[id^="oauth2relay"] { position: fixed !important; }
#top-header #home-search #searchform #search {
background: none;
border-bottom: 1px solid #866019;
padding-left: 30px;
}
#top-header #home-search #searchform #search-button {
background: none;
position: absolute;
left: 0px;
width: 23px;
padding: 0px;
}
li.select-style {
overflow: hidden;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/img/icon-select.png) no-repeat 90% 50%;;
width: 240px;
border: 1px solid #bdbdbd;
height: 45px;
}
.select-style select {
padding: 5px 8px;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
width: 260px !important;
float: left !important;
border: none !important;  
}
.select-style select:focus {
outline: none;
}
@media (max-width: 767px) {
.select-style select { 
float: none !important;
}
} #inicio-page .image-block .main-block {
position: absolute;
top: 15px;
left: 0px;
width: 100%;
text-align: center;
}
#inicio-page .image-block .main-block h3 {
margin: auto;
max-width: 180px;
font-size: 22px;
border-top: 1px solid white;
padding-top: 10px;
}
#inicio-page .image-block .main-block .icon {
max-width: 160px;
margin-bottom: 6px;
}
#inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block {
max-height: 206px;
}
#inicio-page #inicio-grid ul.block-grid li.grid-item a .image-block .conocenos h4 {
background: rgba(168, 155, 61, 0.78);
box-shadow: 0 0 0 5px rgba(168, 155, 61, 0.78);
color: white;
}
#inicio-page #inicio-grid .home-grid-title {
font-family: 'Ludicrous';
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 1em;
text-transform: uppercase;
font-size: 36px;
}
@media (max-width: 920px) and (min-width: 767px) {
.select-style select { 
float: none !important;
}
#inicio-page .image-block .main-block h3 {
font-size: 18px;
}
#inicio-page .image-block .main-block .icon {
max-width: 120px;
margin-bottom: 6px;
}
} #root #carnet-page.content {
padding-bottom: 0px;
}
#carnet-page h3 {
font-size: 18px;
text-align: center;
font-weight: normal;
font-family: 'Roboto';
padding-top: 0px;
}
#carnet-page #banner-bottom-explora {
min-height: 550px; 
}
#carnet-page ul li {
padding: 0px;
}
#carnet-page ul li.content.destino {
padding-bottom: 10px;
}
#carnet-page ul li select {
width: 240px;
font-family: 'Roboto';
font-size: 14px;
float: right;
height: 45px;
background: rgba(0,0,0,0.34);
border: 1px solid #bdbdbd;
color: white;
padding-left: 18px;
outline: none;
cursor: pointer;
}
#carnet-page ul li.right {
float:left;
border-left: none;
}
#carnet-page #button-explora {
background: #ffaa00;
color: #362e2a;
font-weight: 700;
width: 118px;
height: 45px;
border: 1px solid #bdbdbd;
border-left: none;
text-align: center;
padding-top: 10px;
font-family: 'Roboto';
font-size: 15px;
cursor: pointer;
}
#carnet-page .search-controls {
width: 600px;
margin: auto;
margin-top: 200px;
}
#carnet-page #voluntariado_button {
position: fixed;
width: 220px;
height: 45px;
color: white;
background: #fa593c;
bottom: 0px;
right: 0px;
box-sizing: border-box;
padding: 5px;
text-align: center;
padding-top: 5px;
font-size: 15px;
cursor: pointer;
font-family: 'Roboto';
font-weight: bold;
letter-spacing: 2px;
z-index: 999;
}
#carnet-page #voluntariado_button .voluntariado_line {
display: inline-block;
width: 1px;
height: 25px;
background: white;
background: rgba(255,255,255, 0.5);
margin-left: 6px;
position: relative;
top: 6px;
}
#carnet-page #voluntariado_button .voluntariado_arrow {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/<?php echo get_template_directory_uri() ?>/images/img/arrowRight.png");
height: 16px;
width: 9px;
display: inline-block;
margin-left: 16px;
position: relative;
top: 2px;
}
#lista-beneficios, #lista-areas {
background: #483e3c;
}
#carnet-page #lista-areas {
border-top: none;
}
#carnet-page #lista-beneficios .row.main {
background: #362e2a;
overflow: hidden;
margin-left: 0px;
margin-right: 0px;
max-width: none;
}
#carnet-page #lista-beneficios .tipo-beneficios {
color: white;
text-transform: uppercase;
margin-top: 10px;
}
#carnet-page #lista-beneficios .tipo-beneficios li {
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
#carnet-page #lista-beneficios .tipo-beneficios li.active {
color: #f0a901;
}
#carnet-page #lista-beneficios h2, #carnet-page #lista-areas h2 {
color: white;
margin-bottom: 0px;
margin-top: 30px;
padding-left: 5px;
font-family: 'Ludicrous', 'Amatic SC';
font-size: 42px;
}
#carnet-page #lista-beneficios span.white-line, #carnet-page #lista-areas span.white-line {
display: block;
background: #ebe6e3;
height: 2px;
border-radius: 8%;
}
#carnet-page #lista-beneficios p, #carnet-page #lista-areas p {
padding-left: 5px;
padding-top: 5px;
font-size: 14px;
}
#carnet-page #lista-beneficios p.departamentos {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
position: absolute;
bottom: 6px;
line-height: 1.5;
}
#carnet-page #lista-beneficios p.departamentos span {
color: #adadaf;
display: block;
text-transform: uppercase;
font-family: Roboto;
font-weight: 500;
font-size: 12px;
}
#carnet-page #lista-beneficios {
color: white;
}
#carnet-page #lista-beneficios div.desc {
color: #372e29;
font-size: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
line-height: 1.3;
}
#carnet-page #lista-beneficios div.desc p {
color: #372e29;
font-size: 15px;
padding-bottom: 0px;
line-height: 1.3;
}
#carnet-page #lista-beneficios .masInfo {
color: #372e29;
padding-left: 20px;
font-weight: bold;
font-size: 16px;
margin-top: 20px;
display: block;
}
#carnet-page #lista-beneficios .masInfo img {
height: 16px !important;
margin-top: 0px;
display: inline !important;
position: relative;
top: 2px;
margin-left: 2px;
}
#carnet-page #lista-areas .first {
border-top: 1px solid #776f6c;
}
#carnet-page #lista-beneficios ul.block-grid li {
overflow: hidden;
border: 10px solid #483e3c;
background: #f8f8fa;
padding: 0px;
position: relative;
display: block;
height: 294px;
border-radius: 0px;
}
#carnet-page #lista-beneficios ul.block-grid li:nth-child(even) {
background: #e5decc;
}
#carnet-page #lista-beneficios ul.block-grid li a .titulo-block {
display: none;
}
#carnet-page #lista-beneficios ul.block-grid li:hover a .titulo-block {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
color: white;
background: orange;
display: block;
}
#carnet-page #lista-beneficios ul.block-grid li img {
height: 220px;
margin: auto;
display: block;
margin-top: 6%;
}
#carnet-page #lista-beneficios ul.block-grid li a .titulo-block h4 {
color: #232325;
padding-left: 20px;
padding-right: 20px;
padding-top: 14px;
font-size: 18px;
font-weight: 500;
font-family: 'Roboto';
font-weight: bold;
padding-top: 6px;
}
#carnet-page #main {
padding: 0px;
}
#carnet-page .page-title {
text-align: center;
font-weight: normal;
max-width: 90%;
margin-left: auto;
font-family: 'Ludicrous', 'Amatic SC';
font-size: 80px;
margin-top: 20px;
text-align: right;
text-shadow: 2px 2px 15px rgb(140, 140, 140);
margin-right: 10px;
margin-bottom: 0px;
line-height: 1em;
}
#carnet-page .page-title img {
display: inline;
float: none;
position: relative;
top: -5px;
height: auto;
width: auto;
margin-right: 5px;
margin-left: 5px;
}
#carnet-page #masrutas, #carnet-page #masdestinos {
color: white;
cursor: pointer;
text-align: right;
font-weight: bold;
font-family: 'Roboto';
}
#carnet-page #lista-areas ul.block-grid li a {
border: 4px solid rgb(72, 62, 60);
background: rgb(108, 91, 65) none repeat scroll 0% 0%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
#carnet-page #lista-areas ul.block-grid li a .image-block {
position: relative;
}
#carnet-page #lista-areas ul.block-grid li a:hover {
background: rgb(108, 91, 65) none repeat scroll 0% 0%;
}
#carnet-page  #lista-areas ul.block-grid li a:hover .overlay {
width: 100%;
height: 150px;
position: absolute;
top: 0px;
left: 0px;
background: rgba(108, 91, 65, 0.72);
}
#carnet-page  #lista-areas ul.block-grid li a:hover .overlay .more {
width: 35px;
height: 35px;
display: block;
position: absolute;
top: 0px;
right: 0px;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/<?php echo get_template_directory_uri() ?>/images/img/plusDestino.png");
background-color: rgba(63, 48, 30, 0.8);
background-repeat: no-repeat;
background-position: center center;
}
#carnet-page #lista-areas ul.block-grid li a img {
height: 150px;
}
#carnet-page #lista-areas ul.block-grid li a .titulo-block h4 {
padding-left: 10px;
padding-right: 10px;
height: 38px;
font-family: 'Roboto';
font-weight: 300;
}
#carnet-page #explora-intro .containerArrowDown {
position: absolute;
bottom: 25px;
width: 100%;
}
#carnet-page #explora-intro .containerArrowDown .arrowDown {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/<?php echo get_template_directory_uri() ?>/images/img/arrowDown.png");
width: 30px;
height: 16px;
position: relative;
margin: auto;
cursor: pointer;
}
#carnet-page .main-buttons .twelve {
margin-top: 360px;
text-align: center;
}
#carnet-page .main-button {
background: #ffaa01;
color: #444;
padding-left: 18px;
padding-right: 18px;
height: 45px;
font-weight: bold;
font-size: 13px;
font-family: 'Roboto';
display: inline-block;
box-sizing: border-box;
padding-top: 14px;
margin-bottom: 15px;
border: 2px solid #333;
border: 2px solid rgba(50,50,50,0.7);
}
#carnet-page #explora-intro {
min-height: 550px;
}
#carnet-page .row.container-titles {
position: absolute;
right: 0px;
top: 0px;
}
#carnet-page .row.container-titles h3 {
text-align: right;
margin-right: 40px;
margin-top: 0px;
text-shadow: 2px 2px 5px rgb(80, 80,80);
}
@media only screen and (max-width: 767px) {
#carnet-page .main-buttons .twelve {
margin-top: 250px;
}
#carnet-page .page-title {
font-size: 45px;
margin-top: 50px;    
}
#carnet-page #explora-intro {
min-height: 350px;
}
#carnet-page #explora-intro .row .offset-by-two {
width: 100%;
}
#carnet-page h3 {
font-size: 18px;
}
#carnet-page .search-controls {
max-width: 240px;
margin: auto;
position: relative;
display: block;
}
#carnet-page .search-controls li {
float: none;
margin-bottom: 8px;
}
#carnet-page ul li select, #carnet-page ul li.right {
float: none;
border-left: 1px solid #bdbdbd;
}
#carnet-page .select-style select { 
float: none !important;
}
#carnet-page #button-explora {
border-left: 1px solid #bdbdbd;
width: 240px;
}
#carnet-page ul li.content.destino {
max-width: 233px;
margin: auto;
float: none;
display: block;
}
#carnet-page #lista-beneficios ul.block-grid li {
max-width: 350px;
float: none;
}
#carnet-page #banner-bottom-explora {
min-height: 380px; 
}
} #carnet-page  #beneficio-block {
background: #e5decc;
position: relative;
}
#carnet-page  #beneficio-block .volver {
font-size: 22px;
font-family: 'Roboto';
font-weight: 800;
float: right;
}
#carnet-page  #beneficio-block .volver a {
color: #372e29;
}
#carnet-page  #beneficio-block .volver img {
top: 5px;
position: relative;
}
#carnet-page  #beneficio-block h2 {
background: #ffaa01;
padding: 20px;
padding-bottom: 5px;
color: #372e29;
border-bottom: 11px solid #473f3c;
padding-left: 5%;
padding-right: 5%;
font-size: 50px;
}
#carnet-page  #beneficio-block h3 {
color: #362f29;
font-weight: bold;
font-size: 29px;
text-align: left;
margin-top: 30px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
border-bottom: 1px solid #362f29;    
margin-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
}
#carnet-page  #beneficio-block p {
width: 90%;
margin-left: 5%;
margin-right: 5%;
color: #362f29;
font-size: 16px;
padding-left: 0px;
padding-right: 0px;
}
#carnet-page  #beneficio-block p a {
color: #362f29;
}
#carnet-page  #beneficio-block p.main {
font-size: 18px;
}
#carnet-page  #beneficio-block h4 {
color: #362f29;
font-size: 18px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
border-bottom: 1px solid #362f29;
padding-bottom: 5px;
margin-bottom: 3px;
margin-top: 0px;
}
#carnet-page  #beneficio-block ul {
width: 90%;
margin: auto;
}
#carnet-page  #beneficio-block ul li {
width: 33%;
display: inline-block;
}
#carnet-page  #beneficio-block .rwmb-map-canvas {
width: 90% !important;
margin-left: 5%;
}
#carnet-page #popup {
width: 100%;
position: absolute;
top: 0px;
z-index: 9999;
height: 100%;
display: none;
cursor: pointer;
}
#carnet-page #popup .overlay {
height: 100%;
width: 100%;
background: rgba(0,0,0,0.7);
position: fixed;
top: 0px;
}
#carnet-page #popup .overlay img {
max-width: 90%;
border-radius: 10px;
margin: auto;
position: relative;
display: block;
max-height: 90%;
top: 5%;
cursor: auto;
}
#inspirate-page #inspirate-intro p {
color: white;
font-size: 16px;
}
@media only screen and (max-width: 980px) {
#carnet-page  #beneficio-block ul li {
width: 32.5%;
}
}
@media only screen and (max-width: 767px) {
#carnet-page  #beneficio-block .rwmb-map-canvas {
height: 300px !important;
}
}
@media only screen and (max-width: 400px) {
#carnet-page  #beneficio-block ul li {
width: 32.3%;
}
} #root #conserva-page.content {
padding-bottom: 0px;
}
#conserva-page h3 {
font-size: 18px;
text-align: center;
font-weight: normal;
font-family: 'Roboto';
padding-top: 0px;
}
#conserva-page .clearfix {
clear: both;
}
#conserva-page #banner-bottom-explora {
min-height: 550px; 
}
#conserva-page ul li {
padding: 0px;
}
#conserva-page ul li.content.destino {
padding-bottom: 10px;
}
#conserva-page ul li select {
width: 240px;
font-family: 'Roboto';
font-size: 14px;
float: right;
height: 45px;
background: rgba(0,0,0,0.34);
border: 1px solid #bdbdbd;
color: white;
padding-left: 18px;
outline: none;
cursor: pointer;
}
#conserva-page ul li.right {
float:left;
border-left: none;
}
#conserva-page #button-explora {
background: #ffaa00;
color: #362e2a;
font-weight: 700;
width: 118px;
height: 45px;
border: 1px solid #bdbdbd;
border-left: none;
text-align: center;
padding-top: 10px;
font-family: 'Roboto';
font-size: 15px;
cursor: pointer;
}
#conserva-page .search-controls {
width: 600px;
margin: auto;
margin-top: 200px;
}
#conserva-page #voluntariado_button {
position: fixed;
width: 220px;
height: 45px;
color: white;
background: #fa593c;
bottom: 0px;
right: 0px;
box-sizing: border-box;
padding: 5px;
text-align: center;
padding-top: 5px;
font-size: 15px;
cursor: pointer;
font-family: 'Roboto';
font-weight: bold;
letter-spacing: 2px;
z-index: 999;
}
#conserva-page #voluntariado_button .voluntariado_line {
display: inline-block;
width: 1px;
height: 25px;
background: white;
background: rgba(255,255,255, 0.5);
margin-left: 6px;
position: relative;
top: 6px;
}
#conserva-page #voluntariado_button .voluntariado_arrow {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/<?php echo get_template_directory_uri() ?>/images/img/arrowRight.png");
height: 16px;
width: 9px;
display: inline-block;
margin-left: 16px;
position: relative;
top: 2px;
}
#conserva-page #mapaBecarios {
width: 350px;
height: 412px;
margin: auto;
position: relative;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapaOutline.png);
background-size: contain;
}
#conserva-page #mapaBecarios .departamentoBg {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
#conserva-page #mapaBecarios .departamentoBg .departamento-desc {
font-family: 'Ludicrous', 'Amatic SC';
font-size: 33px;
width: 255px;
color: #F99E2C;
position: absolute;
}
#conserva-page #mapaBecarios .departamentoBg .departamento-arrow-right {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/arrow-right-mapa.png);
width: 128px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
right: 0px;
top: 14px;
}
#conserva-page #mapaBecarios .departamentoBg .departamento-arrow-left {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/arrow-left-mapa.png);
width: 128px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
left: 0px;
top: 14px;
}
#conserva-page #mapaBecarios .departamentoBg.dep1 .departamento-desc {
top: 21%;
left: -62%;
width: 310px;
}
#conserva-page #mapaBecarios .departamentoBg.dep6 .departamento-desc {
top: 33%;
left: -67%;
width: 315px;
}
#conserva-page #mapaBecarios .departamentoBg.dep14 .departamento-desc {
top: 58%;
left: -38%;  
}
#conserva-page #mapaBecarios .departamentoBg.dep15 .departamento-desc {
top: 16%;
right: -40%;
text-align: right;
width: 275px;
}
#conserva-page #mapaBecarios .departamentoBg.dep21 .departamento-desc  {
top: 33%;
right: -27%;
text-align: right;
width: 330px;
}
#conserva-page #mapaBecarios .departamentoBg.dep1 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa1.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep2 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa2.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep3 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa3.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep4 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa4.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep5 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa5.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep6 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa6.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep7 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa7.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep8 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa8.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep9 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa9.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep10 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa10.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep11 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa11.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep12 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa12.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep13 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa13.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep14 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa14.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep15 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa15.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep16 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa16.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep17 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa17.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep18 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa18.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep19 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa19.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep20 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa20.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep21 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa21.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep22 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa22.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep23 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa23.png);
background-size: contain; 
}
#conserva-page #mapaBecarios .departamentoBg.dep24 {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/mapa24.png);
background-size: contain; 
}
#conserva-page #lista-areas {
border-top: none;
}
#conserva-page #lista-beneficios {
background: #362e2a;
}
#conserva-page #lista-beneficios .row.main {
background: #362e2a;
overflow: hidden;
margin-left: 0px;
margin-right: 0px;
max-width: none;
}
#conserva-page #lista-beneficios .row.container-down {
background: #362e2a;
}
#conserva-page #lista-beneficios .tipo-beneficios {
color: white;
text-transform: uppercase;
margin-top: 10px;
}
#conserva-page #lista-beneficios .tipo-beneficios li {
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
#conserva-page #lista-beneficios .tipo-beneficios li.active {
color: #f0a901;
}
#conserva-page #lista-beneficios h2, #conserva-page #lista-areas h2 {
color: #dad5c3;
margin-bottom: 0px;
margin-top: 30px;
padding-left: 5px;
font-family: 'Ludicrous', 'Amatic SC';
font-size: 42px;
font-weight:  normal;
}
#conserva-page #lista-beneficios span.white-line, #conserva-page #lista-areas span.white-line {
display: block;
background: #dad5c3;
height: 1px;
}
#conserva-page #lista-beneficios span.gray-line {
display: block;
background: #dad5c3;
height: 1px;
}
#conserva-page #lista-beneficios p, #conserva-page #lista-areas p {
color: #dad5c3;
padding-left: 5px;
padding-top: 5px;
font-size: 18px;
}
#conserva-page #lista-beneficios p b {
color: #F99E2C;
}
#conserva-page #lista-beneficios p.departamentos {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
position: absolute;
bottom: 6px;
line-height: 1.5;
}
#conserva-page #lista-beneficios p.departamentos span {
color: #adadaf;
display: block;
text-transform: uppercase;
font-family: Roboto;
font-weight: 500;
font-size: 12px;
}
#conserva-page #lista-beneficios {
color: white;
}
#conserva-page #lista-beneficios div.desc {
color: #372e29;
font-size: 18px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
line-height: 1.3;
}
#conserva-page #lista-beneficios div.desc p {
color: #372e29;
font-size: 15px;
padding-bottom: 0px;
line-height: 1.3;
}
#conserva-page #lista-beneficios .masInfo {
color: #372e29;
padding-left: 20px;
font-weight: bold;
font-size: 16px;
margin-top: 20px;
display: block;
}
#conserva-page #lista-beneficios .masInfo img {
height: 16px !important;
margin-top: 0px;
display: inline !important;
position: relative;
top: 2px;
margin-left: 2px;
}
#conserva-page #lista-areas .first {
border-top: 1px solid #776f6c;
}
#conserva-page #lista-beneficios ul.block-grid li {
overflow: hidden;
background: #f8f8fa;
padding: 0px;
position: relative;
display: block;
border-radius: 0px;
border: 10px solid #362e2a;
height: auto;
min-height: 0px;
}
#conserva-page #lista-beneficios .auspiciadores ul.block-grid li {
border: 0px;
}
#conserva-page #lista-beneficios ul.block-grid li:nth-child(even) {
background: #e5decc;
}
#conserva-page #lista-beneficios ul.block-grid li a .titulo-block {
display: none;
}
#conserva-page #lista-beneficios ul.block-grid li:hover a .titulo-block {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
color: white;
background: #D1CDBA;
display: block;
}
#conserva-page #lista-beneficios ul.block-grid li img {
height: 220px;
margin: auto;
display: block;
margin-top: 6%;
}
#conserva-page .bx-wrapper {
max-width: 100%;
box-shadow: none;
border: 0px;
background: transparent;
}
#conserva-page .bx-wrapper .bx-prev {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/arrow-becarios-left.png);
left: -50px;
width: 48px;
height: 90px;
background-repeat: no-repeat;
}
#conserva-page .bx-wrapper .bx-next {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/wp-content/themes/conservamosTheme/images/arrow-becarios-right.png);
right: -50px;
width: 48px;
background-repeat: no-repeat;
height: 90px;
}
.block-grid.three-up {
margin: 0px;
}
#conserva-page .aplicaButton {
display: block;
height: auto;
background: #F99E2C;
font-size: 18px;
padding: 14px;
text-align: center;
font-weight: bold;
color: #2F2927;
margin-top: 25px;
text-decoration:  none;
box-sizing: border-box;
border: 2px solid #F99E2C;
}
#conserva-page .aplicaButton.left {
float: left;
width: 49%;
margin-right: 1%;
}
#conserva-page .aplicaButton.right { 
float: right;
width: 49%;
margin-left: 1%;
}
#conserva-page .aplicaButton:hover {
background: transparent;
border: 2px solid #F99E2C;
color: #F99E2C;
}
#conserva-page #lista-beneficios ul.block-grid li .image-block img {
display: block;
margin: 0px;
width: 100%;
height: auto;
}
#conserva-page #lista-beneficios ul.block-grid li a .titulo-block h4 {
color: #232325;
padding-left: 20px;
padding-right: 20px;
padding-top: 14px;
font-size: 28px;
line-height: 1em;
font-weight: 500;
padding-bottom: 0px;
font-family: 'Roboto';
font-weight: bold;
padding-top: 6px;
}
#conserva-page #main {
padding: 0px;
}
#conserva-page .page-title {
text-align: center;
font-weight: normal;
font-family: 'Ludicrous', 'Amatic SC';
font-size: 80px;
margin-top: 150px;
text-shadow: 1px 1px 15px rgb(0, 0, 0);
line-height: 1em;
}
#conserva-page .page-title img {
display: inline;
float: none;
position: relative;
top: -5px;
height: auto;
width: auto;
margin-right: 5px;
margin-left: 5px;
}
#conserva-page #masrutas, #conserva-page #masdestinos {
color: white;
cursor: pointer;
text-align: right;
font-weight: bold;
font-family: 'Roboto';
}
#conserva-page #lista-areas ul.block-grid li a {
border: 4px solid rgb(72, 62, 60);
background: rgb(108, 91, 65) none repeat scroll 0% 0%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
#conserva-page #lista-areas ul.block-grid li a .image-block {
position: relative;
}
#conserva-page #lista-areas ul.block-grid li a:hover {
background: rgb(108, 91, 65) none repeat scroll 0% 0%;
}
#conserva-page  #lista-areas ul.block-grid li a:hover .overlay {
width: 100%;
height: 150px;
position: absolute;
top: 0px;
left: 0px;
background: rgba(108, 91, 65, 0.72);
}
#conserva-page  #lista-areas ul.block-grid li a:hover .overlay .more {
width: 35px;
height: 35px;
display: block;
position: absolute;
top: 0px;
right: 0px;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/<?php echo get_template_directory_uri() ?>/images/img/plusDestino.png");
background-color: rgba(63, 48, 30, 0.8);
background-repeat: no-repeat;
background-position: center center;
}
#conserva-page #lista-areas ul.block-grid li a img {
height: 150px;
}
#conserva-page #lista-areas ul.block-grid li a .titulo-block h4 {
padding-left: 10px;
padding-right: 10px;
height: 38px;
font-family: 'Roboto';
font-weight: 300;
}
#conserva-page #explora-intro .containerArrowDown {
position: absolute;
bottom: 25px;
width: 100%;
}
#conserva-page #explora-intro .containerArrowDown .arrowDown {
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/stylesheets/<?php echo get_template_directory_uri() ?>/images/img/arrowDown.png");
width: 30px;
height: 16px;
position: relative;
margin: auto;
cursor: pointer;
}
#conserva-page .main-buttons .twelve {
margin-top: 360px;
text-align: center;
}
#conserva-page .main-button {
background: #ffaa01;
color: #444;
padding-left: 18px;
padding-right: 18px;
height: 45px;
font-weight: bold;
font-size: 13px;
font-family: 'Roboto';
display: inline-block;
box-sizing: border-box;
padding-top: 14px;
margin-bottom: 15px;
border: 2px solid #333;
border: 2px solid rgba(50,50,50,0.7);
}
#conserva-page #explora-intro {
min-height: 550px;
}
#conserva-page .row.container-titles {
position: absolute;
right: 0px;
top: 0px;
}
#conserva-page .row.container-titles h3 {
text-align: right;
margin-right: 40px;
margin-top: 0px;
text-shadow: 2px 2px 5px rgb(80, 80,80);
}
@media only screen and (max-width: 767px) {
#conserva-page .main-buttons .twelve {
margin-top: 250px;
}
#conserva-page .page-title {
font-size: 45px;
margin-top: 50px;    
}
#conserva-page #explora-intro {
min-height: 350px;
}
#conserva-page #explora-intro .row .offset-by-two {
width: 100%;
}
#conserva-page h3 {
font-size: 18px;
}
#conserva-page .search-controls {
max-width: 240px;
margin: auto;
position: relative;
display: block;
}
#conserva-page .search-controls li {
float: none;
margin-bottom: 8px;
}
#conserva-page ul li select, #conserva-page ul li.right {
float: none;
border-left: 1px solid #bdbdbd;
}
#conserva-page .select-style select { 
float: none !important;
}
#conserva-page #button-explora {
border-left: 1px solid #bdbdbd;
width: 240px;
}
#conserva-page ul li.content.destino {
max-width: 233px;
margin: auto;
float: none;
display: block;
}
#conserva-page #lista-beneficios ul.block-grid li {
max-width: 350px;
float: none;
}
#conserva-page #banner-bottom-explora {
min-height: 380px; 
}
#conserva-page .bx-wrapper .bx-controls-direction {
position: absolute;
top: -38px;
right: 0px;
width: 30%;
}
#conserva-page .bx-wrapper .bx-next {
right: 0px;
width: 30px;
height: 30px;
background-size: contain;
}
#conserva-page .bx-wrapper .bx-prev {
left: 0px;
width: 30px;
height: 30px;
background-size: contain;
}
#conserva-page #mapaBecarios {
width: 160px;
height: 188px;
left: 8px;
position: relative;
}
#conserva-page #mapaBecarios .departamentoBg .departamento-desc {
font-size: 16px;
width: 124px;
}
#conserva-page #mapaBecarios .departamentoBg.dep1 .departamento-desc {
top: 17%;
left: -50%;
width: 124px;
}
#conserva-page #mapaBecarios .departamentoBg.dep6 .departamento-desc {
top: 29.5%;
left: -48%;
width: 118px;
}
#conserva-page #mapaBecarios .departamentoBg.dep14 .departamento-desc {
top: 56%;
left: -38%;
}
#conserva-page #mapaBecarios .departamentoBg.dep15 .departamento-desc {
top: 11%;
right: -40%;
text-align: right;
width: 121px;
}
#conserva-page #mapaBecarios .departamentoBg.dep21 .departamento-desc {
top: 33%;
right: -27%;
text-align: right;
width: 152px;
}
} #conserva-page  #beneficio-block {
background: #e5decc;
position: relative;
margin-top:  25px;
}
#conserva-page  #beneficio-block .volver {
font-family: 'Roboto';
font-weight: 800;
float: right;
margin-right: 10px;
margin-top: 5px;
font-size: 18px;
font-weight: 400;
padding-top: 12px;
}
#conserva-page  #beneficio-block .volver a span {
font-weight: bold;
margin-left: 5px;
margin-right: 10px;
}
#conserva-page  #beneficio-block .volver a {
color: #372e29;
}
#conserva-page  #beneficio-block .volver img {
top: 5px;
position: relative;
}
#conserva-page #beneficio-block .becario-img {
max-width: 350px;
padding: 40px;
float: left;
padding-top: 30px;
padding-bottom: 15px;
}
#conserva-page #beneficio-block .mapa-img {
width: 200px;
float: left;
margin-top: 40px;
}
#conserva-page #beneficio-block .divisor-container {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
#conserva-page #beneficio-block .divisor-container .divisor {
width: 100%;
height: 1px;
background: #302A27;
}
#conserva-page #beneficio-block .info-proyecto {
padding-top: 30px;
width: 300px;
float: left;
}
#conserva-page  #beneficio-block h2 {
background: #ffaa01;
padding: 20px;
padding-bottom: 5px;
color: #372e29;
border-bottom: 11px solid #473f3c;
padding-left: 5%;
padding-right: 5%;
font-size: 50px;
font-family: Helvetica;
font-size: 32px;
border-bottom: 0px;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 15px;
font-weight: bold;
}
#conserva-page #beneficio-block h2 span {
display: block;
font-weight: lighter;
font-family: 'Roboto';
font-size: 24px;
}
#conserva-page  #beneficio-block h3 {
color: #362f29;
font-size: 20px;
padding-bottom: 0;
margin-bottom: 0px;
margin-top: 5px;
padding-top: 10px;
margin-left: 5%;
margin-right: 5%;
font-weight: bold;
text-align: left;
width: 90%;
padding-left: 0px;
padding-right: 0px;
}
#conserva-page  #beneficio-block h5 {
color: #362f29;
font-size: 18px;
padding-bottom: 0;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 10px;
margin-left: 5%;
margin-right: 5%;
border-bottom: 1px solid #362f29;  
padding-bottom: 5px;
}
#conserva-page  #beneficio-block p {
width: 90%;
margin-left: 5%;
margin-right: 5%;
color: #362f29;
font-size: 16px;
padding-left: 0px;
padding-right: 0px;
}
#conserva-page  #beneficio-block  .detalle-becario p {
white-space: pre-wrap;
}
#conserva-page  #beneficio-block p a {
color: #362f29;
}
#conserva-page  #beneficio-block p a.share {
max-width: 60px;
display: inline-block;
}
#conserva-page  #beneficio-block p.main {
font-size: 18px;
}
#conserva-page  #beneficio-block h4 {
color: #362f29;
font-size: 16px;
padding-bottom: 0;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 10px;
margin-left: 5%;
margin-right: 5%;
}
#conserva-page  #beneficio-block ul {
width: 90%;
margin: auto;
}
#conserva-page  #beneficio-block ul li {
width: 33%;
display: inline-block;
}
#conserva-page  #beneficio-block .rwmb-map-canvas {
width: 90% !important;
margin-left: 5%;
}
#conserva-page #popup {
width: 100%;
position: absolute;
top: 0px;
z-index: 9999;
height: 100%;
display: none;
cursor: pointer;
}
#conserva-page #popup .overlay {
height: 100%;
width: 100%;
background: rgba(0,0,0,0.7);
position: fixed;
top: 0px;
}
#conserva-page #popup .overlay img {
max-width: 90%;
border-radius: 10px;
margin: auto;
position: relative;
display: block;
max-height: 90%;
top: 5%;
cursor: auto;
}
@media only screen and (max-width: 980px) {
#conserva-page  #beneficio-block ul li {
width: 32.5%;
}
#conserva-page #beneficio-block .info-proyecto {
float: none;
width: auto;
}
#conserva-page #beneficio-block .mapa-img {
float: none;
display: block;
margin: auto;
clear: both;
width: auto;
margin-bottom: 20px;
box-sizing: border-box;
}
#conserva-page #beneficio-block .mapa-img img {
display:  block;
margin: auto;
}
}
@media only screen and (max-width: 767px) {
#conserva-page  #beneficio-block .rwmb-map-canvas {
height: 300px !important;
}
}
@media only screen and (max-width: 600px) {
#conserva-page #beneficio-block .becario-img {
float: none;
margin: auto;
padding-bottom: 0px;
}
#conserva-page #beneficio-block .info-proyecto {
padding-top: 0px;
}
}
@media only screen and (max-width: 400px) {
#conserva-page  #beneficio-block ul li {
width: 32.3%;
}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/library/lightbox/images/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/library/lightbox/images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/library/lightbox/images/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.conservamospornaturaleza.org/wp-content/themes/conservamosTheme/library/lightbox/images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}