@charset "utf-8";
/* CSS Document version$ 2.1 Ever Ascencio - Designer (info@everascencio.com)*/
@font-face{
    font-family:"EmojiSymbols";
    src:url('EmojiSymbols-Regular-37883244862ada81e50a5c43f090ab5b696a4d27c5e66d321546a1638bb1e682.woff') format("woff");
    text-decoration:none;font-style:normal
}
@font-face {
    font-family: 'social_shapesregular';
    src: url('social_shapes-webfont.woff2') format('woff2'),
         url('social_shapes-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitstream_vera_serifroman';
    src: url('verase-webfont.woff2') format('woff2'),
         url('verase-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitstream_vera_serifbold';
    src: url('verasebd-webfont.woff2') format('woff2'),
         url('verasebd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}
::-moz-selection { color: #666; background: #ddd;}
::selection { color: #666; background: #ddd; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline-color: #ccc}
body {color: #444; background: #bae3f2; margin:0px; margin:auto;overflow-y: scroll; scroll-behavior: smooth;}
body, tr, td, input, select, textarea, button{font-family:Arial, Helvetica, Verdana, sans-serif;font-size: 16px}
h1, h2, h3, h4, h5, .texts, .logo {font-family: 'bitstream_vera_serifroman', Courier New, New Roman, Courier; -webkit-font-smoothing: antialiased;}
    h1 {font-size: 250%; font-weight:normal; margin:0px; letter-spacing: -2px}
    h1 b, .texts b {font-family: 'bitstream_vera_serifbold', Courier New, New Roman, Courier;}
    h2 {font-size:200%; margin:0px; letter-spacing: -1px}
    h3 {font-size:135%; margin:0px; letter-spacing: -1px}
p, ul, ol, li {line-height: 1.27273; font-family: 'bitstream_vera_serifroman', Courier New, New Roman, Courier;}
    p b, p strong{font-family: 'bitstream_vera_serifbold', Courier New, New Roman, Courier;}
    p i, p em, i, em{font-family:"Times", "Times New Roman", "serif", "sans-serif"; font-style: italic}
    .small, small { font-size: 0.786em !important; margin:2px; color:#767474; letter-spacing: normal !important}
    cite, big {font-family: 'bitstream_vera_serifroman', "Times New Roman", Times, serif;}
    .big, big{font-size:130%;}
    .bigfoot {font-size:200%;background:transparent;text-align:center; width: 90%}

.emoji {font-family: "Times", "Times New Roman", "serif", "sans-serif", "EmojiSymbols";}
a  {color: #121212; text-decoration:none; transition: 300ms ease-in-out;}
    a:hover, a:focus { color:#333;text-decoration: none;outline: none; }
    a:hover .red {color:#FF0000 !important } /*#FF1155ad*/ 
    a:hover .red-dark {color:#c23f64ad !important }

    .lnk {color:#444; font-size:145%}
    .lnk:hover {color:#0d56c2}

    .lnk2 {background:#f3f4f3;padding: 5px 10px;text-decoration:none;border-radius: 5px;line-height:2em;color:#666;text-transform:uppercase;text-shadow:none;margin:0 1px}
    .lnk2:hover {background-color:#cacaca;padding: 5px 10px; text-decoration:none;color:#fff;text-shadow:#999 0 1px 0;}

    .tshade {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);}
.fbible {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.overlay {mix-blend-mode: overlay;}

#preload {position: fixed; left: 0; top: 0; bottom: 0; right: 0; float: left; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 9999999; transition: .3s all ease;}
#floatMenu {margin:auto;width:100%; position:fixed;top:0px;z-index:100;} 

.section, .hddn {margin:auto;max-width: 980px;}
.section-double {margin:auto;max-width: 1200px;}

.basemenu, #preload, .bwhite, nav, article {background: #fff;}

    .basemenu {overflow:hidden; margin: auto}
        #smenu {width:16%; padding:12px;display:block;float:left}
        #smenu .badge[data-badge]:after  {background:#ff00c6 !important;color:#fff !important;}
        #smenu a{font-size:250%; font-weight:lighter;}
        #hmenu {width:80%; float:left;text-align:center;padding-top: 20px}
        
            .logo, .logo:hover {margin:0px; font-size:200%;font-family: 'bitstream_vera_serifbold', Courier New, New Roman, Courier !important; letter-spacing: -3px;}
            .clearfix {list-style: none outside;margin:auto;padding:10px;clear:both;display: none; overflow:hidden;transition: 300ms ease-in-out;}
            .clearfix li{display:block;border-bottom:solid 1px #ccc}
            .clearfix li.selected a{color: #FF1155}
            .clearfix li a{color: #444;font-family: 'bitstream_vera_serifroman', Courier New, New Roman, Courier !important; display:block;padding:10px;}
            .clearfix li:hover a {color:#FF1155;}

            #q {display:block; width: 70%; max-width:240px; border: none; padding:0px; margin:4px 15px; background: transparent; height:30px; float:left; outline:none !important}
            #qb {margin:3px; float:right}
            #search {height: 36px; border-radius:25px; padding:0px; overflow:hidden; background: #FF1155}
            #search:hover {background: none}

section:first-of-type {margin-top:80px !important}
.margin-top {margin-top:10px !important}
.ahand, #qb {cursor: pointer}
.artitle {padding:200px 20px 20px 20px;}
section {margin:20px 0px}

blockquote {background: #eee;  margin: 0 10px 10px 0; max-width: 30%; padding: 15px; position: relative; }
blockquote:first-of-type {float: left;}
blockquote:last-of-type {float: right;}
blockquote > * {font-family: 'bitstream_vera_serifbold', Courier New, New Roman, Courier !important; font-size: 125%}

label, th {font-family: Arial, Helvetica, Verdana, sans-serif !important; font-size: 8px !important; text-transform: uppercase}

.red, .logo {color:#FF1155 !important}
.red-dark {color:#c23f64 !important}
.separator {border-bottom:solid 1px #b8b8b8}
.separator-red {border-bottom:solid 1px #b8b8b8}
.pad20 {padding:10px; overflow: hidden;}
.imgfx {background-size: cover; background-repeat:no-repeat; background-attachment: scroll; background-position: 50% 50%; background-color:#232323;}
.imgsz {transition: transform 6s ease-in !important;transform: scale(1.06);}
.imgsz:hover, .imgsz:focus {transform: scale(1);}
.imgfn {background-size: cover !important; background-repeat:no-repeat; background-position: 50% 50%; background-color:#232323; width:100%; display: block; height:250px}
.spaced {padding:10px}

.hspaced {position: relative;z-index: 1;letter-spacing:-5px;color:#9a9a9a;}
.hspaced, .tspaced {margin-top:100px;}

#slider div {background-size:cover !important; transition: transform 6s ease-in !important;transform: scale(1.06);}
    #slider div:hover, #slider div:focus {transform: scale(1);}
#slider div div.spaced {margin:350px 10px 0 50px; padding:5%;color: #fff !important;font-size:150%; font-weight:lighter}
#slider div div.spaced big {font-size:275%; color:#fff; letter-spacing: -2px;}

.white {background:#fff}
.gray {background:#f7f9fa}
.mail {background: url(images/mail.png) #fff 0px 0px repeat-x}
.donate {background: url(images/donate.png) #fff }
.congrats {background: url(images/congrats.png) #fff 90% 10px no-repeat}
.floatright {float:right; width: auto}

.twhite, .twhite p, .twhite h3 a {color: #fff;}

.shade {box-shadow: 0 10px 20px 1px rgba(0,0,0,0.05);  }
.noshade {box-shadow:none}

.borders {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.paraphs p {float:none; font-size: 130%;}
.paraphs p span{background-size:contain;width:100%; height: 100px; display: inline-block; float:none; text-align:center}
.shadow-inner {-moz-box-shadow:inset 0 0 50px #c8c9d3;-webkit-box-shadow: inset 0 0 50px #c8c9d3;box-shadow:inset 0 0 50px #c8c9d3;}
article > .col-15 {display:none}
.section {margin-top:30px; clear:both; min-height:300px;} 
.section-double {clear:both; min-height:600px;} 

.asection   {overflow:hidden;float:none;clear:both}
.square     {background-color:#f7f9fa; height:100%;}
.icons      {background-size:100% !important;width:13px; height: 13px; display: inline-block;}

.img {width:100%; height:auto; transform: translateY(0px); }

.col-15, .col-20, .col-25, .col-35, .col-30, .col-50, .col-65, .col-75, .col-80, .col-85, .col-40, .col-60, .col-100 { float: none; width: 100%; overflow: auto}
.col-40 big {color: #666}

.alert {width: 100%; padding: 16px 30px 16px 16px;margin: auto; background: #ffc url(images/alert.gif) 95% center no-repeat;color: orange !important; border-radius:10px }
.circle {border-radius:50%;}
.redbg {background: #FF1155;}
.badge{position:relative;}
.badge[data-badge]:after {content:attr(data-badge);position:absolute;top:-10px;right:-10px;font-size:11px !important;background:#f2f3f2;color:#444;width:18px;height:18px;text-align:center;line-height:18px;border-radius:50%; 
    animation: blink 1s; animation-iteration-count: 2;
    -webkit-animation: blink 1s; -webkit-animation-iteration-count: 2;
    -moz-animation: blink 1s; -moz-animation-iteration-count: 2;
    -o-animation: blink 1s; -o-animation-iteration-count: 2;
}
.fieldForm50, .fieldForm100 {width:100%;display:block; min-height:90px;height:auto; float:none}

[disabled] { border:solid 1px #a5acb2; color:#9d9da1 !important; background:#f7f7f7 !important; }

input, select, textarea { width: 100%; padding: 12px; border:none; border-bottom: 2px solid #666; resize: vertical; float:none;outline:none; border-radius: 0px}
    select, input[type=date] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(images/arrow_down_512.png) 100% 0px no-repeat #fff; background-size: contain  }
    select[multiple=multiple] {background-image:none}

label {float:none; width: 100%; padding: 12px 0 12px 0;}

input[type=button], input[type=reset], button[type=button], button[type=reset], button[type=submit], button{background-color: #FF1155; background:-webkit-linear-gradient(80deg,#FF1155,#b7093b);-webkit-background:linear-gradient(80deg,#FF1155,#b7093b);-moz-background:linear-gradient(80deg,#FF1155,#b7093b);color: #fff; padding: 12px 20px; border: none; border-radius: 25px; cursor: pointer; margin: 0 0 1px 0; min-width: 300px; text-transform: uppercase;  transition: 300ms ease-in-out;}
button:hover {background-color: #ccc; background:linear-gradient(0deg,#ccc,#ddd);-moz-background:linear-gradient(0deg,#ccc,#ddd);-webkit-background:linear-gradient(0deg,#ccc,#ddd);}

    .submit {background: #ff00c6 !important;color: #fff !important; border:0; padding:3px 6px; border: none; cursor: pointer; border-radius: 3px; font-family: Helvetica, Arial, Verdana, sans-serif !important; text-transform: none !important; font-size: 11px !important; font-weight:bolder !important}
    .submit:hover {background: #000 !important;}

.gallery{list-style: outside none; width:100%; float:none;margin:0;padding:4px 0 0 0}
.gallery div {width:auto;height:175px; display: inline-block; vertical-align: top}
.gallery div a{width:auto;height:100px; overflow:hidden;}

.number {padding:0px 0px 100px 0px; height: 40px; text-align: right !important; font-size: 200%; font-weight: bold; color:#fff; opacity: 0.5; margin:0px !important; letter-spacing: -2px}
.boxes {margin: 0px; -moz-column-gap: 5px; -webkit-column-gap: 10px; column-gap: 10px;padding:0 10px 0 0; margin:0px;}
.boxes li.line {float:none; width:100%; background: none; min-height:100px}
.boxes li {float:none;min-height:500px; margin:0 0 20px 0; width:100%;background:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.boxes div.lsmall {min-height:250px !important;background-color:#ccc;width:100%; display:inline-block; margin:5px 5px;background-size: cover !important; background-position: 50% 50%; transition: 300ms ease-in-out;}
    .boxes div.lsmall div {min-height:250px !important;background:-webkit-linear-gradient(0deg,#000000b3 10%,#00000000 75%);background:linear-gradient(0deg,#000000b3 10%,#00000000 75%);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;z-index:0}
    .boxes div.lsmall:hover {background: inherit;z-index:-1} /* isolation:isolate;filter: blur(5px);-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);*/
    .boxes div.lsmall a{color:#fff; font-size:100%;}

.pages {clear:both; display:block; z-index:9999; position: fixed; right: 0px}

table {width:100%}
table tr th {text-transform: uppercase;border-bottom:solid 1px #444}
table tr,  table tr td {font-size:85%; padding:10px;border-bottom:dotted 1px #ccc}

#register h1, #login h1, #forgot h1, #send h1, .textcenter {text-align:center !important;}
#register h1 img, #login h1 img, #forgot h1 img, #send h1 img {display: block; width:200px; height:auto;margin:auto}

footer {height:300px}

.fb:before, .tw:before, .ins:before, .web:before, .mai:before, .utb:before, .in:before {display: inline-block; font-family: "social_shapesregular"; font-weight: normal; font-style: normal; text-align: center; -webkit-font-smoothing: antialiased;color:#FF1155}
.fb:before {content: 'c'; }
.tw:before {content: 'd'; }
.ins:before {content: 'f'; }
.web:before {content: 'É'; }
.mai:before {content: 'È'; }
.utb:before {content: 'l'; } 
.in:before {content: "i"; } 
.fb:hover::before, .tw:hover::before, .ins:hover::before, .web:hover::before, .mai:hover::before, .utb:hover::before, .in:hover::before {color:#ccc}


.boxes li.lcontact:hover div.imgfn {
    animation: blink 1s; animation-iteration-count: infinite;
    -webkit-animation: blink 1s; -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s; -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s; -o-animation-iteration-count: infinite;
}

.usl-loading {
	opacity: 0.75;
}

.lds-heart {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  transform: rotate(45deg);
  transform-origin: 32px 32px;
}
.lds-heart div {
  top: 23px; left: 19px; position: absolute;
  width: 26px;
  height: 26px;
  background: #ff1155;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before { content: " "; position: absolute; display: block; width: 26px; height: 26px; background: #FF1155; }
.lds-heart div:before { left: -17px; border-radius: 50% 0 0 50%; }
.lds-heart div:after { top: -17px; border-radius: 50% 50% 0 0; }
@keyframes lds-heart {
  0% { transform: scale(0.95); }
  5% { transform: scale(1.1); }
  39% { transform: scale(0.85); }
  45% { transform: scale(1); }
  60% { transform: scale(0.95); }
  100% { transform: scale(0.9); }
}

@keyframes blink {
    0%   {opacity: 1; transform: scale(1); }
    70%  {opacity: 0.5; transform: scale(0.9); }
    100% {opacity: 1; transform: scale(1); }
}

@keyframes bounce {
    0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
    40% {-webkit-transform: translateY(-20px);transform: translateY(-20px); }
    80% {-webkit-transform: translateY(-10px); transform: translateY(-10px);}
}


@media (min-width: 750px) and (max-width: 1100px)  {
    .basemenu {width:100%}
    .clearfix li{white-space: nowrap; text-overflow: ellipsis;max-width: 15%; width:auto; overflow: hidden;}
    #search {max-width: 20%}
    .img {width:100% !important; height:auto; transform: translateY(10px) !important}
    .imgfx {background-attachment:scroll !important;}
    .boxes {  -moz-column-count: 4 !important; -webkit-column-count: 4 !important; column-count: 4 !important; }
}

/* Diseño receptivo: cuando la pantalla tiene menos de 600 píxeles de ancho, haga que las dos columnas se apilen una encima de la otra en lugar de una al lado de la otra */
@media all and (min-width: 740px) {
    .col-15 { float: left; width: 15%; }
    .col-20 { float: left; width: 20%; }
    .col-25 { float: left; width: 25%; }
    .col-30 { float: left; width: 30%; }
    .col-35 { float: left; width: 35%; }
    .col-65 { float: left; width: 65%; }
    .col-75 { float: left; width: 75%; }
    .col-80 { float: left; width: 80%; }
    .col-85 { float: left; width: 85%; }
    .col-50 { float: left; width: 50%; }
    .col-40 { float: left; width: 40%; }
    .col-60 { float: left; width: 60%; }
    .col-100 { float: none; width: 100%; clear:both;}
    .img {width:70%; height:auto; transform: translateY(-50px) !important}
    .imgfx {background-attachment:fixed;}
    .pad20 {padding:20px; overflow: hidden;}
    h1 {font-size: 300%; font-weight:normal; margin:0px; letter-spacing: -2px}
    h2 {font-size:240%; margin:0px;}
    h3 {font-size:175%; margin:0px;}
    
    .paraphs p {float:left; width:33%}
    .paraphs p span{background-size:contain;width:25%; height: 100px; display: inline-block; float:left}
    .paraphs p span.large{background-size:contain;width:100%; height: 100px; display: block; float:none}
    
    button {width:auto;}
    article {margin:0px; overflow: auto; background: #fff}
    article > .col-15 {display:block}
    .fieldForm50 label {width: 30%; float:left}
    .fieldForm50 {width:49%;display:block; min-height:90px; min-width: 300px; height:auto; display: inline-block;padding:1%}
    .fieldForm50 input, .fieldForm50 select, .fieldForm50 textarea { width: 65%;float:left}
    .fieldForm100 label {width: 15%; float:left}
    .fieldForm100 {width:100%;display:block; min-height:90px; height:auto;display: inline-block;padding:0px}
    .fieldForm100 input, .fieldForm100 select, .fieldForm100 textarea { width: 80%; }
    
    .basemenu {width:1200px}
    .clearfix {display: block;width:1200px; padding:5px}
    .clearfix li{float:left; border:none}
    #q {display:none;}
    #search {background: none}
    section:first-of-type {margin-top:100px !important}
    #smenu {display: none}
    #hmenu {width:100%;text-align: center;clear:both}
    .bigfoot {font-size:400%; width: 75%}
    .lists {list-style: outside none; width:20%; float:left;}

    .boxes {-moz-column-count: 5;-webkit-column-count: 5;column-count: 5;}
  
    #register h1, #login h1, #forgot h1, #send h1 {text-align:left !important;}
    #register h1 img, #login h1 img, #forgot h1 img, #send h1 img {vertical-align: middle; display: inline-block; width:100px; height:auto}
}