@font-face{
    font-family: abel;
    src: url('../fonts/Abel-Regular.ttf');
}

@font-face{
    font-family: ibarra;
    src: url('../fonts/Ibarra-Variable.ttf');
}

@font-face {
font-family: sawasdee;
src: url('../fonts/sawasdeeB.ttf');
}

@font-face {
font-family: ibarrai;
src: url('../fonts/Ibarra-Italic.ttf');
}

/* portrait */
@media screen and (orientation:portrait) {
  /* portrait-specific styles */
}
/* landscape */
@media screen and (orientation:landscape) {
  /* landscape-specific styles */
}

body{
padding:0px;
font-size: 14px;
color:#fff;
background:#004085;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: abel;
}

#seointro{
    display:none!important;
}

.underline {
  border-bottom: 1px solid currentColor;
  display: inline-block;
  line-height: 1em;
  text-shadow:
    1px 1px black,
    1px -1px black,
    -1px 1px black,
    -1px -1px black;
}
.underline:hover{
    cursor: pointer;
}

.link-back-top{
    color:inherit;
    text-decoration:none;
}
.link-back-top:hover{
    color:#f9c;
    text-decoration:none;
}

#cookiedisclaimer{
    font-size:1.2em;
    padding:0.5em 10%;
    background:rgba(30,30,30,0.8);
    min-height:84px;
    width:100%;
     color:#0ff;
     text-align:center;
     position:fixed;
     bottom:0px;
     text-align: center;
     border-top:solid 1px #fff;
     z-index:9999
}

hr{
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

#head{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#head:before{
    content: "";
    background-image: url('../img/phone_raffle.jpg');
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
}

#head a{
    text-decoration:underline;
    color:currentColor;
}

#sect1{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#sect2{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#sect2:before{
    content: "";
    background-image: url('../img/guy_playing.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
}

#sect3{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,20,0) 11%, rgb(0,50,0) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,20,0) 11%, rgb(0,50,0) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,20,0) 11%, rgb(0,50,0) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,20,0) 11%, rgb(0,50,0) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,20,0)),
    color-stop(0.56, rgb(0,50,0)) );
    background-image: linear-gradient(to top, rgb(0,20,0) 11%, rgb(0,50,0) 56%);
}

#sect4{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.25, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
}

#sect4:before{
    content: "";
    background-image: url('../img/charity_banner.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
}

#works{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(50,50,0) 11%, rgb(120,120,0) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(50,50,0) 11%, rgb(120,120,0) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(50,50,0) 11%, rgb(120,120,0) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(50,50,0) 11%, rgb(120,120,0) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(50,50,0)),
    color-stop(0.56, rgb(120,120,0)) );
    background-image: linear-gradient(to top, rgb(50,50,0) 11%, rgb(120,120,0) 56%);
}

#uses{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,0)),
    color-stop(0.56, rgb(20,20,20)) );
    background-image: linear-gradient(to top, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
}

#sect5{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.25, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 25%, rgb(0,0,70) 56%);
}

#sect5:before{
    content: "";
    background-image: url('../img/hands2.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
}



#about-head{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#about-head:before{
    content: "";
    background-image: url('../img/coinjars.jpg');
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
}

#about-head a{
    text-decoration:underline;
    color:currentColor;
}
#about-sect1{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(top, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -moz-linear-gradient(top, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -webkit-linear-gradient(top, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -ms-linear-gradient(top, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
    background-image: -webkit-gradient(linear, left top, left bottom,
    color-stop(0.11, rgb(0,0,0)),
    color-stop(0.56, rgb(20,20,20)) );
    background-image: linear-gradient(to bottom, rgb(0,0,0) 11%, rgb(20,20,20) 56%);
}

#about-sect2{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#about-sect2:before{
    content: "";
    background-image: url('../img/threecharities.jpg');
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
}

#about-out{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#about-out:before{
    content: "";
    background-image: url('../img/event.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.2;
}

#about-sect3{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(top, rgb(0,40,40) 11%, rgb(0,70,70) 56%);
    background-image: -moz-linear-gradient(top, rgb(0,40,40) 11%, rgb(0,70,70) 56%);
    background-image: -webkit-linear-gradient(top, rgb(0,40,40) 11%, rgb(0,70,70) 56%);
    background-image: -ms-linear-gradient(top, rgb(0,40,40) 11%, rgb(0,70,70) 56%);
    background-image: -webkit-gradient(linear, left top, left bottom,
    color-stop(0.11, rgb(0,40,40)),
    color-stop(0.56, rgb(0,70,70)) );
    background-image: linear-gradient(to bottom, rgb(0,40,40) 11%, rgb(0,70,70) 56%);
}

#demo-head{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#demo-head:before{
    content: "";
    background-image: url('../img/teacher_children.jpg');
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
}

#demo-sect1{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.25, rgb(0,40,0)),
    color-stop(0.56, rgb(0,60,0)) );
    background-image: linear-gradient(to top, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
}

#accounts-head{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#accounts-head:before{
    content: "";
    background-image: url('../img/accounts_head.jpg');
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
}

