@charset "utf-8";
@import url("fonts/coresans/stylesheet.css");
@import url("fonts/coresansmed/stylesheet.css");
@import url("fonts/coresans65/stylesheet.css");
@import url("fonts/BebasNeueRegular/stylesheet.css");
@import url("fonts/BebasNeueBold/stylesheet.css");
@import url("fonts/Fourth/stylesheet.css");

/* CSS Document */

a.btn:link { color: white; }
a.downarrow:link { color: white; text-decoration: none; }
a.downarrow:visited { color: white; text-decoration: none; }
a.downarrow:hover { color: white; text-decoration: none; }
a.downarrow:active { color: white; text-decoration: none; }

.border { 
   border:4px solid #2a60a0;
}

a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover, a:active {color: #80bd01; text-decoration: underline;}

h1 {
font-family: CoreSansA45Regular;
color: #404042;
font-size: 18px;
text-align: center;
}

body
	{
		color: #404042;
		font: 17px CoreSansA45Regular;
	}
	
.main {
font-family: Bebas Neue;	
color: #000000;
font-size: 32px;
text-align: center;
width: 80%;
}

.main-givehome {
font-family: Bebas Neue;	
color: #000000;
font-size: 34px;
text-align: center;
width: 65%;
font-weight: bold;
letter-spacing: 1.5px;
}

.main-tp1 {
font-family: Bebas Neue;	
color: #000000;
font-size: 28px;
text-align: center;
width: 100%;
font-weight: bold;
letter-spacing: 0.8px;
padding-bottom: 10px;
}

.main-tp2 {
font-family: Bebas Neue;	
color: #6a2164;
font-size: 28px;
text-align: center;
width: 100%;
font-weight: bold;
letter-spacing: 0.5px;
}

.main-triple {
font-family: CoreSansA45Regular;
color: #4c4d4f;
font-size: 18px;
text-align: center;
padding-top: 15px;
width: 100%;
}

.triple-header {
text-align: center;
padding-bottom: 15px;
padding-top: 20px;
width: 100%;
}

.main-dec {
font-family: CoreSansA45Regular;
color: #80bd01;
font-size: 18px;
text-align: center;
padding-top: 10px;
}

.main-holiday {
font-family: CoreSansA45Regular;
color: #4c4d4f;
font-size: 18px;
text-align: center;
padding-top: 15px;
width: 95%;
}

.main2 {
font-family: Core Sans A 65;
color: #000000;
font-size: 16px;
text-align: center;
padding-top: 15px;	
}

.main3 {
font-family: Fourth;
color: #cf302a;
font-size:36px;
}

.main-give {
font-family: CoreSansMed;
color: #80bd01;
font-size: 16px;
text-align: center;
padding-top: 10px;
}

/*NEW CODE*/

.arrow {
text-align: right;
margin-top: 8%;
margin-left: 0;
margin-bottom: 8%;
font-size: 43px;
color: inherit;
text-decoration: blink;
position: relative;
bottom: 13px;
right: 20px;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

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

.back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
/* [disabled]display:none; */
}

.header-container{
width: 100%;
borer-left: none;
border-right-style: none;
position: relative;
/* [disabled]padding-top: 20px; */
/* [disabled]padding-right: 20px; */
/* [disabled]padding-left: 20px; */
padding-bottom: 20px;
/* [disabled]min-height: 200px; */
max-height: 1091px;
}

.video-container {
position: relative;
top: 0%;
left: 0%;
wdith: 100%;
height: 100%;
overflow: hidden;
}

video {
position: absolute;
z-index: -1;
opacity: 1;
width: 100%;
}

.overlay-text {
color: #fff;
z-index: 1;
text-align: right;
margin-left: auto;
margin-right: auto;
margin-top: 20%;
/* [disabled]padding-top: 10px; */
padding-right: 10px;
/* [disabled]padding-left: 10px; */
/* [disabled]padding-bottom: 10px; */
font-family: exo-bold;
font-size: 3vw;
text-shadow: 3px 3px 3px #000000;
/* [disabled]margin-bottom: 5vh; */
line-height: 1em;
}

.overlay-text-sm {
color: #fff;
z-index: 1;
text-align: right;
margin-left: auto;
margin-right: auto;

/* [disabled]padding-top: 10px; */
padding-right: 10px;
/* [disabled]padding-left: 10px; */
/* [disabled]padding-bottom: 10px; */
font-family: exo;
font-size: 1.5vw;
text-shadow: 3px 3px 3px #000000;
}


@media (min-width: 768px ){
.overlay{
top: 0px;
left: 0px;
padding: 10px;
position: absolute;
max-width: 482px;/*background-color: rgba(255,255,255,0.50);*/
}
}

@media (max-width : 767px ){
	
.main-tp1 {
font-family: Bebas Neue;	
color: #000000;
font-size: 18px;
text-align: center;
width: 100%;
font-weight: bold;
letter-spacing: 0.1px;
padding-bottom: 5px;
}
	
.main-tp2 {
font-family: Bebas Neue;	
color: #6a2164;
font-size: 18px;
text-align: center;
width: 100%;
font-weight: bold;
letter-spacing: 0.1px;
}

.arrow {
text-align: left;
margin: 8% 0;
font-size: 43px;
color: inherit;
text-decoration: blink;
display:none;
/* [disabled]position: absolute; */
/* [disabled]bottom: 13px; */
/* [disabled]right: 13px; */
}

video {
position: absolute;
z-index: -1;
opacity: 1;
width: 100%;
margin-top:-10%;
}

.header-container{
width: 100%;
borer-left: none;
border-right-style: none;
position: relative;
/* [disabled]padding-top: 20px; */
/* [disabled]padding-right: 20px; */
/* [disabled]padding-left: 20px; */
padding-bottom: 20px;
/* [disabled]min-height: 200px; */
height: 100%;
}

.overlay{
top: 0px;
left: 0px;
padding: 10px;
position: absolute;
width: 132px;/*background-color: rgba(255,255,255,0.50);*/
}

.overlay-text {
color: #fff;
z-index: 1;
text-align: right;
margin-left: auto;
margin-right: auto;
margin-top: 20%;
/* [disabled]padding-top: 10px; */
padding-right: 10px;
/* [disabled]padding-left: 10px; */
/* [disabled]padding-bottom: 10px; */
font-family: exo-bold;
font-size: 6vw;
text-shadow: 1px 1px 3px #000000;
}

.overlay-text-sm {
color: #fff;
z-index: 1;
text-align: right;
margin-left: auto;
margin-right: auto;
/* [disabled]margin-top: 10%; */
/* [disabled]padding-top: 10px; */
padding-right: 10px;
/* [disabled]padding-left: 10px; */
/* [disabled]padding-bottom: 10px; */
font-family: exo;
font-size: 4vw;
text-shadow: 1px 1px 3px #000000;
}
}