/*** COMMON CSS ***/
.db_thankyoucontainer {
    padding: 20px;
    float: left;
    width:100%;
    text-align:center;
}
/***DB ***/



.size{width:1140px; padding:40px; float:left;}
a.click, a.more, input.button{display:inline-block; background:#000; padding:10px 25px; color:#fff; cursor:pointer;}
a.click{color:#999;}
a.more:hover, input.button:hover, a.click:hover{background:#262626;}

a.link{color:#f5c129;}
a.link:hover{color:#000;}

.error_message {
    color: red;
    width: 100%;
    font-weight: bold;
    display: block;
}

/*.common_container{width:1220px; float:left; padding:64px 0 0 0; background:#fff;}*/
.common_container{width:1220px; float:left; padding:0 0 0 0; background:#fff;}
input.text_here{border:1px solid #999; background:none; font-size:15px; color:#808080; height:65px; padding:0 4.5%; width:90%;}
input.text_here:focus{color:#000; border:1px solid #000;}

.home_one h2, .home_two h3,
.new_account_container h2,
.email_verification_container h2,
.your_account_content h2, .your_account_form h2,
.redeem_content h2{font-size:25px; font-family:'open_sansbold'; color:#000;}

.home_two .textbox ul li, .new_account_container .form_holder ul li, .email_verification_container .textbox ul li, .your_account_form ul li{width:100%; float:left; padding:0 0 20px 0;}

.common_banner{background:url(../images/background1.png) repeat-y center 0; text-align:center; font-size:36px; color:#000;font-family:'open_sansbold'; padding:60px 40px;}

/*** PAGE TOP ***/
.cd-top {display:inline-block;height:35px;width:35px;position:fixed;bottom:100px;right:10px;z-index:10;overflow:hidden;text-indent:100%;white-space:nowrap;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible {visibility:visible;opacity:1;}
.no-touch .cd-top:hover{opacity:10}

/*** HEADER ****/
.header{background:#000; padding:0 40px; position:fixed; top:0; z-index:500; float:none; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.2);}
.logo{width:112px; float:left;}
.social_icon{width:160px; float:right; padding:17px 0 0 0;}
.social_icon ul li{width:20px; padding:0 10px;}
.social_icon ul li img, .subscribe .btn_holder img{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;opacity:0.8;}
.social_icon ul li:hover img, .subscribe .btn_holder img:hover{opacity:10;}

/*** FOOTER ****/
.footer_images{background:#b5b5b5; text-align:center;}
.footer_images ul li{width:31.333%; margin:0 3% 0 0; padding:0 0 30px 0; background:#dddddd;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.footer_images ul li:last-child{margin:0;}
.footer_images ul li:hover{background:#fff;}
.footer_images .img_holder{width:100%; float:left;}
.footer_images .text_holder{width:100%; float:left;}
.footer_images .text_holder h3{font-size:20px; color:#000;font-family:'open_sansbold'; padding:20px 0;}
.footer{background:#000;}
.footer h4{font-size:18px; padding:0 0 15px 0; color:#fff;}
.footer a{color:#ffc325;}
.footer a:hover{color:#808080;}
.footer ul li{width:92%; line-height:30px; background:url(../images/symb1.png) no-repeat 0 10px; padding:0 0 0 15px;}
.footer_links{width:25%; float:left;}
.subscribe{width:250px; float:right;}
.subscribe .text_holder{width:100%; float:left;}
.subscribe .textbox{width:100%; float:left; padding:20px 0;}
.subscribe .textbox input{border:1px solid #808080; background:#fff; color:#808080; height:40px; padding:0 4.5%; width:90%;}
.subscribe .textbox input:focus{color:#000;}
.subscribe .btn_holder{width:85px; float:left;}

/*** HOME ***/
.home_banner{background:url(../images/background1.png) repeat-y center 0; text-align:center; padding:40px 40px 0 40px;}
.home_banner .img_holder{width:545px; float:right;}
.home_banner .text_holder{width:45%; float:left; color:#333; padding:130px 0 0 5%;}
.home_banner .text_holder h1{font-size:36px; padding:0 0 20px 0;font-family:'open_sansbold'; color:#000;}
.home_one, .home_two{width:42%; float:left; padding:40px 4%;}
.home_one .text_holder, .home_two .text_holder{width:100%; float:left; padding:20px 0;}
.home_two{background:#f2f2f2;}
.home_two .btn_holder, .home_two .textbox{width:100%; float:left;}

/*** YOUR ACCOUNT ***/
h1.new_account{padding:50px 0 0 0 !important;}
.new_account_container h2{padding:0 0 20px 0;}
.new_account_container .text_holder, .new_account_container .form_holder{width:48%; float:left;}
.new_account_container .text_holder{float:right;}

.popup_one{max-width:620px; padding:20px; float:left; background:#fff; border:5px solid #f7c329; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; box-shadow:0 0 30px rgba(0,0,0,0.3); overflow:hidden;margin:0 auto; clear:both; text-align:center; font-size:15px;line-height:normal; color:#333;}
.popup_one strong{font-size:28px; color:#f7c329; text-transform:uppercase;font-family:'open_sansbold';text-align:left}

@media only screen and (max-width: 600px) {
    .popup_one {
        max-width: 80% !important
    }
}
/*** EMAIL VERIFACATION ***/
.email_verification_container .textbox{width:48%; float:left;}
.email_verification_container .text_holder{width:100%; float:left; padding:20px 0;}

/*** YOUR ACCOUNT ***/
.your_account_tagline{width:100%; float:left; padding:40px 0; text-align:center; background:#ffc325; color:#000;}
.your_account_tagline a{margin:0 0 0 150px;}
.your_account_form .textbox{width:100%; float:left; padding:20px 0 0 0;}
.your_account_form .btn_holder{width:100%; float:left;}
.your_account_content, .your_account_form{width:42%; float:left; padding:40px 4%;}
.your_account_content{float:right; background:#f2f2f2;min-height:100%;}
.your_account_content .gallery{width:100%; float:left; padding:20px 0 0 0;}
.your_account_content .gallery ul li{width:47.5%; padding:0 5% 20px 0;}
.your_account_content .gallery ul li:nth-child(2n){padding:0 0 20px 0;}
.your_account_content .btn_holder, .your_account_content .gallery .img_holder, .your_account_content .gallery .text_holder{width:100%; float:left;}
.your_account_content .gallery .text_holder{padding:20px 0 0 0;}

/*** REDEEM ***/
.redeem_content{border-top:1px solid #ccc;}
.redeem_content h2{padding:0 0 20px 0;}
.redeem_content .terms, .redeem_content .address, .redeem_content .selection{width:30%; float:left;}
.redeem_content .selection img{width:50%;}
.redeem_content .terms .text_holder, .redeem_content .address .text_holder, .redeem_content .selection .text_holder{width:100%; float:left;}
.redeem_content .address{padding:0 3%;}
.redeem_content .terms{font-size:10px; line-height:25px;}
.redeem_content .terms a{font-size:15px;}

    .redeem_content .terms .promo {
        font-family: 'open_sansbold';
        font-size: 15px;
        line-height: 25px;
    }

.redeem_content .terms .scroll-box {
    height: 150px; /* maximum height of the box, feel free to change this! */
    overflow-y: scroll;
    width:100%;
}

/*** PRODUCT REGISTRATION ***/
.registration_content, .registration_form{width:42%; float:left; padding:40px 4%;}
.registration_form .selectbox{width:100%; float:left; color:rgba(128,128,128,10)}
.registration_form .selectbox select{border:0; height:45px; width:100%; background:url(../images/selectbox.png) no-repeat right 0; font-size:15px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; cursor:pointer; margin-top:10px;}
.registration_form .textbox{width:100%; float:left; padding:20px 0;}
.registration_form .textbox ul li{width:100%; float:left; padding:0 0 10px 0;}
.registration_form .textbox ul li:last-child{padding:0;}
.registration_form .textbox .img_holder{width:50px; float:left;}
    .registration_form .textbox .img_holder img {
        width: 100%;
    }
.registration_form .textbox .text_holder{width:80%; float:left; padding:0 0 0 20px;}
.registration_form .textbox .text_holder input.text_here{height:48px; width:65%;}
.registration_form .upload_image{width:100%; float:left; padding:20px 0;}
.registration_form .upload_image .text_holder{width:100%; float:left;}
.registration_form .upload_image .upload_script{width:100%; float:left; padding:10px 0;}
.registration_form .upload_image .img_holder{width:80%; float:left; top:0; left:0; position:relative; z-index:10;}
.registration_form .upload_image .remove_img{width:90%; float:left; padding:0 5%;top:0; left:0; position:relative; z-index:20; margin-top:-40px;}
.registration_form .upload_image .remove_img a{color:#FF0000;}

.imgresponsivepreview {max-width:50%;max-height:200px;}

.registration_content{float:right; background:#f2f2f2;}
.registration_content .text_holder{width:100%; float:left; padding:0 0 20px 0;}
.calendar{width:99.5%; float:left; border:1px solid #dcdcdc;}
.calendar .title{width:100%; float:left; padding:10px 0%; background:#fec329; color:#fff; text-transform:uppercase; text-align:center;}
.calendar .title .button{width:10%; float:left; padding:5px 0 0 0;}
.calendar .title .button img{width:11px; margin:0 auto;}
.calendar .title .month{width:80%; float:left; font-size:18px;font-family:'open_sansbold';}
.calendar .week, .calendar .date{width:100%; float:left; text-align:center; text-transform:uppercase; background:#d0d0d0;}
.calendar .week ul li, .calendar .date ul li{width:14.285%; float:left; background:url(../images/line1.png) repeat-y right 0; padding:5px 0;}
.calendar .week ul li:last-child, .calendar .date ul li:nth-child(7n){background:none;}
.calendar .date{background:#fff;}
.calendar .date ul li{border-top:1px solid #ccc;}
.calendar .date ul li.box{background:url(../images/line1.png) repeat-y right 0 #f6f6f6;}
.calendar .date ul li.select{background:url(../images/line1.png) repeat-y right 0 #fec329;}
.registration_content .btn_holder{width:100%; float:left; padding:20px 0 0 0;}