#accounts-sectlast{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.25, rgb(0,40,0)),
    color-stop(0.56, rgb(0,60,0)) );
    background-image: linear-gradient(to top, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
}

#accounts-sect1{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(top, rgb(20,20,20) 25%, rgb(40,40,40) 56%);
    background-image: -moz-linear-gradient(top, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -webkit-linear-gradient(top, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -ms-linear-gradient(top, rgb(0,40,0) 25%, rgb(0,60,0) 56%);
    background-image: -webkit-gradient(linear, left top, left bottom,
    color-stop(0.25, rgb(0,40,0)),
    color-stop(0.56, rgb(0,60,0)) );
    background-image: linear-gradient(to bottom, rgb(20,20,20) 25%, rgb(40,40,40) 56%);
}

#accounts-sect1-a{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,0,30)),
    color-stop(0.56, rgb(0,0,70)) );
    background-image: linear-gradient(to top, rgb(0,0,30) 11%, rgb(0,0,70) 56%);
}

#accounts-sect1-a:before{
    content: "";
    background-image: url('../img/children_futbol.jpg');
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
}

#accounts-sect2{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,20,40)),
    color-stop(0.56, rgb(0,60,90)) );
    background-image: linear-gradient(to top, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
}

#accounts-sect2-a{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,20,40)),
    color-stop(0.56, rgb(0,60,90)) );
    background-image: linear-gradient(to top, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
}

#accounts-sect2-a:before{
    content: "";
    background-image: url('../img/event.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
}

#accounts-sect3{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,20,40)),
    color-stop(0.56, rgb(0,60,90)) );
    background-image: linear-gradient(to top, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
}

#accounts-sect3-a{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,20,40)),
    color-stop(0.56, rgb(0,60,90)) );
    background-image: linear-gradient(to top, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
}

#accounts-sect3-a:before{
    content: "";
    background-image: url('../img/threecharities.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
}

#accounts-sect4{
    position: relative;
    min-height: 600px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-image: -o-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0.11, rgb(0,20,40)),
    color-stop(0.56, rgb(0,60,90)) );
    background-image: linear-gradient(to top, rgb(0,20,40) 11%, rgb(0,60,90) 56%);
}

textarea{
    background-color:#000!important;
    color:#fff!important;
    font-size:1em!important;
}

input[type=text], input[type=email], input[type=textarea], input[type=password]{
    background-color:#000!important;
    color:#fff!important;
    font-size:1em!important;
}
::-webkit-input-placeholder {
    /* color: #fff!important; */
    color:rgba(255,255,255,0.4)!important;
    font-size:1em!important;
}
:-ms-input-placeholder { 
    /* color: #fff!important; */
    color:rgba(255,255,255,0.4)!important;
    font-size:1em!important;
}
::placeholder {
    /* color: #fff!important; */
    color:rgba(255,255,255,0.4)!important;
    font-size:1em!important;
}

#tickettovalidate::placeholder{
    color:rgba(0,0,0,0.7)!important;
}





.contactHeader{
font-size:18px;
padding:0px 20px 40px 0px;
border-radius:20px 50px;
margin-bottom:20px;
line-height:1.5em;
padding:1.5em;
/* background:rgba(230,240,255,0.7); */
border: solid 2px #0099ff;
text-align:justify;
}

.menuheader{
font-size:1.4em !important;
color:#fff !important;
box-shadow: 0 2px 6px 3px rgba(255,255,100,0.7) !important;
padding:0.5em 1em !important;
border-radius: 2em;
}
.menuitemm{
font-size:1.2em;
color:#ee6;
margin-left:5%;
}
.menuitemm:hover{
cursor: pointer;
color:#efe;
}
.menusectionheader{
font-size:1.3em !important;
}
    
    
.readmore{
padding:0.3em 1em;
font-size: 1.8em;
border:solid 1px currentColor;
border-radius: 10px;
}

.readmore:hover{
background:#066;
cursor: pointer;
border-radius: 10px;
}

#topBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(200,200,200,0.5); /* Set a background color */
  /* color: rgba(150,140,150,0.6); /* Text color */
  color:#FFF;
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 2em; /* Increase font size */
}

#topBtn:hover {
  background-color: rgba(200,200,200,0.8); /* Add a dark-grey background on hover */
}

.btncontrol{
color:gold;
padding-top:5px;
padding-bottom:0px;
margin-left:10px;
text-decoration:none;
text-align:left;
}
.btncontrol:hover{
  color:#ffffff;
  text-decoration:none;
  font-weight:800;
}

#social{
color:#eeeeee;    
}
#social a{
color:#eeeeee;    
}

#aux{
min-height: 150px;    
background:#000000;
z-index: -100;
display:none;
}

#overlay{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
background:url('../img/bg.png');
/*height:100%;
//overflow:hidden;*/
display:none;
text-align:center;
}

