html{ margin: 0px; padding: 0px;}
body{ font-family:'Aviano Slab W05 Regular'; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #392422; 
    width: 100%;  overflow: auto; color: #ffffff}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #d1d2d2; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.inner{ max-width: 900px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }
.red{ color: #c12d2d !important }
.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.videoWrapper {
    position: relative;
    padding-bottom: 49.45%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:0px solid #ffffff; background: #000000 center no-repeat; box-sizing: border-box;
}

.green_btn{ background: #40b653; color: #ffffff; font-family:'TradeGothicW01-BoldCn20_675334'; font-size: 33px; line-height: 30px;  text-transform: uppercase;  padding: 6px 13px 6px 10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; display: inline-block; width: 95%;  max-width: 400px; position: relative;}
.green_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.green_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.green_btn:hover{ color: #ffffff; background: #2f903f; }

.white_btn{ border:2px solid #ffffff;;background: #000000; color: #ffffff; font-family:'Roboto'; font-size: 25px; line-height: 28px;  text-transform: uppercase;  padding: 10px 14px 10px 14px;  display: block;  position: relative;}
.white_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 130%;  position: relative; }
.white_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn:hover{ color: #ffffff; background: #464646; }

.white_btn_sm{ border:2px solid #ffffff; background: #000000; color: #ffffff; font-family:'Roboto'; font-size: 20px; line-height: 25px;  text-transform: uppercase;   display: block; padding:10px 14px 10px 14px;   position: relative;}
.white_btn_sm i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.white_btn_sm span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn_sm:hover{ color: #ffffff; background: #464646; }

.trans_btn{ border:4px solid #ffffff; background: #000000; color: #ffffff; font-family:'Montserrat'; font-weight: 700; font-size: 20px; line-height: 24px;  text-transform: uppercase;   display: block; padding:8px 0px 8px 0px; letter-spacing: 0px;   position: relative;}
.trans_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.trans_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.trans_btn:hover{ color: #ffffff; background: #4a4a4a; }


.brown_btn{ border:2px solid #c4ab5c; background: #c4ab5c; color: #ffffff; font-family:'Open Sans'; font-weight: 700; font-size: 16px; line-height: 25px;  text-transform: uppercase;   display: block; padding:10px 14px 10px 14px;   position: relative;}
.brown_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.brown_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.brown_btn:hover{ color: #ffffff; background: #a28d4a; }

.buy{ width: 95%; margin: 0px auto 0px auto; position: relative;}

.btn_width { width: 95%; max-width: 550px; margin-left: auto; margin-right: auto; }

.logo_bar{ width: 100%; position: relative; background: #2d302d; position: relative; }
.logo{ position: relative;padding: 20px 0px 20px 0px; }

.socials{ position: relative;  width: 95%; margin: 20px auto 0px auto; text-align: center; }
.socials ul{ list-style: none; margin: 0px; padding: 0px;  position: relative; display: inline-block; vertical-align: middle; }
.socials ul li{ list-style: none; margin: 2px; width: 25px; height: 25px; padding: 0px;  position: relative; display: inline-block; vertical-align: middle; }
.socials ul li a{ display: block; width: 100%; height: 100%; position: relative;text-align: center; color: #000000; background: #ffffff; line-height: 25px; font-size: 15px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.socials ul li a:hover{ opacity: 0.8 }
.socials a{ display: initial; vertical-align: middle; margin: 5px; font-size: 35px; line-height: 35px; color: #000000; }
.socials_ttl{ font-size: 22px; line-height: 25px; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #ffffff; font-weight: 700; font-family: 'Oswald',sans-serif }
.top_ttl{ letter-spacing: 4px; text-transform: uppercase; position: relative; color: #ffffff; font-size: 28px; line-height: 33px }
.main_ttl{ letter-spacing: 4px; text-transform: uppercase; color: #ffdca9; position: relative;  font-size: 39px; line-height: 45px;  margin: 3px auto 0px auto }
.main_sttl{ position: relative; color: #ffffff; font-size: 25px; line-height: 28px; letter-spacing: 1px;text-transform: uppercase; }
.main_txt{ position: relative; color: #ffffff; font-family:'Rockwell W01 Regular'; font-size: 16px; line-height: 20px; margin:5px auto 0px auto; }

.upload_ttl{ position: relative; width: 95%; max-width: 660px; font-family:'Futura LT W01 Medium'; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; margin: 20px auto 0px auto }
.med_txt{ position: relative; width: 95%; max-width: 660px; font-family:'Futura LT W01 Medium'; color: #ffffff; font-size: 23px; line-height: 27px;  margin: 10px auto 0px auto }
.note_txt{ position: relative; width: 95%; max-width: 660px; font-family:'Futura LT W01 Bold'; color: #ffddaa; font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 10px auto 0px auto }
.share_vid{ margin-top: 15px; position: relative; font-size: 22px;line-height: 28px; vertical-align: middle; color: #ffffff}
.share_vid span{ display: inline-block; vertical-align: middle;font-family:'Futura LT W01 Bold'; }
.share_icons{ position: relative;display: inline-block; vertical-align: middle; }
.share_icons img{ display: inline-block; vertical-align: middle; margin: 5px; }
.sponsors { position: relative; margin: 10px auto 0px auto; }
.sponsors img{ position: relative; display: inline-block; vertical-align: middle; margin: 10px; }
.note{ font-size: 13px; line-height: 15px; color: #2d302d; max-width: 400px; margin:10px auto 0px auto; font-family: 'Lato',sans-serif; letter-spacing: 0px; color: #2d302d }
.abbr{ font-size: 13px; line-height: 16px; color: #9f9f9f; max-width: 600px; margin: 0px auto 0px auto; font-family: 'Lato',sans-serif; letter-spacing: 0px; color: #9f9f9f}
.abbr2{ font-size: 13px; line-height: 16px; color: #9f9f9f; max-width: 900px; margin: 0px auto 0px auto; font-family: 'Lato',sans-serif; letter-spacing: 0px; color: #9f9f9f}
.top_logo{ position: relative; }
.top_logo .inner{ padding-bottom: 10px }
.top_bar{ background: transparent; position: relative; color: #464646; z-index: 10}
.top_bar .inner{ padding: 0px 0px 0px 0px; }
.enter_web{ position: absolute; font-size: 18px; line-height: 25px;  top:10px; right: 0px; text-align: right;  }
.top_socials{ position: relative; top:0px; left: 0px; font-size: 25px; line-height: 25px;  text-align: center; }
.top_socials a{ display: inline-block; vertical-align: middle; position: relative; margin: 5px; }

.top_bar .inner{ text-align: center; padding: 10px 0px 10px 0px; }

.head_img{ position: relative; background:#090707; width: 100%; position: relative;}
.head_img_b{ position: relative; background: url(../images/head_img_b.jpg) fixed top center no-repeat; width: 100%; height: 561px; }
.head_img_s{ position: relative; display: none; }

.bar{ border-top:4px solid #ffdca9; border-bottom:4px solid #ffdca9; position: relative; z-index: 10; background: url(../images/bar_back.jpg) #251b2a top center no-repeat; }
.bar .inner{ padding-bottom: 20px; padding-top: 20px }
.widget{ width: 95%; margin: 0px auto; position: relative; }
.wid_btn{ position: relative; width: 100%; max-width: 314px; margin: 10px auto 0px auto }
.preview{ position: relative; width: 100%; max-width: 314px; margin: 10px auto 0px auto }
.gallery .inner{ max-width: 950px }
header{ background: #f6fbe9; position: relative;}
.content{ position: relative; background: url(../images/content_back.jpg) fixed top center no-repeat; }
.featured{ background: #e4e0c1; position: relative; }

.vid_spacer{background-size: cover;}

.item{ width: 220px; margin: 12px; float: left; position: relative; display: block; }
.vid_play{ display: block; position: absolute; width: 100%; height: 100%; background:url(../images/play.png) center no-repeat; top:0px; left:0px; }
.gallery_items{ width: 95%; margin: 10px auto 0px auto; position: relative; max-width: 735px }
.nttl{ color: #ffffff; font-size: 35px; line-height: 40px; text-transform: uppercase; letter-spacing: 4px; display: block; text-align: c
 }
.hash{ color: #ffddaa; font-size: 60px; line-height: 65px; text-transform: uppercase; letter-spacing: 5px; display: block;text-align: center; }


.vid{ max-width: 650px; margin: 0px auto; position: relative; }
.upload_vid{ max-width: 650px; margin: 15px auto 0px auto; position: relative; }
.instructions{ max-width: 650px; margin: 15px auto 0px auto; position: relative; }
.gallery_ttl{ position: relative; font-size: 56px; line-height: 60px; color: #000000;  padding: 20px 0px 0px 0px;  }
.more{ position: relative; font-weight: 400; font-size: 30px; line-height: 34px; margin:10px 0px 0px 0px; color: #ffffff; font-weight: 400; }
.buy{ position: relative; margin-top: 5px; }
.upload_btn{ margin-top:10px; position: relative; }
footer{ position: relative; border-top: 0px solid #ffffff; margin: 0px auto 0px auto; }
.cards_inner{ position: relative; width: 95%; max-width: 800px; margin: 20px auto 0px auto }
.card_left{ position: absolute; top:30px; left: 0px; }
.card_left img{ display: block; border: 4px solid #ffffff; height: 175px }
.card_right{ position: absolute; top:30px; right: 0px; }
.card_right img{ display: block; border: 4px solid #ffffff; height: 175px }

.card_active{ position: relative; display: block; margin: 0px auto; width: 420px; }
.card_active img{ display: block; border: 4px solid #ffffff;  }
.cards{ position: relative; margin: -120px auto 0px auto }
.logo{ position: relative; width: 100%; position: relative; text-align: center; }
.share_ttl{ position: relative; margin: 10px auto 0px auto; color: #000000; font-size: 28px; line-height: 32px; font-weight: 700;text-transform: uppercase; }
.share_sttl{ color: #c4ab5c; font-size: 22px; line-height: 22px; letter-spacing: -1px; font-weight: 400;text-transform: uppercase;  }

.sweeps{ width: 100%; max-width: 430px; margin: 20px auto 0px auto; position: relative; }
.player{ width: 100%; max-width: 550px; margin: 0px auto 0px auto; position: relative; }
.player iframe{ width: 100% !important; display: block; }
.prizes{ width: 100%; max-width: 430px; margin: 20px auto 0px auto; position: relative; font-size: 12px; line-height: 14px; color: #000000 }
.prize_ttl { font-weight: 700 }
.copy{ position: relative; margin: 20px auto 0px auto; width: 95%; font-size: 16px; line-height: 18px; color: #ffffff }

.share_buttons{ position: relative; width: 100%; margin: 10px auto; display: block; }
.share_buttons ul{ list-style: none; margin: 0px; padding: 0px;  position: relative; text-align: center; }
.share_buttons ul li{ list-style: none; margin: 10px 5px 0px 5px; display: inline-block; vertical-align: middle; width: 95%; max-width: 180px; }

.or_enter{ position: relative; color: #000000; margin: 5px auto 0px auto; font-size: 12px; line-height: 15px; text-align: center; }
.or_enter a{ text-decoration: underline; text-transform: uppercase; }

.album{ width: 95%; max-width: 350px; display: inline-block; vertical-align: top; margin: 30px auto 0px auto; }
.album_cover { display: inline-block; vertical-align: middle; position: relative; }
.album_info{ display: inline-block; vertical-align: middle; position: relative; width: 95%; max-width: 350px; }
.album_ttl{  position: relative; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 700; text-align: center; color: #000000; font-family: 'Open Sans',sans-serif }
.video{ position: relative; margin: 40px auto 0px auto; max-width: 580px; }
.video_ttl{font-size: 26px; line-height: 30px; text-align: center; color: #ffffff; position: relative;  }
.vid{ position: relative; margin: 8px auto 0px auto; }

.share{ position: relative; text-align: center; margin: 5px auto 0px auto }
.share a{ display: inline-block; vertical-align: middle; position: relative; margin: 5px; font-size: 30px; line-height: 35px; color: #575757 }
.photos{ position: relative; width: 95%; max-width: 670px; margin: 30px auto 0px auto; }
.more{ font-size: 40px; line-height: 45px; color: #000000; }

.preview{ width: 100%; max-width: 314px; position: relative; }
.preview img{ width: 100%; height: auto; position: relative; border: 0px solid #ffffff; box-sizing: border-box; }
.retail{ width: 95%; max-width: 710px; margin: 20px auto 0px auto; position: relative; }
footer .inner{ padding: 40px 0px 10px 0px }
.footer_icon{ width: 20px; display: inline-block; vertical-align: middle; margin: 5px; }
.footer_icon img{ width: 100%; position: relative; display: block; }
.powered{ position: relative; margin: 30px 0px 0px 0px; }
.footer_links{ position: relative; margin: 10px auto 0px auto }

.inst_ttl{ color: #ffffff; font-size: 18px; line-height: 22px; font-weight: 700 }
.inst_txt{ margin:10px auto 0px auto; font-family: 'Lato',sans-serif; font-size: 12px; line-height: 14px; }
.album{ width: 100%; position: relative; max-width: 650px; margin:20px auto 0px auto; }
.msg_ttl{ position: relative; text-transform: uppercase; font-family:'Futura LT W01 Bold'; font-size: 20px; line-height: 25px;  }
.msg_box{ margin:10px auto 0px auto; width: 95%; position: relative; }
.album_cover{ display: inline-block; vertical-align: top }
.album_cover img{display: block; box-sizing: border-box; border: 4px solid #ffffff;}
.album_info{ display: inline-block; vertical-align: top; width: calc(100% - 160px); margin:0px 0px 0px 10px; }
.buy{ position: relative; margin:10px auto 0px auto; font-weight: 700; font-size: 14px; line-height: 18px }
.content .inner{ padding: 10px 0px 40px 0px }
.feat_items{ width: 100%; position: relative; margin: 0px auto 0px auto; max-width: 745px; }
.feat_ttl{ margin:10px auto 0px auto; position: relative; color: #000000; font-family: 'cheddar_jackregular'; font-size: 60px; line-height: 65px;}
.featured .inner{ padding: 10px 0px 50px 0px }
.msg_drop{ position: relative; width: 95%; max-width: 403px; margin: 6px auto 0px auto; padding-bottom: 10px; }
footer .inner{ padding: 20px 0px 20px 0px; }
.powered{ text-align: center; }
.footer_links{ position: relative; text-align: center; color: #ffffff;  font-size: 16px; line-height: 20px; }
.footer_links p{ margin: 5px 0px 0px 0px;padding: 0px }

.gallery_items{ text-align: center; }
 @media handheld, only screen and (max-width: 1000px) {
    .head_img_b{ display: none; }
    .head_img_s{ display: block; }

 }

 @media handheld, only screen and (max-width: 760px) {



        .item{ width: 47%; height: auto !important; margin:1%; position: relative; display: inline-block; vertical-align: top; float: none; }
    
        .hash{ font-size: 40px; line-height: 45px }
    }

 @media handheld, only screen and (max-width: 800px) {
.inner{ width: 95% }

}

@media handheld, only screen and (max-width: 600px) {

.album_cover{ display: block; margin: 10px auto 0px auto; position: relative; width: 100%; }
.album_info{ display: block; margin: 10px auto 0px auto; position: relative; width: 100%; }
.item{ width: 43%; }

.hash{ font-size: 35px; line-height: 40px }

}


@media handheld, only screen and (max-width: 450px) {

    .hash{ font-size: 30px; line-height: 35px }

       

    }