body{
margin:0;
color:#222;
background:#eee;
background-image:url(images/background-gift.png);
background-repeat:repeat;
background-position:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
padding-left:0px;
}
.top{
background:#fff;
position:relative;
height:75px;
padding-bottom:11px;
}
.logo{
position:absolute;
left:28px;
top:24px;
height:45px;
transform:scaleY(1.1);
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
}
.logo a{
color:white;
text-decoration:none;
transform:scaleY(1.1);
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
display:flex;
flex-direction:column;
align-items:center;
text-transform:uppercase;
font-size:calc(1rem + min(20px, 3vw));
font-weight:900;
letter-spacing:-.1ch;
color:white;
-webkit-text-stroke:1.5px black;
text-shadow:2px 2px black;
}
.beaver{
position:absolute;
right:0px;
top:3px;
height:86px;
}
#buttontop2{
position:absolute;
right:215px;
top:21px;
background-color:#d63225;
border:2px solid #aaa;
color:#fff;
}
#buttontop2:hover{
background-color:#f84739;
}
#buttonall3{
margin-left:13px;
}
.button-top{
position:absolute;
right:88px;
top:21px;
background-color:#111;
border:2px solid #d63225;
-webkit-border-radius:9px;
-khtml-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
color:#fff;
cursor:pointer;
display:inline-block;
font-weight:600;
font-size:18px;
padding:0 18px;
line-height:45px;
text-decoration:none;
}
.button-top2{
position:absolute;
right:60px;
top:17px;
background-color:#fbeee0;
border:2px solid #d63225;
-webkit-border-radius:30px;
-khtml-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
color:#d63225;
cursor:pointer;
display:inline-block;
font-weight:600;
font-size:18px;
padding:0 18px;
line-height:45px;
text-decoration:none;
}
.button-top:hover {
background-color:#333;
}
.hometop{
background:#1c1c1c;
background-image:url(images/texture-black.gif);
background-repeat:repeat;
background-position:center;
padding:30px 0 50px 0;
border-top:3px solid #d63225;
}
.coupon{
background-image:url(images/coupon-edge.png);
background-repeat:x-repeat;
height:12px;
overflow:hidden;
}
.hometop h1{
color:#fff;
font-size:76px;
font-family: "Smooch Sans", sans-serif;
font-optical-sizing:auto;
font-weight:<weight>;
font-style:normal;
padding:0;
margin:0;
}
.hometop h2{
color:#fff;
font-size:40px;
font-family: "Smooch Sans", sans-serif;
font-optical-sizing:auto;
font-weight:<weight>;
font-style:normal;
padding:0;
margin:10px 0 0 0;
}
.moneybag{
height:100px;
margin-top:-55px;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transition:-webkit-transform .4s ease-in-out;
transition:transform .4s ease-in-out;
}
.moneybag:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.homebox{
border:2px solid #555;
width:74%;
margin:0 auto;
margin-top:90px;	 
}
.homeboxtxt{
display:block;
font-size:25px;
color:#fff;
padding:15px 0 12px 0;
}
.red{
color:#d63225;
}
.mainlongpic{
width:82%;
margin:90px auto 1.4% auto ;
}
.homearticles{
background:#d63225;
padding-bottom:60px;
border-bottom:10px solid #ccc;
}
.homearticles h3{
color:#111;
font-size:60px;
padding:0;
margin:70px 0 36px 0;
font-family:"Bangers", system-ui;
font-weight:400;
font-style:normal;
text-shadow:#e6e0c1 1px 0px, #e6e0c1 2px 1px, #e6e0c1 3px 2px, #e6e0c1 4px 3px;
}
.button-all{
background:#d63225;
margin:50px 0 15px 0;
padding:0.6em 1.3em;
font-weight:900;
font-size:18px;
border:3px solid #fff;
-webkit-border-radius:0.4em;
-khtml-border-radius:0.4em;
-moz-border-radius:0.4em;
border-radius:0.4em;
box-shadow:#fff 0.1em 0.1em;
cursor:pointer;
color:#fff;
}
.button-all:hover{
transform:translate(-0.05em, -0.05em);
box-shadow:0.15em 0.15em;
}
.button-all:active{
transform:translate(0.05em, 0.05em);
box-shadow:0.05em 0.05em;
}
.button-all2{
background:#111;
margin:56px 0 30px 0;
padding:0.6em 1.3em;
font-weight:900;
font-size:18px;
border:3px solid #ccc;
-webkit-border-radius:0.4em;
-khtml-border-radius:0.4em;
-moz-border-radius:0.4em;
border-radius:0.4em;
box-shadow:#ccc 0.1em 0.1em;
cursor:pointer;
color:#fff;
}
.button-all2:hover{
transform:translate(-0.05em, -0.05em);
box-shadow:#ccc 0.15em 0.15em;
}
.button-all2:active{
transform:translate(0.05em, 0.05em);
box-shadow:#ccc 0.05em 0.05em;
}
.messagebut{
margin-top:-140px;
margin-bottom:100px;
}
#buttonall2{
margin-left:30px;
}
.alltop{
background:#1c1c1c;
background-image:url(images/texture-black.gif);
background-repeat:repeat;
background-position:center;
padding:12px 0;
border-top:3px solid #d63225;
}
.alltop h1{
display:inline-block;
font-size:40px;
color:#f2f2f3;
-webkit-text-stroke:1px grey;
}
.treasure{
display:inline-block;
height:50px;
margin-bottom:-12px;
margin-right:2%;
}
.articles{
padding-left:10%;
padding-top:5px;
padding-bottom:5px;

}
.art1{
display:block;
color:#222;
font-size:22px;
padding-bottom:6px;
}
.art2{
display:block;
color:#777;
min-height:25px;
font-size:17px;
}
.art3{
font-family:Arial, Helvetica, sans-serif;
padding-top:3px;
font-weight:bold;
display:block;
color:#00F; 
font-size:14px;
}
.articlewrap{
position:relative;
text-align:left;
width:70%;
margin:0 auto;
padding:0;
background:#fff;
border:5px dashed #111;
}
.articlewrap ul{
margin:0;
background:#fff;
}
.articlewrap li{
display:inline-block;
text-decoration:none;
font-size:15px;
width:94.5%;
padding:18px 4% 15px 1.5%;
margin:0;
border-bottom:1px solid #ccc;
}
.articlewrap li:hover{
background:#eee;
}
.linksicon{
position:absolute;
left:5%;
height:30px;
margin-top:21px;
}
.ticker{
display:flex;
overflow:hidden;
}
.ticker img{
height:30px;
}
.ticker__list{
display:flex;
margin-top:30px;
animation:ticker 44s infinite linear;
}
.ticker__item{
margin-right:50px;
}
@-moz-keyframes ticker{
100% {
transform:translateX(-100%);
}
}
@-webkit-keyframes ticker{
100% {
transform:translateX(-100%);
}
}
@-o-keyframes ticker{
100% {
transform:translateX(-100%);
}
}
@keyframes ticker{
100% {
transform:translateX(-100%);
}
}
.featuretxt{
display:block;
font-size:27px;
letter-spacing:0.5px;
font-weight:bold;
color:#fff;
padding-top:40px;
padding-bottom:12px;
text-shadow:2px 2px 0px black;
text-decoration: underline; /* Ensures the text is underlined */
text-decoration-color:#d63225; 
}
.maintop img{
width:50%;
}
.maintop ul{
padding:0;
}
.maintop li{
vertical-align:top;
display:inline-block;
text-decoration:none;
width:23.75%;
margin:0% 0.5% 0 0.5%;
padding:24px 0 16px 0;
border:2px solid #555;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.maintop li:hover{
background:#222;
}
.maintop1{
display:block;
font-size:14px;
color:#7d8fff;
font-weight:bold;
padding:10px 0 8px 0;
}
.maintop2{
color:#eee;
font-size:22px;
font-family:Tahoma, Geneva, sans-serif;
}
.mainwrap{
font-size:18px;
padding-top:30px;
}
.mainwrap h1{
padding-top:30px;
padding-bottom:12px;
}
.featuretxt{
display:block;
font-size:30px;
letter-spacing:0.5px;
font-weight:bold;
color:#fff;
padding-top:60px;
padding-bottom:12px;
text-shadow:2px 2px 0px black;
text-decoration: underline; /* Ensures the text is underlined */
text-decoration-color:#d63225; 
}
. img{
width:50%;
}
. ul{
padding:0;
}
. li{
vertical-align:top;
display:inline-block;
text-decoration:none;
width:23.75%;
margin:0% 0.5% 0 0.5%;
padding:24px 0 16px 0;
border:2px solid #555;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
. li:hover{
background:#222;
}
.1{
display:block;
font-size:14px;
color:#7d8fff;
font-weight:bold;
padding:10px 0 8px 0;
}
.2{
color:#eee;
font-size:22px;
font-family:Tahoma, Geneva, sans-serif;
}
.redwrap{
background:#d63225;	
padding-bottom:150px;
}
.redwrap h2{
font-size:60px;
color:#111;
font-family: "Smooch Sans", sans-serif;
font-optical-sizing:auto;
font-weight:<weight>;
font-style:normal;
margin:28px 0 0 0;
}
.mainrefer{
position:relative;
text-align:left;
width:75%;
margin:30px auto 0 auto;
padding:1% 1.75% 1% 1.5%;
background:#111;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:5px solid #a31308;
box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 8px;
}
.mainrefer:hover{
background:#181818;
}
.mainrefer ul{
}
.mainrefer li{
display:inline-block;
text-decoration:none;
}
.mainrefer2{
position:relative;
text-align:left;
width:66.7%;
margin:30px auto 0 auto;
padding:1%;
background:#111;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:5px solid #a31308;
box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 8px;
}
.mainrefer2:hover{
background:#181818;
}
.mainrefer2 ul{
padding:0;
}
.mainrefer2 li{
display:inline-block;
text-decoration:none;
margin-bottom:0;
font-size:15px;
}
.refart{
display:block;
font-style:italic;
font-size:16px;
color:#aaa;
}
.referral{
padding-bottom:1%;
}
.referral2{
padding:20px 0;
}
.ref1{
display:block;
color:#eee;
font-size:22px;
font-weight:bold;
padding-bottom:7px;
padding-top:2%;
}
.pro1{
display:block;
color:#eee;
font-size:22px;
font-weight:bold;
padding-bottom:7px;
padding-top:0;
}
.ref2{
display:block;
color:#aaa;
font-size:18px;
margin-top:1%;
}
.thumb{
float:left;
height:100px;
padding:2% 2% 2% 1%;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.newspace{
display:none;
}
.space{
height:45px;
}
.homemobile{
display:none;
}
.homemessage{
margin:70px auto 150px auto;
font-size:38px;
text-align:left;
width:62%;
font-family: "Just Me Again Down Here", cursive;
font-weight:400;
font-style:normal;
line-height:44px;
}
.homemessage2{
display:block;
margin-bottom:20px;
}
.cash{
display:block;
font-size:30px;
font-weight:bold;
padding:5px 0 9px 0;
color:#fff;
}
.green{
color:#1bf8ae;
}
.mainright{
width:19%;
}
.referralnews{
text-align:left;
display:inline-block;
width:50%;
padding:2%;
margin:0;
background:#fff;
border:5px solid #aaa;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.referralnews p{
font-size:20px;
line-height:26px;
}
.pagemain{
border-top:3px solid #d63225;
padding:0 auto;
padding-top:30px;
padding-bottom:120px;
background:#111;
}
.pagemain h2{
font-weight:normal;
font-style:italic;
color:#555;
}
.pageleft{
display:inline-block;	
width:18%;	
vertical-align:top;
}
.pagecenter{
text-align:left;
display:inline-block;
width:42%;
padding:2%;
margin:0 2%;
background:#fff;
border:5px solid #aaa;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.pagecenter2{
width:76%;
}
.pagecenter h1{
font-size:24px;
margin:-10px 0 0 0;
padding-bottom:10px;
}
.pagecenter h2{
font-size:16px;
font-weight:bold;
font-style:normal;
}
.pagecenter p{
font-size:15px;
line-height:22px;
}
.pageright{
display:inline-block;
width:26%;
vertical-align:top;
}
.pagepic{
width:200px;
border:5px solid #aaa;
margin-bottom:5px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.pagegallery{
width:100%;
padding:10px 0;
}
.sharelinks{
text-align:center;
background:#eee;
padding:17px 0;
border:5px solid #aaa;
margin-bottom:30px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
-moz-border-radius:6px;
border-radius:6Spx;
font-weight:bold;
}
.share{
display:block;
animation:blinker 1.5s ease infinite;
font-weight:normal;
font-size:17px;
padding:0 10px 10px 10px;
}
.share2{
font-size:30px;
}
.sharetop{
display:block;
width:100%;
padding:14px 18px;
margin:0 0 15px -18px;
border-bottom:1px solid #aaa;
font-size:16px;
font-weight:bold;
background:#76ef98;
}
.sharehow{
text-align:left;
background:#eee;
padding:0 18px 10px 18px;
border:5px solid #aaa;
font-size:15px;
line-height:22px;
margin-bottom:30px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
-moz-border-radius:6px;
border-radius:6Spx;
}
.sharehow li{
margin-bottom:10px;
}
@keyframes blinker{
50%{
opacity: 0;
}
}

.headerbottom2{
font-size:30px;
}
.linkbutton{
display:inline-block;
outline:0;
border:none;
box-shadow:none;
cursor:pointer;
padding:7px 25px;
font-size:22px;
height:42px;
font-weight:400;
color:#fff;
text-align:center;
line-height:normal;
background:linear-gradient(90deg,#d63225 0,#b7330b 100%);
border-radius:50px;
transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.linkbutton:hover{
box-shadow:0 0 0 2px #fd877e;
text-shadow:1px 1px 1px #fd877e;
}
.three-column-list {
font-style:28px;
list-style-type:disc;
padding:0; 
margin:0 auto; 
background-color:#ffffff;
display:flex;
flex-wrap:wrap; 
justify-content:space-between; 
}
.three-column-list li{
flex-basis:calc(33.333% - 20px);
margin-bottom:15px;
padding-bottom:10px;
padding-left:10px;
box-sizing:border-box;
color:#555;
border-bottom:1px solid #ddd;
}
.three-column-list li:nth-child(3n + 1),
.three-column-list li:nth-child(3n + 2),
.three-column-list li:nth-child(3n) {
margin-right: 0;
}
.three-column-list.activities li {
list-style-type:circle;
color:#28a745;
font-weight:bold;
}

@media (max-width: 480px) {
.three-column-list {
padding:15px;
}
.three-column-list li {
flex-basis:100%; /* 1 column on small screens */
margin-bottom:10px;
}
}

/*   FOOTER   */

.footer{
position:relative;
background:#222;
padding:0 1% 1% 1%;
color:#fff;
text-align:center;
}
.foottop{
width:50%;
margin:0 auto;
padding-bottom:40px;
display:block;
font-size:45px;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
text-align:center;
}
.footer-maple{
margin-top:-88px;
margin-bottom:30px;
}
.button-more{
background-color:#fbeee0;
border:2px solid #d63225;
border-radius:30px;
box-shadow:#d63225 4px 4px 0 0;
color:#d63225;
cursor:pointer;
display:inline-block;
font-weight:600;
font-size:18px;
padding:0 18px;
line-height:50px;
text-align:center;
text-decoration:none;
user-select:none;
-webkit-user-select:none;
touch-action:manipulation;
}
.button-more:hover{
background-color:#fff;
}
.button-more:active{
box-shadow:#d63225 2px 2px 0 0;
transform:translate(2px, 2px);
}
.butwrap{
display:block;
padding-top:30px;
}
.footlogo{
width:260px;
}
.footleft{
width:25%;
}
.footmiddle{
width:25%;
}
.footright{
width:25%;
}
.copyright{
margin:0 5%;
padding-top:50px;
display:block;
text-align:center;
color:#fff;
line-height:21px;
}
.copyright a:link {color:#fff; text-decoration:none;}
.copyright a:visited {color:#fff; text-decoration:none;}
.copyright a:hover {color:#d63225; text-decoration:none;}
.copyright a:active {color:#fff; text-decoration:none;}



/* TABLET */
@media screen and (max-width: 990px) {
.referralnews{
width:80%;
}
.redwrap h2{
font-size:60px;
margin:22px 0 22px 0;
}
.ref1{
font-size:18px;
padding-bottom:5px;
}
.pro1{
font-size:18px;
padding-bottom:5px;
}
.ref2{
font-size:16px;
}
.thumb{
height:80px;
padding-bottom:4%;
}
.mainrefer{
width:92%;
margin:0 auto 20px auto;
padding:1% 1.75% 2% 1.5%;
background:#222;
}
.mainrefer2{
width:90%;
margin:0 auto 30px auto;
padding:2%;
}
.pageleft{
width:80%;	
}
.pagecenter{
width:80%;
margin-top:15px;
}
.pagecenter h1{
font-size:24px;
margin:10px 0 0 0;
}
.pageright{
width:85.1%;
margin-top:15px;
}
.linksicon{
left:3.1%;
height:30px;
margin-top:30px;
}
.sharelinks{
display:none;
}
.foottop{
width:80%;
font-size:35px;
}
}

/* MOBILE */
@media (max-width: 768px) {
.logo{
left:14px;
}
.hometop h1{
font-size:54px;
margin:17px 0 0 0;
line-height:50px;
}
.hometop h2{
font-size:31px;
margin:14px 0 0 0;
}
.homebox{
width:94%;
margin-top:70px;	 
}
.homeboxtxt{
font-size:18px;
}
.featuretxt{
font-size:21px;
padding-top:21px;
padding-bottom:0;
}
.maintop li{
width:94%;
margin:0 0.5% 30px 0.5%;
padding:18px 0 12px 0;
background:#222;
}
.maintop1{
display:block;
font-weight:normal;
font-size:20px;
}
.alltop h1{
font-size:30px;
}
.redwrap h2{
font-size:40px;
margin:22px 0 20px 0;
}
.treasure{
margin-top:20px;
}
.articlewrap{
width:90%;
}
.linksicon{
display:none;
}
.articles{
padding-left:5%;
}
.art1{
font-size:17px;
}
.button-all{
margin:15px 0 5px 0;
}
.button-all2{
margin:15px 0 15px 15px;
}
#buttontopmobile{
margin-left:40px;
}
.three-column-list li {
flex-basis:calc(50% - 15px);
}
#buttontop{
display:none;
}
.button-top{
display:none;
}
.button-more{
min-width:120px;
padding:0 25px;
}
.homemobile{
display:block;
margin-top:-20px;
}
.homemessage{
margin:60px auto 130px auto;
font-size:30px;
line-height:30px;
width:92%;
}
.pagemain{
margin:0 auto;
padding-top:30px;
}
.referralnews{
width:92%;
margin-bottom:20px;
}
.pagecenter{
text-align:left;
display:inline-block;
width:92%;
padding:30px 2% 20px 2%;
margin:0;
margin-top:20px;
background:#fff;
-webkit-border-radius:0;
-khtml-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.pageright{
width:99%;
}
#button-all4{
margin:45px 0 15px 0;
}
#button-all5{
margin:60px 0 10px 0;
}
.mainrefer ul{
padding:100px 0 0 0;
}
.mainrefer li{
border-bottom:0;
margin-bottom:10px;
width:100%;
margin-left:0%;
}
.mainrefer{
width:92%;
margin:0 auto 30px auto;
padding:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.mainrefer2{	
width:86.7%;
margin:10px auto 0 auto;
}
.referral{
padding:20px;
}
.referral2{
padding:20px 10px;
}
.ref1{
padding-bottom:5px;
font-size:18px;
}
.pro1{
padding-bottom:5px;
font-size:18px;
}
.thumb{
display:block;
float:right;
margin:5px 0 20px 20px;
position:relative;
height:80px;
font-weight:120px;
padding:0;
}
.mainbottom{
width:90.5%;
margin:25px auto;
padding:1% 2%;
}
.newspace{
height:80px;
background:#fff;
}
.copyright{
margin:0 4%;
padding-top:30px;
padding-bottom:10px;
line-height:19px;
font-size:80%;
}


}