#overlayContent{
 position:fixed;
  top:57%;
  left:50%;
  margin-left:-45px;
  margin-top:-60px;
  width: 100px;
  height: 30px;
  background: transparent;
  font-weight:800;
  text-align: center;
  color:#ffffff;
  font-family: Verdana, Lucida Arial;
  font-size:14px;
  padding-top: 15px;
}

.loader {
  position:fixed;
  top:50%;
  left:50%;
  margin-left:-55px;
  margin-top:-50px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #009900;
  border-right: 16px solid #ff0000;
  border-bottom: 16px solid #00ffff;
  border-left: 16px solid white;
  width: 120px;
  height: 120px;
  /*-webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; */
  display:none;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.modal-header, h4, .close {
  background-color: #5cb85c;
  background-color: #0000aa;
  color:white !important;
  text-align: center;
  font-size: 30px;
}

.modal-footer {
  background-color: #f9f9f9;
}

#workertop{
    min-height: 50px;
    max-height: 50px;
    border-left: solid 1px gold;
    border-right: solid 1px gold;
    font-family: Font1;
    font-size:16px;
    font-weight:700;
    color: gold;
}
#workertop a{
    color: gold;
}
#workertop a:hover{
    text-decoration: none;
}

#loader {
  animation: loader 5s cubic-bezier(.8,0,.2,1) infinite;
  height: 40px;
  width: 40px;
  /*position: absolute;
  top:calc(50% - 20px);
  left:calc(50% - 20px); */
}
@keyframes loader {
  90% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}
#top {
  animation: top 5s linear infinite;
  border-top: 20px solid gold;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  height: 0px;
  width: 1px;
  transform-origin: 50% 100%;
}
@keyframes top {
  90% { transform: scale(0); }
  100% { transform: scale(0);}
}
#bottom {
  animation: bottom 5s linear infinite;
  border-right: 20px solid transparent;
  border-bottom: 20px solid gold;
  border-left: 20px solid transparent;
  height: 0px;
  width: 1px;
  transform: scale(0);
  transform-origin: 50% 100%;
}
@keyframes bottom {
  10% { transform: scale(0); }
  90% { transform: scale(1); }
  100% { transform: scale(1); }
}
#line {
  animation: line 5s linear infinite;
  border-left: 1px dotted gold;
  height: 0px;
  width: 0px;
  position: absolute;
  top: 20px;
  left: 19px;
}
@keyframes line {
  10% { height: 20px; }
  100% { height: 20px; }
}

#auxiliar{
position:absolute;
top:0px;
left:0px;
bottom:0px;
margin:0px;
padding:0px;
width:100%;
background:url('../img/bg.png');
display:none;
z-index: 9999;
}

#auxiliarContent{
  padding:1em;
  margin:0 1em;
  /* background: #ffffff; */
  color:#444444;
  min-height:300px;
}

.blinking{
    animation:blinkingText 1.5s infinite;
}

@keyframes blinkingText{
    0%{     opacity:1.0;    }
    25%{    opacity: 0.5; }
    50%{    opacity:  0; }
    75%{    opacity: 0.7;  }
    100%{   opacity:1.0;    }
}

/*
@keyframes blinkingText{
    0%{     color: #ff3366;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color: #ff3366;  }
    100%{   color: transparent;    }
}
*/    
 
#pricetable{
    width: 70%
}
@media screen and (min-width: 320px) and (max-width: 639px) and (orientation: portrait) {
 #pricetable{
    width: 98%
    }
 #under-development{
      font-size:1em !important;
    }
    .adjustable{
        max-width:90%!important;
        padding: 2em 0 !important;
    }   
}    

#ulglow{
  transform:translate(-50%,-50%);
  margin:0;
  padding:0;
  display:inline;
  
}

#ulglow li{
  list-style:none;
  display:inline-block;
  width:16px;
  height:16px;
  background:#fff;
  border-radius:50%;
  animation:grow 1.6s ease-in-out infinite;
}
  @keyframes grow
  {
    0% , 40% , 100%
    {
      transform:scale(0.2);
    }
    20%{
       transform:scale(1);

    }
  }

#ulglow li:nth-child(1){
  animation-delay:-1.4s;
  background:#ffff00;
  box-shadow:0 0 50px #ffff00;
  
}
#ulglow li:nth-child(2){
  animation-delay:-1.2s;
  background:#76ff03;
  box-shadow:0 0 50px #76ff03;
  
}
#ulglow li:nth-child(3){
  animation-delay:-1s;
  background:#f06292;
  box-shadow:0 0 50px #f06292;
  
}
#ulglow li:nth-child(4){
  animation-delay:-0.8s;
  background:#4fc3f7;
  box-shadow:0 0 50px #4fc3f7;
  
}
#ulglow li:nth-child(5){
  animation-delay:-0.6s;
  background:#ba68c8;
  box-shadow:0 0 50px #ba68c8;
  
}
#ulglow li:nth-child(6){
  animation-delay:-0.4s;
  background:#f57c00;
  box-shadow:0 0 50px #f57c00;
  
}
#ulglow li:nth-child(7){
  animation-delay:-0.2s;
  background:#673ab7;
  box-shadow:0 0 50px #673ab7;
  
}