/*
Author     : ALTERNATIVA DIGITAL EIRL
Author URL : http://www.alternativadigital.pe
*/

/*--reset--*/
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,dl,dt,dd,ol,nav ul,nav 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-size                : 100%;
    font                     : inherit;
    vertical-align           : baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section 
{
    display                  : block;
}

ol,ul 
{
    list-style               : none;
    margin                   : 0px;
    padding                  : 0px;
}

blockquote,q 
{
    quotes                   : none;
}
blockquote:before,blockquote:after,q:before,q:after 
{
    content                  : '';
    content                  : none;
}
table 
{
    border-collapse          : collapse;
    border-spacing           : 0;
}
a 
{
    text-decoration: none;
}
.txt-rt                      {text-align: right;}
.txt-lt                      {text-align: left;}
.txt-center                  {text-align: center;}
.float-rt                    {float: right;}
.float-lt                    {float: left;}
.clearfix                    {clear: both;}
.pos-relative                {position: relative;}
.pos-absolute                {position: absolute;}
.vertical-base               {vertical-align: baseline;}
.vertical-top                {vertical-align: top;}
nav.vertical ul li           {display: block;}
nav.horizontal ul li         {display: inline-block;}
img                          {max-width: 100%;}
body a:hover                 {text-decoration: none;}
.clearfix                    {clear: both;}

/* content */
body 
{
    background               : url(../images/fondo.jpg) no-repeat center;
    background-size          : cover;
    -webkit-background-size  : cover;
    -moz-background-size     : cover;
    -o-background-size       : cover;
    -ms-background-size      : cover;
    background-attachment    : fixed;
    font-family              : 'PT Mono', monospace;
}
.text-center 
{
    text-align               : center;
}
.w3ls-main {
    display                  : -webkit-flex;
    display                  : -webkit-box;
    display                  : -moz-flex;
    display                  : -moz-box;
    display                  : -ms-flexbox;
    display                  : flex;
    justify-content          : center;
    align-items              : center;
    -webkit-box-pack         : center;
    -moz-box-pack            : center;
    -ms-flex-pack            : center;
    -webkit-justify-content  : center;
    justify-content          : center;
}
h1 
{
    font-size                : 2.5em;
    color                    : #FFFFFF;
    letter-spacing           : 1px;
    margin                   : 1.5em auto;
    font-family              : 'PT Mono', monospace;
    flex-basis               : 100%;
}
h2 
{
    margin-bottom            : 10px;
    font-size                : 13em;
    text-align               : center;
    flex-basis               : 100%;
    color                    : transparent;
    display                  : inline-block;
    font-weight              : bold;
    letter-spacing           : 5px;
    text-decoration          : none;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #e63c62;
}
.responsive_tabs.w3ls_tab 
{
    max-width                : 700px;
    margin                   : 0;
    box-sizing               : border-box;
    display                  : flex;
    display                  : -webkit-flex;
    flex-wrap                : wrap;
}
textarea 
{
    min-height               : 100px;
}
.newsletter 
{
    text-align               : left;
    flex-basis               : 70%;
    margin                   : 0em auto 2em;
    position                 : relative;
}
p 
{
    flex-basis               : 100%;
    font-size                : 18px;
    line-height              : 1.8em;
    color                    : #FFFFFF;
    text-align               : center;
    margin-bottom            : 2em;
}
.section_room_pay 
{
    margin-bottom            : 2em;
}
.copy-wthree 
{
    margin                   : 3em 0em;
    flex-basis               : 100%;
}
.copy-wthree p 
{
    color                    : #FFFFFF;
    font-size                : 15px;
	margin-bottom            : 0;
}
.copy-wthree a 
{
    color                    : #DF6F14;
}
.copy-wthree a:hover
{
    text-decoration          : underline;
}
.paypal_agile {
    margin-top: 1.5em;
}
/*--placeholder-color--*/
.ask 
{
    flex-basis               : 100%;
    text-align               : center;
}
.ask li 
{
    display                  : inline-block;
}
.ask li:nth-child(2)
{
    display                  : inline-block;
    margin-left              : 15px;
}
.ask li a 
{
    padding                  : 12px 30px;
    background               : transparent;
    color                    : #FFFFFF;
    border                   : 1px solid #FFFFFF;   
	display                  : inline-block;
	transition               : 0.5s all;
    -webkit-transition       : 0.5s all;
    -moz-transition          : 0.5s all;
    -o-transition            : 0.5s all;
    -ms-transition           : 0.5s all;
}
.ask li a:hover
{
    background               : #FFFFFF;
    color                    : #000000;
}
/*--//placeholder-color--*/
@media (max-width: 1024px) 
{}
@media (max-width:800px) 
{
    h1                       { font-size:2.2em; color:#FFFFFF; letter-spacing:0px; }
    .copy-wthree p           { color:#FFFFFF; font-weight:400; }
}
@media (max-width:667px) 
{
    h1                       {font-size: 2em;}
    .ask li:nth-child(2)     {display:block; margin-left:0; margin-top:1em;}
    .ask li                  {display:block;}
    .ask li a                {display:block;}
    h2                       {font-size:10em;}
    h1                       {line-height:1.6em;	margin: 0.5em auto;}
    .copy-wthree p           {font-size:14px; letter-spacing:0px;}
}
@media (max-width: 480px) 
{
    .copy-wthree p           {line-height:1.7;}
    .copy-wthree             {margin:2em 0;}
}
@media (max-width: 414px) 
{
    form                     {flex-basis:70%;}
    h2                       {font-size:9em;}
}
@media (max-width: 384px) 
{
	h1                       {font-size:1.8em;}
    .newsletter              {flex-basis:87%;}
}
@media (max-width: 320px) 
{
    form                     {flex-basis:80%;}
    .copy-wthree             {margin:1.5em 0 0;}
    h2                       {font-size:7em;}
    h1                       {font-size:1.6em;}
    p                        {letter-spacing: 1px;}
}