@font-face {
    font-family: 'cheddar_jackregular';
    src: url('../fonts/cheddar_jack-webfont.eot');
    src: url('../fonts/cheddar_jack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cheddar_jack-webfont.woff2') format('woff2'),
         url('../fonts/cheddar_jack-webfont.woff') format('woff'),
         url('../fonts/cheddar_jack-webfont.ttf') format('truetype'),
         url('../fonts/cheddar_jack-webfont.svg#cheddar_jackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{ margin: 0px; padding: 0px;}
body{ font-family: 'Montserrat', sans-serif; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #ffffff; 
    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: 53%; /* 49.45% = 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:4px solid #ffffff; background: #cccccc 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 }
.main_ttl{ position: relative; color: #ffffff;font-family: 'cheddar_jackregular'; font-size: 67px; line-height: 70px;  margin: 10px auto 0px auto }
.main_ttl2{ position: relative; color: #ffffff;font-size: 36px; line-height: 46px;  margin: 10px auto 0px auto;text-transform: uppercase;font-weight: bold}
.main_sttl{ position: relative; color: #ffffff; font-size: 25px; line-height: 28px; letter-spacing: 1px;text-transform: uppercase; }
.upload_ttl{ position: relative; width: 95%; max-width: 600px; font-family: 'Oswald',sans-serif; color: #000000; font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; margin: 10px auto 0px auto }
.share_btns{ position: relative; }
.share_btns img{ display: inline-block; vertical-align: middle; margin: 10px; }
.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:#ffffff; width: 100%; position: relative;}
.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: #f8f0ed; position: relative; border-bottom: 4px solid #dec8ca }
.content{ position: relative; background: url(../images/content_back.jpg) fixed top center no-repeat; }
.featured{ background: #ddc7c9; position: relative; }

.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; }
.item_info{ color: #000000; text-align: right; font-size: 12px; line-height: 16px; height: 16px; overflow: hidden; margin:2px 0px 0px 0px; text-align: right; font-weight: 700 }
.item{ width: 218px; border: 5px solid #ffffff; background: #ffffff; float: left; margin: 10px;}
.item .item_thumb{ width: 100%; height: auto !important; position: relative;  }
.item .item_thumb .vid_thumb{ position: absolute;top:0px;left: 0px; width: 100%; height: 100% }
.item .item_thumb .play_over img{ width: 100%; position: relative; height: auto; display: block; }
.item .pic img{ width: 100%; height: auto !important; display: block; }
.gallery_items{  max-width: 870px; position: relative; margin: 10px auto 0px auto; text-align: center; }
.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; background: url(../images/footer-bg.jpg) #015ca2 fixed top center repeat; 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: 14px; line-height: 18px; }
.album{ width: 100%; position: relative; max-width: 650px; margin:20px auto 0px auto; }

.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 }


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



.feat_items{ width: 95%; }
        .item{ width: 25%; height: auto !important; margin:1%; position: relative; display: inline-block; vertical-align: top; float: none; }
    

    }

 @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%; }

}


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

       

    }