body{font-size: .85em; font-family: Arial; color: #232323; background-color: #fff;margin:0;padding:0;-webkit-text-size-adjust: 100%; }
input[type="submit"] { -webkit-appearance: none; }
img{border:0;}
/*header, footer, nav, section {display: block;}*/

h1, h2, h3{color:#ec008c;}
.review-bg .editor-field {margin-top:10px;}
/*A Hover Visited Active Focus Styles */
a{ text-decoration:none;  }
a:hover{ text-decoration:underline; color:#729bef;}
a:visited{}
a:active{text-decoration:underline;}
a:focus{text-decoration:underline;}

#all-orders h1 {float:left;}
#all-orders .dw-lg-2.dw-md-3.dw-sm-4.dw-xs-12.all-orders {padding:0;}
#all-orders .all-orders {float:right;}

h2 span.position {color:#333;}

.btm-imgs img { max-width:367px !important; }
.btm-imgs a img {  max-width:447px !important; }

.all-page-links a{ color:#EC008C; }

.account-selected .grey-box-link {display:none;}
.sitemap li.blank { display:none;}

.grey-bg .editor-field input[type="checkbox"] { width:15px !important; height:15px !important; margin-top: 10px;}
.grey-bg.checkout.login .editor-label, .grey-bg.checkout.login .editor-field {padding-left: 15px;}
/* Header Styles */
.masthead{border-bottom:1px solid #1c1c1c;background-color: #333333;background: -webkit-linear-gradient(top, #333333, #212121);background: -moz-linear-gradient(top, #333333, #212121);background: -ms-linear-gradient(top, #333333, #212121);color:#fff;}

#headerleft{ float:right;   margin-top: 20px; }
#headercenter{position:relative; text-align:center;}
#headercenter .logo{position:absolute; top:0; left:0; height:auto; width:100%;}
#headercenter a{width:100%; height:auto; margin:0 auto; max-width:254px; display:block;}
#headercenter img{display:block; width:100%; height:auto;position:relative; z-index:10;}
#headerright{position:relative;}

#topmenu {display:block; font-size:0.9em;font-weight:bold;}
#topmenu ul{list-style:none;padding:0;margin:0;}
#topmenu a{color:#fff;display:block;}
#topmenu li.first a{background-image:url(images/home-icon.png); background-position:bottom center; background-repeat:no-repeat; text-indent:-9999px;}
#topmenu li.first a:hover{background-position:top center;}
.top-icon{background:url(images/menuicon.png) no-repeat center; height:47px;cursor:pointer;}
.basketicon{background:url(images/basketicon.png) no-repeat center; height:47px; display:block;width:50%;float:right;cursor:pointer;}
.usericon{background:url(images/usericon.png) no-repeat center; height:47px; display:block;width:50%;float:left;cursor:pointer;}

.home-text {text-align:center;}   
.home-text h1{width:100%;color:#ec008c;}

.slider-container{background:url(images/sliderbg1.png) repeat-x; height:100%;   margin-bottom: 10px; -webkit-background-size:5px 100%;-moz-background-size:5px 100%;-o-background-size: 5px 100%;background-size:5px 100%;}
.slider-container-alternative {height:100%; -webkit-background-size:5px 100%;-moz-background-size:5px 100%;-o-background-size: 5px 100%;background-size:5px 100%;}
.slider-container .container{position:relative;}
.slider-container .bx-wrapper{width:100%;max-width:1170px !important;overflow:hidden;}
#homeslider img{width:100%; height:inherit;display:block;}
#homeslider-student-banner img {width: auto; height:inherit; display:block; margin:0 auto;}

.section.five .prod-item { margin-bottom:20px; }

.img-flare{width:auto;height:100%; display:block; margin:0 auto;position:absolute;}

.popular-prod{text-align:center; margin-bottom:30px;}
.popular-prod h2{color:#ec008c;}
a.prod-item{display:block;color:#333;}
a.prod-item:hover{text-decoration:none;}
a.prod-item img{max-width:150px; margin:0 auto; width:100%;}
a.prod-item .prices{height:36px; line-height:18px;}
a.prod-item .title{display:block;line-height:18px;height:36px; overflow:hidden;margin:5px 0;}
a.prod-item .pricebest{color:#13a89e;font-weight:bold;font-size:1.1em;}
a.prod-item .rrpprice{color:#7c7c7c;font-weight:bold;text-decoration:line-through;font-size:1.1em;}
a.prod-item .buy-btn{width:110px; max-width:100%; background:#ec008c; color:#fff;display:block; margin:5px auto 0 auto;line-height:28px; height:28px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:0.95em; border-bottom:3px solid #c80068;font-weight:bold;}
a.prod-item:hover .buy-btn{border-bottom:3px solid #ec008c;}
a.prod-item:active .buy-btn{border-bottom:3px solid #ec008c; border-top:3px solid #c80068; line-height:24px;}
.popular-prod .bx-prev{position:absolute;left:0;top:50%; text-indent:-9999px; background:url(images/prev.png) no-repeat left; width:20px; height:36px;}
.popular-prod .bx-next{position:absolute;right:0;top:50%; text-indent:-9999px; background:url(images/next.png) no-repeat right; width:20px; height:36px;}
.prod-desc{display:block;}
.h1section h1{font-size: 1.5em;margin: 15px 0;line-height: 26px;}
.imageouter .reviews { background: #e2e2e2; width: 110%; height: 36px; line-height: 36px; margin: 10px 0; font-size: 0.85em; float:right;}

.home-main h3{margin-top:0;}
.rss{border:1px solid #d6d6d6;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.rss h3{color:#333;}
.rss .blogpost{display:block; margin-bottom:15px;}
.blogdate{width:51px; height:51px; text-align:center;float:left; margin:0 8px 15px 0;font-size:0.85em;font-weight:bold;color:#fff; background:url(images/blogbg.png) no-repeat center;padding:10px 1px 0 0; line-height:14px;}
.blogdate span{display:block;font-size:1.35em;}
.blogcont a{color:#333;}
.blogcont a.read{color:#ec008c;font-weight:bold;}
.blogcont .title{font-weight:bold;}

img.shadow-img{width:100%; height:auto; margin-top:10px; display:block;}

/* Footer Styles */
.footer {border-top: 1px solid #eee;margin-top: 40px; background:#333;color:#fff;}
.footer h3{color:#fff;}
.footer a{color:#fff;}
.footer #col1{}
.footer #col2{}
.footer #col3{}
.footer #footnoteleft{font-size:0.8em;}
.footer #footnoteright{font-size:0.8em;}

a.twitter-foot{display:block;padding-left:28px; background:url(images/twitter-head.png) no-repeat left center; line-height:25px; color:#fff;}
a.facebook-foot{display:block;padding-left:28px; background:url(images/facebook-head.png) no-repeat 4px center; line-height:25px; color:#fff;}
a.google-foot{display:block;padding-left:28px; background:url(images/googlehead.png) no-repeat left center; line-height:25px; color:#fff;}

.prod-desc a{ color:#EC008C;}


/* Product */

.slides_container img{width:100%; height:auto; max-width:500px; display:block;}
.pagination{display:block;width:100%;}
.pagination a{width:23%;float:left; margin:10px 1%;}
.pagination a img{border:1px solid #fff;}
.pagination a:hover img, .pagination a.active img{border:1px solid #333;}
.pricesection{margin-bottom:15px;display:block;}
.pricesection .green{width:100%; background:url(images/instock.png) #13a817 no-repeat 20px center; height:38px; line-height:38px; display:block; color:#fff; text-align:center; padding-left:5%; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pricesection .red{ width:100%; background:url(images/outofstock.png) #EC008C no-repeat 20px center; height:38px; line-height:38px; display:block; color:#fff; text-align:center; padding-left:5%; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pricesection .next-day{width:100%; background:url(images/nextday.png) #e2e2e2 no-repeat 7% center; height:38px; line-height:38px; display:block; color:#333333; text-align:center; padding-left: 14%; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold;}
.pricesection .next-day a { color:#333 !important; font-size: 0.95em; }
.price{color:#13a89e;font-size:2em; font-weight:bold; line-height:38px;}
.now{font-size:1.3em;font-weight:bold;float:left;width:55px; line-height:42px; height:38px;}
.wasprice{color:#b2b2b2;font-size:1.6em; font-weight:bold; line-height:40px;text-decoration:line-through;}
.wasdiv{margin-bottom:-7px;}
#optionform{line-height:45px;}
#optionform strong, #optionform .dropdown { display: block; margin-bottom: 15px; height:45px;}
#optionform strong{font-size:1.3em;}
#optionform .dropdown{background:url(images/dropdown1.png) #f1f1f1 no-repeat right center; padding-left:5%;border:1px solid #d0d0d0;}
#optionform .dropdown.type2{background:url(images/dropdown2.png) #f1f1f1 no-repeat right center;}
#optionform .dropdown select{width:100%; height:45px !important;position:absolute;right:0;cursor:pointer;}
input.addtobasket{width:100%;margin:0;border:0;background:#ec008c;color:#fff;font-weight:bold;cursor:pointer;line-height:56px; height:56px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-bottom:4px solid #c80068;font-size:1.4em;}
input.addtobasket:hover{border-bottom:4px solid #ec008c;}
input.addtobasket:active{border-bottom:4px solid #ec008c; border-top:4px solid #c80068; line-height:51px;}
.priceleft{font-size:1.3em; line-height:46px; height:46px; margin:5px 0;}
.priceleft input{height:44px; border:1px solid #d0d0d0; width:60px; padding: 0 10px;text-align:right;font-size:1.2em;font-weight:bold;background:#f1f1f1;margin-left:10px;}
.student .sharethis {position:absolute; right:0;}
.sharethis{height:22px; padding:12px 0;}
.sharethis span.sharet{float:right;height:26px;}
.stButton{height:26px !important;}
.st-pinterest-counter{height:22px !important; padding:2px 0 0 0 !important;}
.stButton .st-twitter-counter, .stButton .st-facebook-counter{height:22px !important;}
.stArrow, .stArrow .stHBubble{height:22px !important;}

/* Product Listing */
.product.Grid .details { text-align:center; font-size:0.9em; }
.product.Grid .details strong { font-size:1.2em; }
.product.Grid .pricing { text-align:center; height:110px; }
.product.Grid .pricing .red-small { margin-top:10px; display:block; margin-bottom: 2px; }
.product.Grid .pricing .green-big { display:block; margin-bottom:10px; }
.product.Grid .pricing .green-big strong{ font-size: 1.2em; }
.product.Grid .pricing .green-big span { color: #13A89E; font-size: 1.3em; font-weight:bold; }
.product.Grid .pricing .crossed-out { color:#7c7c7c; font-weight:bold; text-decoration:line-through; }
.product.Grid .pricing .price { color:#13a89e; font-size:1.4em; display: block;float: none; margin-bottom: 0px;}
.product.Grid .pricing a{width:65%; max-width:100%; background:#ec008c; color:#fff;display:block; margin:5px auto 0 auto;line-height:28px; height:28px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:0.95em; text-align:center; border-bottom:3px solid #c80068;font-weight:bold; position: absolute; bottom: 0px; left: 18%; }
.product.Grid .pricing a:hover{border-bottom:3px solid #ec008c; text-decoration:none;}
.product.Grid .pricing a:active{border-bottom:3px solid #ec008c; border-top:3px solid #c80068; line-height:24px;}

.subcategory { margin-bottom:20px;}
.subcategory a { color:#333 !important; }

/* Main Body tyles */
#content{min-height:500px;}
#content #pagecontent{}

.product.Grid{ background-color:#fff; padding-left:10px; margin-bottom: 30px; min-height: 355px; position:relative;}

#contactleft a { color: #EC008C; text-decoration:none; }
.display-label a {color:#ec008c;}

/*Basket*/
.checkoutprices{font-size:1.1em;}
.dw-sm-9.dw-xs-12.discounters { padding: 15px 0 75px 15px; background-color:#e2e2e2;}
.headrow{font-weight:bold;padding:10px 0 0 0; height:auto;}
.row{line-height:22px; padding:0 !important;}
.row .col1{width:52%;float:left;padding:10px 1%;background-color:#fff;border-right:1px solid #e2e2e2;}
.row .col2{width:16%;float:left;padding:10px 1%;background-color:#fff;border-right:1px solid #e2e2e2;}
.row .col3{width:16%;float:left;padding:10px 1%;background-color:#fff;text-align:center;font-weight:bold;border-right:1px solid #e2e2e2;line-height:24px;}
.row .col4{width:16%;float:left;padding:10px 1%;background-color:#fff;text-align:center;font-weight:bold;line-height:24px;}

.row .col1 strong{line-height:24px;font-size:1.1em;}
.row .col1 a{color:#ed4343; font-size:0.9em; text-transform:uppercase;font-weight:bold;}
.row .col2 input[type="text"]{float:left;width:50px; text-align:center; font-weight:bold;padding:0; height:24px;margin:0;border:1px solid #cdcdcd;}
.row .col2 input[type="submit"]{float:left;border:0;margin:0 0 0 4px; padding:0; background:transparent;text-transform:uppercase;height:24px; cursor:pointer;color:#9f9f9f; font-size:0.9em;}

.row .col1header{width:52%;float:left;padding:1%;background-color:#DEDEDE;border-bottom:1px solid #DEDEDE;border-left:1px solid #DEDEDE;}
.row .col2header{width:16%;float:left;padding:1%;background-color:#DEDEDE;border-bottom:1px solid #DEDEDE;text-align:center;}
.row .col3header{width:16%;float:left;padding:1%;background-color:#DEDEDE;border-bottom:1px solid #DEDEDE;text-align:center;}
.row .col4header{width:16%;float:left;padding:1%;background-color:#DEDEDE;border-bottom:1px solid #DEDEDE;border-right:1px solid #DEDEDE;text-align:center;}

.food-safe-logo {  float:right; margin-left:20px;}
#discountform .validation-summary-errors {display:none;}
.summaryheader{padding:10px 1%;background-color:#DEDEDE;border-bottom:1px solid #DEDEDE;font-weight:bold;text-align:center;width:100%;font-size:1.3em;margin-bottom:5px;}
.totcat{width:50%;float:left;border-bottom:1px solid #DEDEDE;line-height:24px;padding:5px 0 5px 10px;}
.totval{width:50%;float:left;border-bottom:1px solid #DEDEDE;line-height:24px;padding:5px 10px 5px 0;font-weight:bold;text-align:right;}
.thetotal{font-size:1.2em;width:38%;float:left;padding-left:10px; line-height:36px;background:#e2e2e2;font-weight:bold;}
.thetotalval{font-size:1.3em;width:62%;float:left;text-align:right;padding-right:10px; line-height:36px;font-weight:bold; color:#ec008c; background:#e2e2e2;}
.linksfooter { margin-top: 15px; display:block; }
.show-all-cat.edit.dw-lg-2 { display: none; }

.padd10.other {background-color:#e2e2e2;}
#referralcodeform #ref-added {line-height:25px; padding: 15px 0px;}
#referralcodeform #ref-added a {color:#ED4343;}
#referralcodeform #ref-added #tick {margin-top:-5px; float:left;}

.dw-xs-12.about-referralcodeform {padding: 0px;}
.about-referralcodeform {margin-top:30px; font-size: 0.9em; line-height: 15px;}
.about-referralcodeform a {color:#ec008c; }

.white-background .dw-md-3.dw-sm-4.dw-xs-12.cont-btn, .white-background .dw-md-3.dw-sm-4.dw-xs-12.empty-btn {padding-left:0px;}




/*------------------- GridList -----------------*/

#label_layout_Grid{padding-left:18px; background-image:url(images/grid.png);  background-repeat:no-repeat; height:16px; width:16px;  cursor:pointer;}
#label_layout_Grid.selected, #label_layout_Grid:hover{ background-position:bottom left;}

#label_layout_List{padding-left:18px; background-image:url(images/list.png);  background-repeat:no-repeat; height:16px; width:16px; cursor:pointer;}
#label_layout_List.selected, #label_layout_List:hover{background-position:bottom left; }

.out-stock-overlay { position:absolute; right:17px; top:0px; background-image:url(images/out-of-stock-overlay.png); background-repeat:no-repeat; width:62px; height:62px;}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset { border:1px solid #ddd; padding:0 1.4em 1.4em 1.4em; margin:0 0 1.5em 0; }
legend { font-size:1.2em; font-weight: bold; }
textarea { min-height: 75px; }
.editor-label { margin: 1em 0 0 0; }
.editor-field { margin:0.5em 0 0 0;}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{ color: #ff0000;}
.field-validation-valid{  display: none;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold; color: #ff0000;}
.validation-summary-valid{ display: none;}

.OK{padding:10px;border:1px solid #339933;color:#339933;background-color:#eeffee;margin:10px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.OK a { float:right; width: 110px; max-width: 100%; background: #0aa000;color: #FFF;display: block; margin-top: -6px; text-align: center; line-height: 28px;height: 28px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font-size: 0.95em;border-bottom: 3px solid #008900; font-weight: bold; margin-left:20px;}
.OK a:hover {border-bottom: 3px solid #0aa000; text-decoration:none; }
.KO{padding:10px;border:1px solid #993333;color:#993333;background-color:#ffeeee;margin:10px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.Generic{padding:10px;border:1px solid #333;color:#333;background-color:#ccc;margin:10px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#atbMessage { padding:0 15px;}

#enquiryform #enquiryform .validation-summary-errors {display:none;}
#basket-last10 .validation-summary-errors {clear:both !important;}
#basket-last10 .validation-summary-errors ul {padding:15px 0px 0px !important; list-style:none;}

/* Password Strength Bar
------------------------------------------------------------*/
.passwordStrengthBar {background: white; border: 1px solid #777777; margin: 1px; width: 155px; } 
.passwordStrengthBar div{ height: 5px;  width: 0; } 
.passwordStrengthBar div.strong {background-color: #32cd32; } 
.passwordStrengthBar div.medium { background-color: yellow; } 
.passwordStrengthBar div.weak { background-color: orange; } 
.passwordStrengthBar div.useless { background-color: red; } 

/* REVIEW STARS
--------------------------------------------------------------*/
span.repeatinggrey{width:65px !important; height:13px; background-image:url(images/reviews/grey-star-large.png); margin:0px; display:inline-block; background-repeat:repeat-x; text-align:left; background-size:13px 13px;}
span.repeatingyellow{ height:13px; background-image:url(images/reviews/yellow-star-large.png); margin:0px; display:inline-block; background-repeat:repeat-x; text-align:left; background-size:13px 13px;}

span.repeatinglargergrey{width:95px; height:19px; background-image:url(images/reviews/grey-star-large.png); display:inline-block; background-repeat:repeat-x; text-align:left; background-size:19px 19px;}
span.repeatinglargeryellow{ height:19px; background-image:url(images/reviews/yellow-star-large.png); margin:0px; display:inline-block; background-repeat:repeat-x; text-align:left; background-size:19px 19px;}

.form-review { margin-top:10px }
.show-review { min-height:370px; margin-bottom:20px;}
.review-comment { line-height:21px !important; font-size: 0.9em;}
.form-review .greyStar { width:19px; height:19px; background-image:url(images/reviews/grey-star-large.png); margin:0px; display:inline-block; z-index:20;cursor:pointer; background-size:19px 19px;}
.form-review .yellowStar  { width:19px; height:19px; background-image:url(images/reviews/yellow-star-large.png); margin:0px; display:inline-block; z-index:20; background-size:19px 19px;}
.form-review .selectedyellowStar{ width:19px; height:19px; background-image:url(images/reviews/yellow-star-large.png); margin:0px; display:inline-block; z-index:20; background-size:19px 19px;}

.greyStar { width:13px; height:13px; background-image:url(images/reviews/grey-star-large.png); margin:0px; display:inline-block; z-index:20;cursor:pointer; background-size:13px 13px;}
.yellowStar  { width:13px; height:13px; background-image:url(images/reviews/yellow-star-large.png); margin:0px; display:inline-block; z-index:20; background-size:13px 13px;}
.selectedyellowStar{ width:13px; height:13px; background-image:url(images/reviews/yellow-star-large.png); margin:0px; display:inline-block; z-index:20; background-size:13px 13px;}
.formcol .editor-field{width:100%; margin:5px 0 12px 0;}
.formcol .editor-field input{width:100%; padding:0 0 0 3%; background:#fff; color:#888888; line-height:34px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:0;display:block; height: 34px;}
.formcol .editor-field .image { -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:0;display:block; height: 34px; background:#fff; line-height:34px;}
.formcol .editor-field .image .sec-images { margin:0 auto; max-width:150px; text-align:center; }
.formcol .editor-field textarea{width:100%; padding:10px 3%; background:#fff; color:#888888;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:0;resize:none;font-family:Arial;display:block;height:126px;margin:0;}
.formcol input[type="submit"]{width:100%; color:#fff; border:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer; line-height:34px;height:34px;background:#ec008c;font-size:1.2em;font-weight:bold;border-bottom:3px solid #C80068;}
.formcol input[type="submit"]:hover{border-bottom:3px solid #ec008c;}
.formcol input[type="submit"]:active{border-bottom:3px solid #ec008c; border-top:3px solid #c80068; line-height:29px;}

.useraccount.open{height:auto;}

.greyStar { width:13px; height:13px; background-image:url(images/reviews/grey-cog.png); margin:0px; display:inline-block; z-index:20;cursor:pointer;}
.yellowStar  { width:13px; height:13px; background-image:url(images/reviews/yellow-cog.png); margin:0px; display:inline-block; z-index:20; }
.selectedyellowStar{ width:13px; height:13px; background-image:url(images/reviews/yellow-cog.png); margin:0px; display:inline-block; z-index:20; }

/* Affiliates*/

.profile-top h1 {float:left;}
.profile-top h2 {float:left;}
.profile-top .all-orders {float:right; margin-bottom:30px;}
.profile-top .dw-lg-2.dw-md-3.dw-sm-4.dw-xs-12.all-orders {padding:0px;}
.account-affiliate-profile {background-color:#e2e2e2; padding:20px; border-radius:4px;}
.editing-profile {padding:20px 0px;}
.editing-profile a {color:#ec008c;}
.account h1 {float:left;}
.account .account2 .dw-lg-4.last-link {padding-right:0; float:right;}
.account .account2 {padding-bottom:30px;}
a.leaderboardperson:hover {color:#ec008c;}
.leaderboard-black a {display:block; width:100%; height:49px; line-height:49px; color:#fff; background-color:#333; border-bottom: 3px solid #444; border-radius:3px; text-align:center; font-size:1.1em; margin-top:10px;}
.leaderboard-black a:hover {text-decoration:none; border-bottom: 3px solid #333;}
.profile-pic {float:left; border: 1px solid #a8a8a8;}
.profile-pic.dw-sm-3.dw-xs-6 {padding:0px;}
.profile-pic img {width:100%; height:auto;}
.profile-description {float:left;}
.profile-description h3 {margin: 20px 0px;}
.profile-description.dw-sm-9.dw-xs-6 {padding-right:0px;}

.statistics .profile-top h2 {margin-bottom:10px;}
.statistics .profile-top .all-orders {margin-bottom:-10px; margin-bottom:15px;}
.profile-search {padding:10px; float:left; background-color:#e2e2e2; color:#333; border-radius:4px; margin-bottom:15px; width:299px;}
.profile-search #show {float:left; font-weight:bold; padding-top:5px; padding-right:6px;}
.profile-search #month {float:left;}
.profile-search #year {float:left; padding-right:6px;}
.profile-search #submit {float:left;}
.profile-search input[type = "submit"] {display:block; float:left; color:#fff; text-align:center; font-weight:bold; background-color:#ec008c; border:none; border-radius:3px; width:70px; height: 20px; line-height:20px}
.profile-search input[type = "submit"]:hover {text-decoration:underline;}
.profile-search select {float:left; height:20px;}
.statistics-top {min-width:720px !important; }
.statistics-top .orders-top {text-align:left; color:#fff; background-color:#333; height:40px; line-height:40px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 3px solid #020202;}
.statistics-top .statistics-content {text-align:left; color:#fff;  }
.orders {background-color:#d1d1d1; height:40px; line-height:40px; border-bottom: 3px solid #bdbdbd; color:#333; font-weight:bold;}
.orders.other {background-color:#e2e2e2;}
.statistics-bottom {height:40px; line-height:40px; min-width:720px !important; }
.statistics-bottom .order4 {border-bottom-left-radius:4px;}
.statistics-bottom .order6 {border-bottom-right-radius:4px;} 
.statistics-bottom .pink {font-weight:bold; background-color:#333; border-bottom: 3px solid #020202;}

.account-index-products {height:30px;}
span.account-index-products {height:30px;}
.order-items #details {min-height:100px !important;}
.order-items .dw-md-4.dw-xs-6 {min-height:100px !important;}
.order-items .dw-sm-4.dw-xs-3.column-heights {min-height:100px !important;}
.order-items #cost {min-height:100px !important;}
.gtotal {padding:5px 0; font-size:1.1em;}
.order-hist h2 {background-image:url('images/orders.png'); background-repeat:no-repeat; background-size: 24px 20px; background-position: left center; padding-left:40px;}

.pop-image {width:100% !important; max-width:430px; margin:0 auto;}
.pop-image img {display:block; margin:0 auto; width:100%; max-width:440px; height:auto;}


.leaderboard {margin-left:auto; margin-right:auto; background-image:url(images/bg.png); background-repeat:no-repeat; background-size: 1000px 1000px; background-position:top center;} 
.leaderboard.md {background-size:1000px 725px;}
.leaderboard.sm {background-size:1000px 450px;}
.leaderboard-top {width:375px; margin: 0 auto;}
.leaderboard-main {width:670px; font-size: 1.2em; font-weight:bold; margin:0 auto;position:relative;}
.leaderboard-column-headings {height:45px; line-height:45px; color:#fff; background-color:#333; border-bottom:3px solid #020202; padding:0 9px; border-radius:5px;}
.leaderboard-results {width:660px; padding:0; margin: 0 auto; border-left: 4px solid #020202; border-right: 4px solid #020202; overflow:hidden; background-color:#bdbdbd;}
.leaderboard-person {min-height:43px; height:auto; color:#ec008c; border-bottom: 3px solid #bdbdbd; background-color:#d1d1d1; }
.leaderboard-person.other {background-color:#e2e2e2;}
.leaderboard-person.user {background-color:#ec008c; Color:#333; position:relative;}
.leaderboard-main .left {background-image:url('images/leader-left.png'); background-repeat:no-repeat; background-size:21px 40px; position:absolute; width:21px; height:40px; top:44px; left:-35px;}
.leaderboard-main .right {background-image:url('images/leader-right.png'); background-repeat:no-repeat; background-size:21px 40px; position:absolute; width:21px; height:40px; top:44px; right:-35px;}
.rank {text-align:center;}
.name {text-align:left;}
.leaderboard-column-headings .name.dw-xs-8 {padding-left:19px;}
.leaderboard-person .rank {padding-top:11px;}
.leaderboard-person .name {border-left: 4px solid #bdbdbd; border-right: 4px solid #bdbdbd; padding-top:11px; padding-bottom:11px;}
.leaderboard-person .name .visible-leaderboard {cursor:pointer;}
.leaderboard-person .name .visible-leaderboard:hover { text-decoration: underline; }
.leaderboard-person .name .hidden-leaderboard {display:none; padding:15px; width:100%}
.fancybox-inner .hidden-leaderboard {width:100%;}
.leaderboard-person .name .hidden-leaderboard .dw-xs-12 {padding-bottom:15px;}
.leaderboard-person .name .hidden-leaderboard.dw-xs-12 {padding-top:15px;}
.leaderboard-person .score {padding-top:11px;}
.score {text-align:center;}
.leaderboard-base {height:20px; background-color:#333; border-bottom:3px solid #020202; padding:0 5px; border-radius:5px;}
.tie-breaker {text-align:center; padding: 20px 0px;}
    
.grey-background {background-color:#e2e2e2; padding:15px 0px;}
.grey-background h2 {padding-left:15px;}
.grey-background .entry-field h2 {padding:0px;}
.grey-background .entry-field h2.pink.right {margin-bottom:5px;}
.grey-background .entry-field .h2-text {padding-bottom:15px;}
.grey-background .label.dw-lg-4.dw-xs-12 {padding:0px;}
.grey-background .label label {width:100%;}
.grey-background .editor.dw-lg-8 {padding-right:0px;}
.grey-background .editor.dw-xs-12 {padding:0px 0px 15px;}
.grey-background .editor input {width:100%; height:40px; border:0px}
.grey-background .editor input.check-box {max-width:15px; float:right;}
.grey-background .submit-btn input[type="submit"] {width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; border-radius:3px; border:none; border-bottom: 3px solid #c80068 !important; background-color:#ec008c; cursor:pointer;}
.grey-background .submit-btn input[type="submit"]:hover {border-bottom:3px solid #ec008c !important;}
.grey-background .submit-btn.dw-lg-8.dw-xs-12 {padding:0px;}

.grey-background .entry-field.submit {padding-top:15px;}
.grey-background .editor .dropdown {width:100%; height:40px; background-color:#fff; border:none; line-height:40px;}
.grey-background .editor .dropdown select {width:100%;}
.grey-background .editor .dropdown.rep select {height:40px; border:none;}
.entry-field.photo .editor.dw-lg-8.dw-xs-12 {float:right; background-color:#d9d9d9;}
.entry-field.photo .editor.dw-lg-8.dw-xs-12 input#fileUpload {float:right; border:none; padding:10px 0px;}
.entry-field.photo .editor.dw-lg-8.dw-xs-12 input {border:none !important;}

/*Student Rep*/

.pink {color:#ec008c;}

.student .top {text-align:center; padding-bottom:30px;}
.student .mid-top {border: 2px solid #ec008c; border-radius:5px; padding:0px 15px;}
.student .mid-top ul {padding-left:15px;}
.student .mid-top ul li span {color:#232323; font-weight:bold; line-height:20px;}
.student .mid-bottom {padding:15px 0px;}
.student .mid-bottom h2 {margin-bottom:5px;}
.student .mid-bottom .left.dw-sm-6 {padding-left:0px;}
.student .mid-bottom .right.dw-sm-6 {padding-right:0px;}
.student a {color:#ec008c;}




@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:767px) {
	.express-icon { background-image: url(images/express-icon-large.png) !important; background-size:27px 21px !important; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:767px) {
	.express-icon { background-image: url(images/express-icon-large.png) !important; background-size:27px 21px !important; }
	.basketicon { background: url(images/basketicon-large.png) no-repeat center !important; background-size:20px 16px !important; }
	a.facebook-foot { background: url(images/facebook-head-large.png) no-repeat 4px center !important; background-size:8px 17px !important; }
    a.google-foot { background: url(images/googlehead-large.png) no-repeat left center !important;  background-size:22px 19px !important; }
    a.twitter-foot{ background: url(images/twitter-head-large.png) no-repeat left center !important; background-size:21px 17px !important; }
    .out-stock-overlay{background-image: url(images/out-of-stock-overlay-large.png) !important; background-size:62px 62px !important;}
    .usericon{background: url(images/usericon-large.png) no-repeat center !important; background-size:16px 17px !important;}
    .new-cust-icon { background-image: url(images/new-cust-icon-large.png) !important; background-size:36px 25px !important;}
    .login-icon { background-image: url(images/login-icon-large.png) !important; background-size:26px 25px !important; }
    .top-icon{ background-image: url(images/menuicon-large.png) !important; background-size:19px 15px !important; }

}


@media screen and (max-width:767px) {
    #headerleft { display: none; }
	.container { min-width:325px;}
	#topmenu ul{height:0;overflow:hidden;position: absolute;top: 100%;left: 10px;width:260px; background:#333;z-index:110;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
	#topmenu ul.open{height:auto;padding: 0 0 10px 0;}
	#topmenu li.first a {background:none;text-indent:0;padding-top:10px;}
	li.blank{display:none;}
	#topmenu ul li{line-height:30px;}
	#basket-header{display:none;}
	.grey-bg.checkout.login .editor-field textarea { height: 100px; border-bottom: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; width:100%; }
	.useraccount {height: 0;position: absolute;right: 0;top: 100%;width: 250px;overflow: hidden;background:#333333;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;z-index:100;font-size:0.9em;}
	a.loginbtn{float:left; margin:5px; background: #13a89e no-repeat 5px center; color:#fff;line-height:30px;font-weight:bold;font-size:0.95em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:115px; text-align:center;}
	a.registerbtn{float:right; margin:5px;background: #662d91 no-repeat 5px center; color:#fff;line-height:30px;font-weight:bold;font-size:0.95em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:115px; text-align:center;}
	a.loginbtn:hover{background-color:#662d91;text-decoration:none; }
	a.registerbtn:hover{background-color:#13a89e;text-decoration:none; }    
	.footerlogos{width:100%; max-width:447px; height:auto; display:block; margin:0 auto 20px auto;}
	.sagepay{width:100%; max-width:350px; height:auto; display:block; margin:0 auto 20px auto;}
	.cols{max-width:460px; margin:0 auto;}
	#col2{padding-top:15px;}
	.social-foot{margin:20px 0;}
	.linksfooter{display:block; margin-bottom:15px; font-size:0.9em;}
	#footnoteleft, #footnoteright{margin:0 auto; max-width:460px;line-height:16px;}
	#footnoteright{margin-bottom:5px;}
    a.home-links.right { margin-bottom:30px; }
	a.home-links{display:block; margin:10px 0; height:99px; position:relative;}
	a.home-links.left img{width:192px; height:auto;position:relative;z-index:2;margin-left:-30px;}
	a.home-links.mid img{width:118px; height:auto;position:relative;z-index:2;padding-top:18px;margin-left:-23px;}
	a.home-links.right img{width:148px; height:auto;position:relative;z-index:2;margin-left:-24px;padding-top:1px}
	a.home-links .inner-link{display:block; height:79px;width:100%; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow: 0 0 10px #333;-webkit-box-shadow: 0 0 10px #333;box-shadow:0 0 10px #333; position:absolute;left:0; bottom:0;z-index:1;}
	a.home-links.left .inner-link{background-color: #eb008b;background: -webkit-linear-gradient(top, #eb008b, #98005a);background: -moz-linear-gradient(top, #eb008b, #98005a);background: -ms-linear-gradient(top, #eb008b, #98005a);}
	a.home-links.mid .inner-link{background-color: #662d90;background: -webkit-linear-gradient(top, #662d90, #421d5d);background: -moz-linear-gradient(top, #662d90, #421d5d);background: -ms-linear-gradient(top, #662d90, #421d5d);}
	a.home-links.right .inner-link{background-color: #13a79d;background: -webkit-linear-gradient(top, #13a79d, #0c6c66);background: -moz-linear-gradient(top, #13a79d, #0c6c66);background: -ms-linear-gradient(top, #13a79d, #0c6c66);}
	a.home-links .img-btn{position:absolute; right:4%; top:50%; z-index:4;margin-top:-9px;text-align:center; background-color:#333;color:#fff; line-height:38px; height:38px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:0.9em; border-bottom:3px solid #1f1f1f; width:155px; max-width:92%;}
	a.home-links:hover .img-btn {border-bottom:3px solid #333; }
	a.home-links:active .img-btn{border-bottom:3px solid #333; border-top:3px solid #1f1f1f; line-height:39px;}
	.home-text, .home-main{font-size:0.9em;}
	.home-text h1{font-size:1.5em;}
	.home-main h3, .popular-prod h2{font-size:1.3em;}
	.popular-prod .bx-next{width:30px;right:0px;display:none;}
	.popular-prod .bx-prev{width:30px;left:0px;display:none;}
	a.prod-item{font-size:0.9em;}
    .dw-xs-12.about-referralcodeform {padding-top:5px;}
	#contactright { margin-top:20px; }
	#breadcrumb{text-indent: -3000px;}    
    .student #breadcrumb {display:none;}
	#homeslider{height:auto;  margin-bottom:-2px;}
	#homeslider img{ max-height: 220px;}
    #homeslider-student-banner {height:auto;}
    #homeslider-student-banner img {max-height:220px; width:100%; max-width:720px;}
    .white-background .dw-md-3.dw-sm-4.dw-xs-12.cont-btn, .white-background .dw-md-3.dw-sm-4.dw-xs-12.empty-btn {padding-right:0px;}
    .grey-background .entry-field h2.pink.left {margin-bottom:15px;}

/*Product*/
    .imageouter{max-width:460px; display:block;margin:25px auto 0 auto;}
	.price{margin-bottom:15px;float:left;}
	.pricesection .green {width:105%;background: url(images/instock.png) #13A817 no-repeat 10% center;padding-left:12%;max-width: 185px;}
	.pricesection .next-day{background-image:none;font-size:0.9em;width: 105%;float: right;padding:0;max-width: 185px;}
	#optionform strong{margin:0;line-height: 36px;height: auto;}
	.priceleft{font-size:1.1em;}
	.priceleft input{margin-left: 5px;padding: 0 7%;width: 62%;margin-right: -20px;}
	input.addtobasket{font-size:1.2em;}
	.prod-desc{display:block; margin:25px 0 10px 0; font-size:0.9em;}

/*basket*/
	.row.headrow{display:none;}
	.row .col1 {width: 100%;text-align: left;height: auto!important;border-right: 0; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;}
	.row .col2{width:50%; height:60px !important;padding:0;border-bottom:1px solid #E2E2E2;padding-top: 16px;}
	.row .col3, .row .col4{width:50%; float:right;border-right:0;height:30px !important; line-height:22px;}
	.row .col3{padding:8px 0 0 0;}
	.row .col4{padding:0 0 8px 0;border-bottom:1px solid #E2E2E2;}
	.basketdiv{padding:0 !important;}
	.checkoutprices {margin-top:20px;float:right !important; padding:0 !important; margin-bottom: 10px;}
	#basket .checkbtn{float: none;clear: both; padding: 0px;}
	.cont-btn{padding: 0px !important;}
	#basket a.button, #discountform a.button{width:100% !important; text-align:center; background:#ec008c; color:#fff;display:block;line-height:44px;height:44px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px;border-bottom:3px solid #c80068;font-weight:bold;}
	#basket a.button:hover, #discountform a.button:hover{border-bottom:4px solid #ec008c;text-decoration:none;}
	#basket a.button:active, #discountform a.button:active{border-bottom:4px solid #ec008c; border-top:4px solid #c80068; line-height:38px;}
	#discountform { padding:0 !important; }
	.dw-sm-9.dw-xs-12.discounters {padding:0px; background-color:#fff;}
    #discountform .dw-lg-2.dw-md-3.dw-sm-4.cont-btn, #discountform .dw-lg-2.dw-md-3.dw-sm-4.empty-btn {padding:0px;}
    .dis-bg.other {margin-bottom:50px; margin-top:15px;}
    .dw-sm-6.dis-bg {width:48% !important; margin-right:2% !important;}
    .discounters #discountform .KO {position:absolute; top:188px; left:30px; z-index:9;}
    .discounters #discountform span.field-validation-error {position: absolute; left: 15px; top: 33px; line-height: 16px;}
    .discounters #referralcodeform .KO {position:absolute; top:283px; left:30px; z-index:9;}    
    .discounters #referralcodeform span.field-validation-error {position:absolute; left:15px; top:33px; line-height:16px;}
    #discountform .empty-btn a {background-color:#333; border-bottom:3px solid #0f0f0f; border-radius:3px; margin-top:10px; font-weight:bold;}  
    #discountform .empty-btn a:hover {text-decoration:none; border-bottom: 3px solid #333;}
    .white-background {background-color:#fff; height:120px; padding-top:1px;}
    .dis-bg{ background-color:#d0d0d0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px; padding:15px !important; line-height:30px; padding-bottom:10px;}
	.dis-bg .editor-label { margin-top:0px; font-weight:bold; padding-right:0 !important; margin-bottom:15px; }
	.dis-bg .editor-field {  padding-left:15px !important; padding-right:0 !important; margin-top: -8px;}
	.dis-bg .editor-field input { height:31px; line-height:31px; border:0; width: 100%; }
	.dis-bg input[type="submit"] { width:100%; background-color:#333;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-bottom:4px solid #0f0f0f; height:31px; line-height:31px; border:0; color:#fff; font-weight:bold; cursor:pointer;}
	.dis-bg .last-btn { padding-left:15px !important; padding-right:0 !important; margin-top:-8px;}
    #referralcodeform #ref-added {padding:0;}
	.grey-bg {background-color:#e2e2e2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:18px 0; }
	.grey-bg .editor-label { font-size:0.85em; }
	.grey-bg .editor-label span { color:#ef4b3e; }
	.grey-bg .editor-field { margin-bottom:14px; }
	.grey-bg .editor-field.dw-lg-1 { margin-bottom:6px; }
	.grey-bg .editor-field input{  padding:0 0 0 5px; height:27px; line-height:27px; border:0; border-bottom:2px solid #ccc; width:100%; margin-top: 0px; margin-left: 0px; }
	.grey-bg .forgot{ font-size:0.85em; padding-left: 153px; }
	.grey-bg .forgot.dw-md-10{padding-left:129px;}
	.grey-bg .forgot.dw-sm-12{padding-left:15px;}
	.grey-bg .forgot a, .grey-bg .editor-label a{ color:#ec008c; }
	.grey-bg.express input.button { margin: 0; }
	.grey-bg .dw-sm-12 input.button { margin-left:0px; }
	.grey-bg input.button{width:100%; margin-left: 130px;  text-align:center; background:#ec008c; color:#fff;display:block;line-height:35px;height:35px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px;border-bottom:3px solid #c80068 !important;font-weight:bold; border:0; cursor:pointer; font-size:1.1em;}
	.grey-bg input.button:hover{border-bottom:4px solid #ec008c !important;text-decoration:none;}
	.grey-bg input.button:active{border-bottom:4px solid #ec008c !important; border-top:4px solid #c80068 !important; line-height:38px;}
	.grey-bg .account-submit input.button { margin-left:0px; }
		.grey-bg .mkt-martop { margin-top:10px; }

/*Account*/
	.grey-box-link { background-color:#e2e2e2; padding:25px; }
	.dw-lg-4.first-link {padding-left:0px;}
	.dw-lg-4.last-link{padding-right:0px;}
	.grey-box-link a {width:100%; text-align:center; background:#ec008c; color:#fff;display:block;line-height:49px;height:49px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-bottom:3px solid #c80068 !important;font-weight:bold; border:0; cursor:pointer; font-size:1.1em; background-position:7% center; background-repeat:no-repeat; }
	.grey-box-link a:hover{border-bottom: 3px solid #ec008c !important;; text-decoration:none;}
	.grey-box-link a:active{border-bottom:0 !important; border-top:4px solid #c80068 !important; line-height:52px;}
	.first-link .grey-box-link a { background-image:none;}
	.first-link .grey-box-link a:hover {border-bottom: 3px solid #ec008c !important;;}
	.grey-box-link a.address-icon{ background-image:none;}
	.grey-box-link a.password-icon{ background-image:none;}
	
	.show-only { height: 42px; line-height: 42px; background-color: #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 15px 20px 15px;}
	.show-title { width: 10%; float: left; }
	.show-title.dw-lg-1 { width: 22%; float: left; }
	.show-cat.dw-lg-2 { width: 13%; float: left; display:none; }
		.show-cat.dw-lg-2.cat-on { display:block; width: 40%;}
		.show-all-cat.off.dw-lg-2{display:none; }
	.show-all-cat.dw-lg-2 { width: 20%; float: left; }
	.show-all-cat.dw-lg-2 .cat-option a{  background-color:#EC008C; color:#fff; font-weight:bold;}
	.show-all-cat.edit.dw-lg-2 .cat-option span{  background-color:#333; color:#fff !important; font-weight:bold; cursor:pointer; text-align: center; width: 100%; display: block; height: 25px; line-height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:bold;}
	.show-all-cat.edit.dw-lg-2 { display:block;}
	.show-only.beer-pong .show-cat.dw-lg-2{ width:40%;  }
	.cat-option a.on { background-color:#EC008C; color:#fff; font-weight:bold;}
	.cat-option a.on:hover { background-color:#EC008C; color:#fff; font-weight:bold;}
	.show-all-cat.off.dw-lg-2 .cat-option a { background-color: #d7d7d7; color: #666;  font-weight:bold;}
	.show-all-cat.off.dw-lg-2 .cat-option a:hover { text-decoration:none; font-weight:bold; background-color:#c5c5c5;}
	.cat-option { margin-top: 9px; }
	.cat-option a { background-color: #d7d7d7; text-align: center; width: 100%; color: #666; display: block; height: 25px; line-height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:bold; }
	.cat-option a:hover { text-decoration:none; font-weight:bold; background-color:#c5c5c5; }
	.fancybox-skin .show-cat.dw-lg-2 {  display:block; width: 100% !important;}
	.fancybox-skin .show-only { height:auto; padding-bottom:10px; margin-top: 20px;}
	.fancybox-skin .show-all-cat.edit.dw-lg-2 span{ display:none;}
	.fancybox-skin .show-all-cat.dw-lg-2 { width:100%; display: block;}
	.fancybox-skin .show-title.dw-lg-1 { width:65%; }

	.grey-bg .mkt-martop h3 { margin-bottom:0px; }
	.grey-bg.checkout .editor-label, .grey-bg.checkout .editor-field {padding-left:0px; line-height: 28px;}
	.grey-bg.checkout .editor-field input{ height:35px; line-height:35px; border-bottom:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
	.grey-bg.checkout .editor-field input.check-box { width:15px; }
	.grey-bg.checkout .border-btm {border-top:1px solid #d0d0d0; margin-top:10px;}
	.grey-bg.checkout h2 {  color: #333; font-size: 1.3em;}
	.grey-bg.checkout .dropdown { width:100%; background-color:#fff;   height:35px; line-height:35px; background-image:url(images/dropdown-icon.png); background-repeat:no-repeat; background-position:96% center; padding-left:5px; margin-top: -5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.grey-bg.checkout .dropdown select { width:100%; margin-left:-5px; }
	.grey-bg.checkout input[type="submit"] {margin-left:0px; }
	.grey-bg a.back-btn{width:100%; text-align:center; background:#333; color:#fff;display:block;line-height:35px;height:35px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px;border-bottom:3px solid #1F1F1F !important;font-weight:bold; border:0; cursor:pointer; font-size:1.1em;}
	.grey-bg a.back-btn:hover{border-bottom:0 !important;text-decoration:none;}
	.grey-bg a.back-btn:active{border-bottom:0 !important; border-top:4px solid #1F1F1F !important; line-height:38px;}
	.grey-box-link { background-color:#e2e2e2; }
	.add-address .dropdown { width:100%; background-color:#fff;   height:27px; line-height:27px; background-image:url(images/dropdown-icon.png); background-repeat:no-repeat; background-position:96% center; padding-left:5px; margin-top: 0px; border-bottom: 2px solid #CCC;}
	.add-address .dropdown select { width:100%; height:27px !important; margin-left:-5px; }
	.order-hist { margin-top:25px;}
	.orders-top { height:42px; line-height:42px; font-weight:bold; background-color:#e2e2e2; }
	.order-items { border-bottom:1px solid #e2e2e2; padding-top:10px; min-height: 130px; }
	.padd0 {padding:0 !important;}
	.padd10 { padding-top:10px; padding-bottom: 15px; }
	#cost .display-label{ padding-left:0px !important; }
	#cost a {color:#EC008C; margin-top:10px; display:block; margin-bottom:10px; }

	.all-orders a.back-btn{width:100%; text-align:center; background:#333; color:#fff;display:block;line-height:35px;height:35px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px;border-bottom:3px solid #1F1F1F !important;font-weight:bold; border:0; cursor:pointer; font-size:1.1em;}
	.all-orders a.back-btn:hover{border-bottom:0 !important;text-decoration:none;}
	.all-orders a.back-btn:active{border-bottom:0 !important; border-top:4px solid #1F1F1F !important; line-height:38px;}

	.grey-bg .default { min-height:220px; background-color:#d0d0d0; padding:15px; margin-top: 10px;}
	.add-address-btn a { margin-top:10px;}
	.grey-bg .default a { color:#666; margin-top:10px; display:block; }
	.grey-bg .non-default { margin-top: 30px; min-height: 220px;}
	.grey-bg .non-default a { color:#EC008C; margin-top:10px; display:block; }
	.grey-bg .default h3 { margin-top:0px; }

	.editor-field.out-stock-submit {margin-bottom:0px;}
	.editor-field.out-stock-submit input{ margin-top:5px;}
	.out-msg { padding-left:10px; padding-right:10px; display:block; }

	.login-icon{ background-image:url(images/login-icon.png); background-repeat:no-repeat; background-position:left center; padding-left:35px; font-size:1.4em; height:25px; display:block; }
	.new-cust-icon{ background-image:url(images/new-cust-icon.png); background-repeat:no-repeat; background-position:left center; padding-left:50px; font-size:1.4em; height:25px; display:block; margin-bottom: 10px; }
	.express-icon{ background-image:url(images/express-icon.png); background-repeat:no-repeat; background-position:left center; padding-left:35px; font-size:1.4em; height:21px; display:block; margin-bottom: 10px;  margin-top:25px;}
	.grey-bg a.button{width:100%; text-align:center; background:#ec008c; color:#fff;display:block;line-height:35px;height:35px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-bottom:3px solid #c80068 !important;font-weight:bold; border:0; cursor:pointer;}
	.grey-bg a.button:hover{border-bottom:4px solid #ec008c !important;text-decoration:none;}
	.grey-bg a.button:active{border-bottom:4px solid #ec008c !important; border-top:4px solid #c80068 !important; line-height:38px;}
	.first-order .grey-bg .dw-sm-12 a, .first-order .grey-bg .dw-sm-12 input[type="submit"] { margin-top:10px;}
	.grey-bg .field-validation-error { font-size:0.85em; position:absolute;}
	#delivery h2 { margin-top:0px; color:#333; font-size:1.3em; }
	#delivery .dropdown { width:100%; background-color:#fff;   height:35px; line-height:35px; background-image:url(images/dropdown-icon.png); background-repeat:no-repeat; background-position:96% center; padding-left:5px; margin-top: -5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	#delivery .dropdown select { width:100%; margin-left:-5px; }
	#delivery .editor-label { margin-bottom:10px; }
	#delivery .editor-label, #delivery-options { padding-left:0px; padding-right:0px;}
	#delivery .dark-grey-bg { background-color:#d0d0d0;  height: auto; padding-top: 9px; margin-bottom:15px;}
	#delivery-options{margin-top:10px;}
	#delivery-options .price { font-size:1.4em; }
	#delivery-options .rb {line-height: 45px; }
	#delivery-options label { cursor:pointer;}
	#delivery-options .rb input { width:15px; height:15px;}
	#delivery-options .details { padding-top: 10px; }

    /*affiliates*/
    .leaderboard {margin-left:auto; margin-right:auto; background-image:url(images/bg.png); background-repeat:no-repeat; background-size: 1000px 1000px; background-position:top center; }
    .leaderboard-top {width:375px; margin: 0 auto;}
    .leaderboard-column-headings {padding:0 3%;}
    .leaderboard-main {width:100%;}
    .leaderboard-results {width:96%;}
    .leaderboard-column-headings .name.dw-sm-8.dw-xs-6 {padding-left:19px;}

    .student .mid-bottom .left.dw-sm-6, .student .mid-bottom .right.dw-sm-6 {padding:0;}
    .entry-field.dw-sm-6.dw-xs-12.photo {padding-top:15px;}
    .entry-field.photo .editor.dw-lg-8.dw-xs-12 {padding:15px;}
    
}

@media screen and (max-width:387px) {
.dis-bg.other {height:113px;}
.discounters #referralcodeform .KO {top:313px;}
}

@media screen and (max-width:414px) {

}

@media screen and (max-width:422px) {
.leaderboard-top {width:100%;}
.leaderboard-top img {width:100%; height:auto;}
.leaderboard-column-headings {border-top-left-radius:0px; border-top-right-radius:0px; border-left: 2px solid #020202; border-right: 2px solid #020202;}
}

@media screen and (max-width:439px) {
	#headercenter a { max-width: 98px; }
	.row .col1, .row .col2, .row .col3, .row .col4 { font-size: 0.9em; }
	.row .col2 input[type="text"] { width: 30px; }
	.product.Grid { min-height: 335px; }
	.show-title.dw-lg-1 { display: none; }
	.show-only.beer-pong .show-cat.dw-lg-2, .show-cat.dw-lg-2.cat-on { width: 56%; }
	.show-all-cat.edit.dw-lg-2 { width: 31%; padding-left: 0px; }
	.show-all-cat.dw-lg-2 { width: 50%; }
	.footerlogos img { width: 300px; height: 44px; }
	.useraccount { left: -200% !important; width: auto !important; }
	.useraccount a { float: none !important; display: block; width: 97.5%; text-align: left; padding-left: 10px; font-weight: bold; background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-position: 96% center; background-size: 11px 16px; }
	#topmenu ul { left: 0px !important; width:300%;  border-top-right-radius: 0px !important; border-top-left-radius: 0px !important;}
	#topmenu ul.open { padding-bottom:0px !important; }
	#topmenu ul li { border-bottom:1px solid #1f1f1f;  line-height:38px;}
	#topmenu li.first a { padding-top:0px; background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-position: 96% center; background-size: 11px 16px;}
	#topmenu li.first a:hover { background-position: 96% center; }
	.top-icon { background: url(images/menuicon.png) no-repeat left !important; }
	#topmenu a { text-align:left; padding-left:15px;  background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-position: 96% center; background-size: 11px 16px; }
    .food-safe-logo img { width:125px; height:121px; }
}

@media screen and (max-width:559px) {
    .profile-pic.dw-sm-3.dw-xs-6, .profile-description.dw-sm-9.dw-xs-6 {width:100%;}
    .profile-description.dw-sm-9.dw-xs-6 {padding:0px;}
    .section.five .clear.noshow { display:none !important; }
    .section.five .clear.visible-xs.noshow{ display:block !important; }
    .section.five .dw-xs-4 { width:50% !important; }
}


@media screen and (min-width:440px) and (max-width: 559px) {
.usericon, .basketicon, .top-icon{margin: 15px 0;}
#headercenter a{max-width:185px;}
	.show-title.dw-lg-1 { width:28%; }
	.show-only.beer-pong .show-cat.dw-lg-2, .show-cat.dw-lg-2.cat-on { width:50%;  }
	.footerlogos img {width:350px; height:44px;}
}



@media screen and (min-width: 560px) and (max-width:767px) {
	a.home-links .img-btn{width:250px; right:10%; font-size:1em;height:42px; line-height:42px; margin-top:-11px;}
	a.home-links.left img {margin-left:20px;}
	a.home-links.mid img {margin-left:27px;}
	a.home-links.right img {margin-left:26px;}
	.usericon, .basketicon, .top-icon{margin: 25px 0;}
    #headercenter a{max-width:185px;}
    .section.five .visible-xs.noshow{ display:none !important; }
}

@media screen and (max-width:991px){
	.dw-lg-4.first-link{ padding-left:15px !important; }
	.dw-lg-4.last-link{ padding-right:15px !important; }
    .grey-box-link {margin-bottom:15px;}
    .leaderboard {background:none;}
    .account .account2 {padding-bottom:15px;}
    .statistics-content {font-size:0.8em;}
}

@media screen and (min-width: 768px) {
	#topmenu ul { padding-top: 10px; }
	.mob-text { display: none; }
	.masthead, .marketing, .footer { padding-left: 0; padding-right: 0; }
	.top-icon, .basketicon { display: none; height: 0; }
	#topmenu ul li { text-align: center; margin-right: 0.5%; }
		#topmenu ul li.final { width: 10%; margin-right: 1%; }
	#topmenu a:hover, #topmenu a.on { color: #333; background: #ec008c; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	#call { line-height: 40px; font-size: 1.3em; float: left; }
		#call span { font-size: 1.2em; font-weight: bold; }
	a.social { width: 23px; height: 17px; float: left; display: block; text-indent: -9999px; margin-top: 10px; font-size: 1.3em; }
		a.social.twitter-head { background: url(images/twitter-head.png) no-repeat center !important; margin-left: 15px; }
		a.social.facebook-head { background: url(images/facebook-head.png) no-repeat center !important; }
	a#basket-header { float: right; margin-top: 10px; background: url(images/basketblack.png) #fff no-repeat 5px center; color: #333; padding: 0 10px 0 30px; line-height: 30px; font-weight: bold; font-size: 0.95em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		a#basket-header:hover { text-decoration: none; background-color: #13a89e; }
	.footerlogos { width: 100%; max-width: 447px; height: auto; display: block; margin: 20px 0; }
	.sagepay { width: 100%; max-width: 350px; height: auto; display: block; margin: 0 0 15px 0; }
	.linksfooter { font-size: 0.8em; }
	.footer #footnoteleft { font-size: 0.8em; margin: 15px 0 5px 0; }
	.footer #footnoteright { font-size: 0.8em; margin: 15px 0 5px 0; text-align: right; }
	.formcol { width: 49%; float: left; }
		.formcol.right { float: right; }
	a.home-links { color: #fff; position: relative; }
		a.home-links img { display: block; width: 100%; height: auto; max-width: 348px; margin: 0 auto; }
		a.home-links .img-btn { width: 200px; margin-left: -100px; text-align: center; background-color: #333; color: #fff; line-height: 42px; height: 42px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; bottom: 35px; left: 50%; font-size: 0.95em; border-bottom: 3px solid #1f1f1f; }
		a.home-links:hover .img-btn { border-bottom: 0; }
		a.home-links:active .img-btn { border-bottom: 0; border-top: 3px solid #1f1f1f; }

.student #breadcrumb {position:absolute;}
	#breadcrumb { display: block; height: 75px; line-height: 45px; font-size: 0.9em; padding-left: 0px; }
		#breadcrumb span { color: #ec008c; text-decoration: underline; }
		#breadcrumb a { color: #333; text-decoration: none; }
			#breadcrumb a:hover { text-decoration: underline; }
	.h1section, .stockpart { float: right !important; }
	.prod-desc { margin: 15px 0; }

	#basket .row { border-bottom: 1px solid #E2E2E2; }
	#basket .checkbtn { float: right; }
	#basket a.button, #discountform a.button { width: 100%; text-align: center; background: #ec008c; color: #fff; display: block; line-height: 44px; height: 44px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; border-bottom: 3px solid #c80068; font-weight: bold; }
	#basket a.button:hover, #discountform a.button:hover { border-bottom: 4px solid #ec008c; text-decoration: none; }
	#basket a.button:active, #discountform a.button:active { border-bottom: 4px solid #ec008c; border-top: 4px solid #c80068; line-height: 38px; }
    .home-links{margin-top:45px !important; margin-bottom:20px;}
    .home-links.mid{margin-top:30px !important;}
    #discountform .empty-btn a {background-color:#333; border-bottom:3px solid #0f0f0f; border-radius:3px; margin-top:10px; font-weight:bold;}  
    #discountform .empty-btn a:hover {text-decoration:none; border-bottom: 3px solid #333;}

	#discountform { padding: 0 !important; }
    
    .white-background {background-color:#fff; height:65px; margin: -15px -15px 0px;}
	.dis-bg { background-color: #d0d0d0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; padding-left: 0 !important; height: 100px; line-height: 44px; margin-left:0px; }
		.dis-bg .editor-label { margin-top: 0px; font-weight: bold; padding-right: 0 !important; }
		.dis-bg .editor-field {padding-right: 0 !important; margin-top: 0px; }
			.dis-bg .editor-field input { height: 31px; line-height: 31px; border: 0; width: 95%; }
		.dis-bg input[type="submit"] { width: 100%; background-color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 4px solid #0f0f0f; height: 31px; line-height: 31px; border: 0; color: #fff; font-weight: bold; cursor: pointer; }
		.dis-bg .last-btn { padding-left: 0 !important; padding-right: 0 !important; }
	.basketdiv { padding-left: 0 !important; }
    
    

	.grey-bg { background-color: #e2e2e2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 18px 0; }
		.grey-bg strong { padding-left: 15px; }
		.grey-bg .editor-label { font-size: 0.85em; }
			.grey-bg .editor-label span { color: #ef4b3e; }
		.grey-bg .editor-field { margin-bottom: 14px; }
			.grey-bg .editor-field.dw-lg-1 { margin-bottom: 6px; }
			.grey-bg .editor-field input { padding: 0 0 0 5px; height: 27px; line-height: 27px; border: 0; border-bottom: 2px solid #ccc; width: 100%; margin-top: 0px; margin-left: 0px; }
		.grey-bg .forgot { font-size: 0.85em; padding-left: 153px; }
			.grey-bg .forgot.dw-md-10 { padding-left: 129px; }
			.grey-bg .forgot.dw-sm-12 { padding-left: 15px; }
			.grey-bg .forgot a, .grey-bg .editor-label a { color: #ec008c; }
		.grey-bg.express input.button { margin: 0; }
		.grey-bg .dw-sm-12 input.button { margin-left: 0px; }
		.grey-bg .account-submit input.button { margin-left: 0px; }
		.grey-bg input.button { width: 100%; margin-left: 130px; text-align: center; background: #ec008c; color: #fff; display: block; line-height: 35px; height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; border-bottom: 3px solid #c80068 !important; font-weight: bold; border: 0; cursor: pointer; font-size: 1.1em; }
			.grey-bg input.button:hover { border-bottom: 4px solid #ec008c !important; text-decoration: none; }
			.grey-bg input.button:active { border-bottom: 4px solid #ec008c !important; border-top: 4px solid #c80068 !important; line-height: 38px; }
		.grey-bg a.back-btn { width: 100%; text-align: center; background: #333; color: #fff; display: block; line-height: 35px; height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; border-bottom: 3px solid #1F1F1F !important; font-weight: bold; border: 0; cursor: pointer; font-size: 1.1em; }
			.grey-bg a.back-btn:hover { border-bottom: 0 !important; text-decoration: none; }
			.grey-bg a.back-btn:active { border-bottom: 0 !important; border-top: 4px solid #1F1F1F !important; line-height: 38px; }
		.grey-bg .mkt-martop { margin-top: 20px; }
	.grey-box-link { background-color: #e2e2e2; padding: 25px; }
	.dw-lg-4.first-link { padding-left: 0px; }
	.dw-lg-4.last-link { padding-right: 0px; }
	.grey-box-link a { width: 100%; text-align: center; background: #ec008c; color: #fff; display: block; line-height: 49px; height: 49px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 3px solid #c80068 !important; font-weight: bold; border: 0; cursor: pointer; font-size: 0.95em; background-position: 7% center; background-repeat: no-repeat; }
		.grey-box-link a:hover { border-bottom: 3px solid #ec008c !important;text-decoration: none; }
		.grey-box-link a:active { border-bottom: 3px solid #ec008c; border-top: 4px solid #c80068 !important; line-height: 52px; }
	.first-link .grey-box-link a {background-image: url(images/account-icon.png); }
	.review-bg .editor-field {margin-top:10px;}
	.grey-box-link a.address-icon { background-image: url(images/address-icon.png); }
	.grey-box-link a.password-icon { background-image: url(images/password-icon.png); }
    .leaderboard-black a.leaderboard-icon {background-image: url(images/leaderboard-icon.png); background-position: 32% center; background-repeat:no-repeat; }
    .grey-box-link .leader {background-image: url(images/trophy-icon.png);}
    .grey-box-link a.bank-icon { background-image: url(images/bank-icon.png); }
    .grey-box-link a.profile-icon { background-image: url(images/profile-icon.png); }
    .grey-box-link a.statictics-icon { background-image: url(images/statictics-icon.png); }

    .profile-top {margin-top:-50px;}
    .profile-top h1 {padding-top:10px;}
    .profile-top h2 {padding-top:10px;}

	 .add-address .dropdown select { width: 100%; height: 27px !important; margin-left: -5px; }
	.order-hist { margin-top: 75px; }
	.orders-top { height: 42px; line-height: 42px; font-weight: bold; background-color: #e2e2e2; }
	.order-items { border-bottom: 1px solid #e2e2e2; }
	.padd0 { padding: 0 !important; }
	.padd10 { padding-top: 10px; }
	#cost .display-label { padding-left: 0px !important; }
	#cost a { color: #EC008C; margin-top: 10px; display: block; margin-bottom: 10px; }
	.review-star { padding-top: 10px; }

	.all-orders a.back-btn { width: 100%; text-align: center; background: #333; color: #fff; display: block; line-height: 35px; height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; border-bottom: 3px solid #1F1F1F !important; font-weight: bold; border: 0; cursor: pointer; font-size: 1.1em; }
		.all-orders a.back-btn:hover { border-bottom: 0 !important; text-decoration: none; }
		.all-orders a.back-btn:active { border-bottom: 0 !important; border-top: 4px solid #1F1F1F !important; line-height: 38px; }

	.grey-bg.checkout .editor-label, .grey-bg.checkout .editor-field { padding-left: 0px; line-height: 28px; }
	.grey-bg.checkout.login .editor-label, .grey-bg.checkout.login .editor-field { padding-left: 15px; }
		.grey-bg.checkout .editor-field input { height: 35px; line-height: 35px; border-bottom: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		.grey-bg.checkout.login .editor-field textarea { height: 100px; border-bottom: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; width:100%; }
	.grey-bg.checkout .border-btm { border-top: 1px solid #d0d0d0; margin-top: 10px; }
	.grey-bg.checkout h2 { color: #333; font-size: 1.3em; }
	.grey-bg.checkout .dropdown { width: 100%; background-color: #fff; height: 35px; line-height: 35px; background-image: url(images/dropdown-icon.png); background-repeat: no-repeat; background-position: 96% center; padding-left: 5px; margin-top: -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		.grey-bg.checkout .dropdown select { width: 100%; margin-left: -5px; }
	.grey-bg.checkout input[type="submit"] { margin-left: 0px; }
	.grey-bg .default { min-height: 220px; background-color: #d0d0d0; padding: 15px; margin-top: 10px; }
	.add-address-btn a { margin-top: 10px; }
	.grey-bg .default a { color: #666; margin-top: 10px; display: block; }
	.grey-bg .non-default { margin-top: 30px; min-height: 220px; }
		.grey-bg .non-default a { color: #EC008C; margin-top: 10px; display: block; }
	.grey-bg .default h3 { margin-top: 0px; }
    .display-label .order-details {float:left; width:100px;}


	.editor-field.out-stock-submit { margin-bottom: 0px; }
	.editor-field.out-stock-submit input { margin-top: 5px; }
	.out-msg { padding-left: 10px; display: block; margin-bottom: 10px; }
    .home-text .food-safe img { position:absolute; top:-10px; left:18px; }

	.login-icon { background-image: url(images/login-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 35px; font-size: 1.4em; height: 25px; display: block; }
	.new-cust-icon { background-image: url(images/new-cust-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; font-size: 1.4em; height: 25px; display: block; margin-bottom: 10px; }
	.express-icon { background-image: url(images/express-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 35px; font-size: 1.4em; height: 21px; display: block; margin-bottom: 10px; margin-top: 25px; }
	.grey-bg a.button, .view-orders a.button { width: 100%; text-align: center; background: #ec008c; color: #fff; display: block; line-height: 35px; height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 3px solid #c80068 !important; font-weight: bold; border: 0; cursor: pointer; }
		.grey-bg a.button:hover, .view-orders a.button:hover { border-bottom: 4px solid #ec008c !important; text-decoration: none; }
		.grey-bg a.button:active, .view-orders a.button:active { border-bottom: 4px solid #ec008c !important; border-top: 4px solid #c80068 !important; line-height: 38px; }
	.first-order .grey-bg .dw-sm-12 a, .first-order .grey-bg .dw-sm-12 input[type="submit"] { margin-top: 10px; }
	.grey-bg .field-validation-error { font-size: 0.85em; position: absolute; }
	#delivery h2 { margin-top: 0px; color: #333; font-size: 1.3em; }
	#delivery .dropdown { width: 100%; background-color: #fff; height: 35px; line-height: 35px; background-image: url(images/dropdown-icon.png); background-repeat: no-repeat; background-position: 96% center; padding-left: 5px; margin-top: -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		#delivery .dropdown select { width: 100%; margin-left: -5px; }
	#delivery .editor-label { margin-bottom: 10px; }
	#delivery .editor-label, #delivery-options { padding-left: 0px; padding-right: 0px; }
	#delivery .dark-grey-bg { background-color: #d0d0d0; height: 55px; padding-top: 9px; margin-bottom: 15px; }
	#delivery-options { margin-top: 10px; }
		#delivery-options .rb { line-height: 45px; }
		#delivery-options label { cursor: pointer; }
		#delivery-options .rb input { width: 15px; height: 15px; }
		#delivery-options .details { line-height: 40px; }

	.show-only { height: 42px; line-height: 42px; background-color: #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:20px; }
	.show-title { width: 10%; float: left; }
	.show-title.dw-lg-1 { width: 12%; float: left; }
	.show-cat.dw-lg-2 { width: 13%; float: left; }
	.show-all-cat.dw-lg-2 { width: 8%; float: left; }
	.show-all-cat.dw-lg-2 .cat-option a{  background-color:#EC008C; color:#fff; font-weight:bold;}
	.show-only.beer-pong .show-cat.dw-lg-2{ width:18%;  }
	.cat-option a.on { background-color:#EC008C; color:#fff; font-weight:bold;}
	.cat-option a.on:hover { background-color:#EC008C; color:#fff; font-weight:bold;}
	.show-all-cat.off.dw-lg-2 .cat-option a { background-color: #d7d7d7; color: #666;  font-weight:bold;}
	.show-all-cat.off.dw-lg-2 .cat-option a:hover { text-decoration:none; font-weight:bold; background-color:#c5c5c5;}
	.cat-option { margin-top: 9px; }
	.cat-option a { background-color: #d7d7d7; text-align: center; width: 100%; color: #666; display: block; height: 25px; line-height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:bold; }
	.cat-option a:hover { text-decoration:none; font-weight:bold; background-color:#c5c5c5; }
	.product.Grid { position:relative; }
    .grey-background .submit-btn.submit-btn {float:right;}
    .grey-background .entry-field.submit {float:right;}
    .entry-field.photo .editor.dw-lg-8.dw-xs-12 a {float:right;}
}

@media screen and (min-width: 768px) and (max-width:991px) {
	#topmenu {margin-bottom:15px;}
	#topmenu ul li { float: left; display: block; width: 10%; height: 30px; line-height: 30px; }
	#topmenu ul li.first { display:none; }
	#topmenu ul li.blank { width: 27%; }
	#topmenu ul li.news-link.final { width: 11.5%; }
	#topmenu ul li.li-party-essentials{width:14%; margin-right:0px;}
	#topmenu ul li.custom-bong { width:17%; margin-right:0.5%; }
	#topmenu ul li.final { width: 7%; overflow:hidden; height:30px; }
	#topmenu ul li.final a {overflow:hidden; height:30px; }
	#headercenter a{width:100%; height:auto; margin:0 auto; max-width:184px; display:block;}
	#headerright, #headerleft{font-size:0.85em;}
	#homeslider, #homeslider-student-banner, .slider-container, #homeslider img, #homeslider-student-banner img, .slider-container-alternative img{height:220px;}
	.cols{font-size:0.95em;}
	#col2{display:block; max-width:490px; }
	.social-foot{float:right; margin-top:-5px;}
	.contact-details{float:left;}
	.home-links{margin-top:-30px;}
	.home-links.mid{margin-top:-45px;}
	a.home-links .img-btn{width:150px; margin-left:-75px; font-size:0.9em; height:30px; line-height:30px;bottom:17px;}
	a.home-links:active .img-btn{line-height:25px;}
	.blogcont{float:right;font-size:0.95em;width:209px;}
	.usericon {background: url(images/usericon.png) no-repeat center;height: 47px;display: block;width: 50%;float: left;}
	.useraccount {height: 0;position: absolute;left: 0;top: 100%;width: auto;overflow: hidden;background:#333333;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;z-index:100;}
	a.loginbtn{float:left; margin:5px; background: #13a89e no-repeat 5px center; color:#fff;line-height:30px;font-weight:bold;font-size:0.95em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:115px; text-align:center;}
	a.registerbtn{float:right; margin:5px;background: #662d91 no-repeat 5px center; color:#fff;line-height:30px;font-weight:bold;font-size:0.95em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:115px; text-align:center;}
	a.loginbtn:hover{background-color:#662d91;text-decoration:none; }
	a.registerbtn:hover{background-color:#13a89e;text-decoration:none; }
	.price {font-size: 1.2em;margin-right: -10px;}
	.now{font-size:1em;width:37px;line-height:38px;}
	.wasprice{font-size:1.1em;}
	#optionform strong{font-size:1em;}
	.pricesection .green{padding:0; background-image:none;width:110%;}
	.pricesection .next-day{background-image:none;font-size:0.9em;line-height:16px; padding:3px 0;height:38px;width: 110%;float: right;}
	.priceleft{font-size:1.2em;}
	.priceleft input{margin-left:5px; width:48px;padding:0 5px;}
	.imageouter .reviews{font-size:0.8em;}    
	.imageouter .reviews a{margin: 8px 1px 0 1px;float: left;height: 28px;}
	.h1section h1{font-size:1.2em}
	.show-title.dw-lg-1 { width: 15%; float: left; }
	.show-cat.dw-lg-2 { width: 21%; float: left; }
	.show-only.beer-pong .show-cat.dw-lg-2{ width:25%;  }
	.show-only.beer-pong { padding-bottom:0px; }
	.show-only { height:auto; padding-bottom:8px; }
	.prod-desc{font-size:0.9em;}
	.wasdiv{margin-bottom:-15px;}
	.thetotal{font-size:1.1em;}
	.thetotalval{font-size:1.2em;}
	.row{font-size:0.95em;}
	.row .col2 input[type="text"]{width:24px;}
	.row .col2 input[type="submit"]{font-size:0.8em;margin-left:2px;}
	.product.Grid { min-height: 510px !important; }
	.dis-label { overflow: hidden;height: 30px; width: 206px !important;}
    .dis-label.ref-added { overflow: hidden;height: 60px; width: 100% !important;}
    .grey-box-link a {background-position:30% center;}
    .slider-container-alternative img{height:220px !important;}
    .dw-md-6.dw-xs-12.dis-bg {width:97% !important; margin-right:3% !important;}
    .dis-bg { background-color: #d0d0d0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; padding-left: 0 !important; height: 80px; line-height: 44px; margin-left:0px; }
    .discounters #discountform .KO {position:absolute; top:132px; left:30px; z-index:9;}
    .discounters #discountform span.field-validation-error {position: absolute; left: 15px; top: 36px; line-height: 16px;}
    .discounters #referralcodeform .KO {position:absolute; top:223px; left:30px; z-index:9;}
    .discounters #referralcodeform span.field-validation-error {position:absolute; left:15px; top:36px; line-height:16px;}
    .grey-background .entry-field h2.pink.left {margin-bottom:50px;}
    .grey-background .entry-field h2.pink.right {margin-bottom:5px;}
    .entry-field.photo .editor.dw-lg-8.dw-xs-12 {min-height:60px; line-height:60px; padding:0px 15px;}
    .grey-background .entry-field .h2-text { padding-top: 15px;}
    .slider-container { height: 215px; }
    #headerleft { margin-top:0px; }
}

@media screen and (min-width: 992px) {
	.usericon{display:none;}
	#topmenu ul li { float: left; display: block;  height: 30px; line-height: 30px; margin:15px 8px 30px 0;  width: 9.9%;   font-size: 1.1em;}
	#topmenu ul li.custom-bong { width: 14%; margin-right: 1%; }
	#topmenu ul li.first { width: 4%; }
	#topmenu ul li.blank { width: 29%; }
	#topmenu ul li.final { width: 10%; }
	a.loginbtn{float:right; margin-top:10px; background:url(images/usericonlogin.png) #13a89e no-repeat 5px center; color:#fff; padding:0 10px 0 20px;line-height:30px;font-weight:bold;font-size:0.95em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-right:5px;}
	a.registerbtn{float:right; margin-top:10px;background:url(images/registericon.png) #662d91 no-repeat 5px center; color:#fff; padding:0 10px 0 20px;line-height:30px;font-weight:bold;font-size:0.95em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-right:5px;}
	a.loginbtn:hover{background-color:#662d91;text-decoration:none; }
	a.registerbtn:hover{background-color:#13a89e;text-decoration:none; }
	.social-foot{float:left; margin-top:-5px;}
	.social-foot a{margin-bottom:5px;}
	.contact-details{float:left; margin-right:10px;}
    .last-link.stats {margin-top:-228px; float:right;}
     .dw-md-6.dw-xs-12.dis-bg {width:48% !important; margin-right:2% !important;}
    .dis-bg { background-color: #d0d0d0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 10px; padding-left: 0 !important; height: 100px; line-height: 44px; margin-left:0px; }
    .discounters #discountform .KO {position:absolute; top:146px; left:30px; z-index:9;}
    .discounters #discountform span.field-validation-error {position: absolute; left: 15px; top: 42px; line-height: 16px;}
    .discounters #referralcodeform .KO {position:absolute; top:146px; left:30px; z-index:9;}
    .discounters #referralcodeform span.field-validation-error {position:absolute; top:42px; left:15px; line-height:16px;}
    .entry-field.photo .editor.dw-lg-8.dw-xs-12 {min-height:45px; line-height:45px; padding:0px 15px;}
    .section.five { margin:0 -10px; }
    .section.five .dw-xs-4 { padding:0 10px !important; width:20% !important; }
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	a.home-links .img-btn {bottom:25px; }
	.blogcont{float:right;font-size:0.95em;width:222px;}
    #topmenu ul li.li-party-essentials { width:12% !important; }
    #topmenu ul li.blank { width:25%;}
    .slider-container-alternative img{height:287px !important;}
    .leaderboard-black a.leaderboard-icon { background-image: none; }
    .discounters #referralcodeform .KO {left:374px;}
    .grey-background .entry-field h2.pink.left {margin-bottom:50px;}
    .grey-background .entry-field h2.pink.right {margin-bottom:5px;}
    .masthead #topmenu ul li { width: 9%;   font-size: 1em; }
    .masthead #topmenu ul li.first { width:4%; }
    .grey-background .entry-field .h2-text { padding-top: 15px;}
    
	/*Product*/
	.pricesection .green{background:url(images/instock.png) #13a817 no-repeat 10% center;padding-left:10%; font-size:1em;width: 108%;}
	.pricesection .next-day{background:#e2e2e2; padding-left: 0; font-size:0.9em; text-align:center;width: 108%;float: right;}
	.price {font-size: 1.6em;}
	.now{font-size:1.1em;width:40px;}
	.wasprice{font-size:1.4em;}
	#optionform strong{font-size:1.3em;}
	.imageouter .reviews a{margin: 8px 2px 0 4px;float: left;height: 28px;}
	.row .col2 input[type="text"]{width:36px;}
	.grey-box-link a { background-image:none !important; }
	.product.Grid { min-height: 385px; }
	.dis-bg { margin-left:0px !important;}
    .slider-container { height: 233px; } 
}

@media screen and (max-width:1199px) {
.grey-background .editor input.check-box {position:absolute; top:-30px; right:0px;}
}

@media screen and (min-width: 1200px) {
	.contact-details{margin-right:30px;}
	
	.blogcont{float:right;font-size:0.95em;width:289px;}
	.imageouter .reviews a{margin: 8px 4px 0 8px;float: left;height: 28px;}
    .slider-container-alternative img{height:348px !important;}
    .leaderboard-black a.leaderboard-icon { background-position: 20% center !important;}
    .discounters #referralcodeform .KO {left:449px;}
    .grey-background .entry-field h2.pink.left {margin-bottom:35px;}
    .slider-container { height: 283px; } 
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,canvas,video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }

[hidden],
template { display: none; }
svg:not(:root) { overflow: hidden; }

*,
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { vertical-align: middle; }
.img-placeholder img { display: block; height: auto; max-width: 100%; width: 100%; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { display: inline-block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.img-circle { border-radius: 50%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; }

@media (min-width: 768px) {
    .lead { font-size: 21px; }
}

@media (min-width: 768px) {
.dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.dl-horizontal dd { margin-left: 180px; }
.dl-horizontal dd:before,.dl-horizontal dd:after { display: table; content: " "; }
.dl-horizontal dd:after { clear: both; }
.dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; }
.dl-horizontal dd:after { clear: both; }
}

abbr[title],
abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; }
abbr.initialism { font-size: 90%; text-transform: uppercase; }
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; }
blockquote p:last-child { margin-bottom: 0; }
blockquote small { display: block; line-height: 1.428571429; color: #999999; }
blockquote small:before { content: '\2014 \00A0'; }
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; }
blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small { text-align: right; }
blockquote.pull-right small:before,blockquote.pull-right .small:before { content: ''; }
blockquote.pull-right small:after,blockquote.pull-right .small:after { content: '\00A0 \2014'; }
blockquote:before, blockquote:after { content: ""; }

address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; }
code,kbd,pre,samp { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container:before,.container:after { display: table; content: " "; }
.container:after { clear: both; }
.container:before,.container:after { display: table; content: " "; }
.container:after { clear: both; }
.section { margin-right: -15px; margin-left: -15px; }
.section:before,.section:after { display: table; content: " "; }
.section:after { clear: both; }
.section:before, .section:after { display: table; content: " "; }
.section:after { clear: both; }

.dw-xs-1,
.dw-sm-1,
.dw-md-1,
.dw-lg-1,
.dw-xs-2,
.dw-sm-2,
.dw-md-2,
.dw-lg-2,
.dw-xs-3,
.dw-sm-3,
.dw-md-3,
.dw-lg-3,
.dw-xs-4,
.dw-sm-4,
.dw-md-4,
.dw-lg-4,
.dw-xs-5,
.dw-sm-5,
.dw-md-5,
.dw-lg-5,
.dw-xs-6,
.dw-sm-6,
.dw-md-6,
.dw-lg-6,
.dw-xs-7,
.dw-sm-7,
.dw-md-7,
.dw-lg-7,
.dw-xs-8,
.dw-sm-8,
.dw-md-8,
.dw-lg-8,
.dw-xs-9,
.dw-sm-9,
.dw-md-9,
.dw-lg-9,
.dw-xs-10,
.dw-sm-10,
.dw-md-10,
.dw-lg-10,
.dw-xs-11,
.dw-sm-11,
.dw-md-11,
.dw-lg-11,
.dw-xs-12,
.dw-sm-12,
.dw-md-12,
.dw-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.dw-xs-1,
.dw-xs-2,
.dw-xs-3,
.dw-xs-4,
.dw-xs-5,
.dw-xs-6,
.dw-xs-7,
.dw-xs-8,
.dw-xs-9,
.dw-xs-10,
.dw-xs-11 {
  float: left;
}

.dw-xs-12 {
  width: 100%;
}

.dw-xs-11 {
  width: 91.66666666666666%;
}

.dw-xs-10 {
  width: 83.33333333333334%;
}

.dw-xs-9 {
  width: 75%;
}

.dw-xs-8 {
  width: 66.66666666666666%;
}

.dw-xs-7 {
  width: 58.333333333333336%;
}

.dw-xs-6 {
  width: 50%;
}

.dw-xs-5 {
  width: 41.66666666666667%;
}

.dw-xs-4 {
  width: 33.33333333333333%;
}

.dw-xs-3 {
  width: 25%;
}

.dw-xs-2 {
  width: 16.666666666666664%;
}

.dw-xs-1 {
  width: 8.333333333333332%;
}

.dw-xs-pull-12 {
  right: 100%;
}

.dw-xs-pull-11 {
  right: 91.66666666666666%;
}

.dw-xs-pull-10 {
  right: 83.33333333333334%;
}

.dw-xs-pull-9 {
  right: 75%;
}

.dw-xs-pull-8 {
  right: 66.66666666666666%;
}

.dw-xs-pull-7 {
  right: 58.333333333333336%;
}

.dw-xs-pull-6 {
  right: 50%;
}

.dw-xs-pull-5 {
  right: 41.66666666666667%;
}

.dw-xs-pull-4 {
  right: 33.33333333333333%;
}

.dw-xs-pull-3 {
  right: 25%;
}

.dw-xs-pull-2 {
  right: 16.666666666666664%;
}

.dw-xs-pull-1 {
  right: 8.333333333333332%;
}

.dw-xs-pull-0 {
  right: 0;
}

.dw-xs-push-12 {
  left: 100%;
}

.dw-xs-push-11 {
  left: 91.66666666666666%;
}

.dw-xs-push-10 {
  left: 83.33333333333334%;
}

.dw-xs-push-9 {
  left: 75%;
}

.dw-xs-push-8 {
  left: 66.66666666666666%;
}

.dw-xs-push-7 {
  left: 58.333333333333336%;
}

.dw-xs-push-6 {
  left: 50%;
}

.dw-xs-push-5 {
  left: 41.66666666666667%;
}

.dw-xs-push-4 {
  left: 33.33333333333333%;
}

.dw-xs-push-3 {
  left: 25%;
}

.dw-xs-push-2 {
  left: 16.666666666666664%;
}

.dw-xs-push-1 {
  left: 8.333333333333332%;
}

.dw-xs-push-0 {
  left: 0;
}

.dw-xs-offset-12 {
  margin-left: 100%;
}

.dw-xs-offset-11 {
  margin-left: 91.66666666666666%;
}

.dw-xs-offset-10 {
  margin-left: 83.33333333333334%;
}

.dw-xs-offset-9 {
  margin-left: 75%;
}

.dw-xs-offset-8 {
  margin-left: 66.66666666666666%;
}

.dw-xs-offset-7 {
  margin-left: 58.333333333333336%;
}

.dw-xs-offset-6 {
  margin-left: 50%;
}

.dw-xs-offset-5 {
  margin-left: 41.66666666666667%;
}

.dw-xs-offset-4 {
  margin-left: 33.33333333333333%;
}

.dw-xs-offset-3 {
  margin-left: 25%;
}

.dw-xs-offset-2 {
  margin-left: 16.666666666666664%;
}

.dw-xs-offset-1 {
  margin-left: 8.333333333333332%;
}

.dw-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .dw-sm-1,
  .dw-sm-2,
  .dw-sm-3,
  .dw-sm-4,
  .dw-sm-5,
  .dw-sm-6,
  .dw-sm-7,
  .dw-sm-8,
  .dw-sm-9,
  .dw-sm-10,
  .dw-sm-11 {
    float: left;
  }
  .dw-sm-12 {
    width: 100%;
  }
  .dw-sm-11 {
    width: 91.66666666666666%;
  }
  .dw-sm-10 {
    width: 83.33333333333334%;
  }
  .dw-sm-9 {
    width: 75%;
  }
  .dw-sm-8 {
    width: 66.66666666666666%;
  }
  .dw-sm-7 {
    width: 58.333333333333336%;
  }
  .dw-sm-6 {
    width: 50%;
  }
  .dw-sm-5 {
    width: 41.66666666666667%;
  }
  .dw-sm-4 {
    width: 33.33333333333333%;
  }
  .dw-sm-3 {
    width: 25%;
  }
  .dw-sm-2 {
    width: 16.666666666666664%;
  }
  .dw-sm-1 {
    width: 8.333333333333332%;
  }
  .dw-sm-pull-12 {
    right: 100%;
  }
  .dw-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .dw-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .dw-sm-pull-9 {
    right: 75%;
  }
  .dw-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .dw-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .dw-sm-pull-6 {
    right: 50%;
  }
  .dw-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .dw-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .dw-sm-pull-3 {
    right: 25%;
  }
  .dw-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .dw-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .dw-sm-pull-0 {
    right: 0;
  }
  .dw-sm-push-12 {
    left: 100%;
  }
  .dw-sm-push-11 {
    left: 91.66666666666666%;
  }
  .dw-sm-push-10 {
    left: 83.33333333333334%;
  }
  .dw-sm-push-9 {
    left: 75%;
  }
  .dw-sm-push-8 {
    left: 66.66666666666666%;
  }
  .dw-sm-push-7 {
    left: 58.333333333333336%;
  }
  .dw-sm-push-6 {
    left: 50%;
  }
  .dw-sm-push-5 {
    left: 41.66666666666667%;
  }
  .dw-sm-push-4 {
    left: 33.33333333333333%;
  }
  .dw-sm-push-3 {
    left: 25%;
  }
  .dw-sm-push-2 {
    left: 16.666666666666664%;
  }
  .dw-sm-push-1 {
    left: 8.333333333333332%;
  }
  .dw-sm-push-0 {
    left: 0;
  }
  .dw-sm-offset-12 {
    margin-left: 100%;
  }
  .dw-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .dw-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .dw-sm-offset-9 {
    margin-left: 75%;
  }
  .dw-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .dw-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .dw-sm-offset-6 {
    margin-left: 50%;
  }
  .dw-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .dw-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .dw-sm-offset-3 {
    margin-left: 25%;
  }
  .dw-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .dw-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .dw-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .dw-md-1,
  .dw-md-2,
  .dw-md-3,
  .dw-md-4,
  .dw-md-5,
  .dw-md-6,
  .dw-md-7,
  .dw-md-8,
  .dw-md-9,
  .dw-md-10,
  .dw-md-11 {
    float: left;
  }
  .dw-md-12 {
    width: 100%;
  }
  .dw-md-11 {
    width: 91.66666666666666%;
  }
  .dw-md-10 {
    width: 83.33333333333334%;
  }
  .dw-md-9 {
    width: 75%;
  }
  .dw-md-8 {
    width: 66.66666666666666%;
  }
  .dw-md-7 {
    width: 58.333333333333336%;
  }
  .dw-md-6 {
    width: 50%;
  }
  .dw-md-5 {
    width: 41.66666666666667%;
  }
  .dw-md-4 {
    width: 33.33333333333333%;
  }
  .dw-md-3 {
    width: 25%;
  }
  .dw-md-2 {
    width: 16.666666666666664%;
  }
  .dw-md-1 {
    width: 8.333333333333332%;
  }
  .dw-md-pull-12 {
    right: 100%;
  }
  .dw-md-pull-11 {
    right: 91.66666666666666%;
  }
  .dw-md-pull-10 {
    right: 83.33333333333334%;
  }
  .dw-md-pull-9 {
    right: 75%;
  }
  .dw-md-pull-8 {
    right: 66.66666666666666%;
  }
  .dw-md-pull-7 {
    right: 58.333333333333336%;
  }
  .dw-md-pull-6 {
    right: 50%;
  }
  .dw-md-pull-5 {
    right: 41.66666666666667%;
  }
  .dw-md-pull-4 {
    right: 33.33333333333333%;
  }
  .dw-md-pull-3 {
    right: 25%;
  }
  .dw-md-pull-2 {
    right: 16.666666666666664%;
  }
  .dw-md-pull-1 {
    right: 8.333333333333332%;
  }
  .dw-md-pull-0 {
    right: 0;
  }
  .dw-md-push-12 {
    left: 100%;
  }
  .dw-md-push-11 {
    left: 91.66666666666666%;
  }
  .dw-md-push-10 {
    left: 83.33333333333334%;
  }
  .dw-md-push-9 {
    left: 75%;
  }
  .dw-md-push-8 {
    left: 66.66666666666666%;
  }
  .dw-md-push-7 {
    left: 58.333333333333336%;
  }
  .dw-md-push-6 {
    left: 50%;
  }
  .dw-md-push-5 {
    left: 41.66666666666667%;
  }
  .dw-md-push-4 {
    left: 33.33333333333333%;
  }
  .dw-md-push-3 {
    left: 25%;
  }
  .dw-md-push-2 {
    left: 16.666666666666664%;
  }
  .dw-md-push-1 {
    left: 8.333333333333332%;
  }
  .dw-md-push-0 {
    left: 0;
  }
  .dw-md-offset-12 {
    margin-left: 100%;
  }
  .dw-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .dw-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .dw-md-offset-9 {
    margin-left: 75%;
  }
  .dw-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .dw-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .dw-md-offset-6 {
    margin-left: 50%;
  }
  .dw-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .dw-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .dw-md-offset-3 {
    margin-left: 25%;
  }
  .dw-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .dw-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .dw-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .dw-lg-1,
  .dw-lg-2,
  .dw-lg-3,
  .dw-lg-4,
  .dw-lg-5,
  .dw-lg-6,
  .dw-lg-7,
  .dw-lg-8,
  .dw-lg-9,
  .dw-lg-10,
  .dw-lg-11 {
    float: left;
  }
  .dw-lg-12 {
    width: 100%;
  }
  .dw-lg-11 {
    width: 91.66666666666666%;
  }
  .dw-lg-10 {
    width: 83.33333333333334%;
  }
  .dw-lg-9 {
    width: 75%;
  }
  .dw-lg-8 {
    width: 66.66666666666666%;
  }
  .dw-lg-7 {
    width: 58.333333333333336%;
  }
  .dw-lg-6 {
    width: 50%;
  }
  .dw-lg-5 {
    width: 41.66666666666667%;
  }
  .dw-lg-4 {
    width: 33.33333333333333%;
  }
  .dw-lg-3 {
    width: 25%;
  }
  .dw-lg-2 {
    width: 16.666666666666664%;
  }
  .dw-lg-1 {
    width: 8.333333333333332%;
  }
  .dw-lg-pull-12 {
    right: 100%;
  }
  .dw-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .dw-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .dw-lg-pull-9 {
    right: 75%;
  }
  .dw-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .dw-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .dw-lg-pull-6 {
    right: 50%;
  }
  .dw-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .dw-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .dw-lg-pull-3 {
    right: 25%;
  }
  .dw-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .dw-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .dw-lg-pull-0 {
    right: 0;
  }
  .dw-lg-push-12 {
    left: 100%;
  }
  .dw-lg-push-11 {
    left: 91.66666666666666%;
  }
  .dw-lg-push-10 {
    left: 83.33333333333334%;
  }
  .dw-lg-push-9 {
    left: 75%;
  }
  .dw-lg-push-8 {
    left: 66.66666666666666%;
  }
  .dw-lg-push-7 {
    left: 58.333333333333336%;
  }
  .dw-lg-push-6 {
    left: 50%;
  }
  .dw-lg-push-5 {
    left: 41.66666666666667%;
  }
  .dw-lg-push-4 {
    left: 33.33333333333333%;
  }
  .dw-lg-push-3 {
    left: 25%;
  }
  .dw-lg-push-2 {
    left: 16.666666666666664%;
  }
  .dw-lg-push-1 {
    left: 8.333333333333332%;
  }
  .dw-lg-push-0 {
    left: 0;
  }
  .dw-lg-offset-12 {
    margin-left: 100%;
  }
  .dw-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .dw-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .dw-lg-offset-9 {
    margin-left: 75%;
  }
  .dw-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .dw-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .dw-lg-offset-6 {
    margin-left: 50%;
  }
  .dw-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .dw-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .dw-lg-offset-3 {
    margin-left: 25%;
  }
  .dw-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .dw-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .dw-lg-offset-0 {
    margin-left: 0;
  }
}

.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
  background-image: none;
}

.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
  background-image: none;
}

.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
   background-image: none;
}

.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
  background-image: none;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999999;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 10px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}

.nav-pills > li.active > a .caret,
.nav-pills > li.active > a:hover .caret,
.nav-pills > li.active > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca;
}

.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}

.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-text {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    margin-right: 15px;
    margin-left: 15px;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777777;
}

.navbar-default .navbar-nav > li > a {
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777777;
}

.navbar-default .navbar-link:hover {
  color: #333333;
}

.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #999999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}


.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1 {
  line-height: 1;
  color: inherit;
}

.jumbotron p {
  line-height: 1.4;
}

.container .jumbotron {
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
    .jumbotron { padding-top: 48px; padding-bottom: 48px; }
    .container .jumbotron { padding-right: 60px; padding-left: 60px; }
}


.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default > .panel-heading > .dropdown .caret {
  border-color: #333333 transparent;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading > .dropdown .caret {
  border-color: #468847 transparent;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading > .dropdown .caret {
  border-color: #c09853 transparent;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading > .dropdown .caret {
  border-color: #b94a48 transparent;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading > .dropdown .caret {
  border-color: #3a87ad transparent;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}


.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.clear:before,
.clear:after {
  display: table;
  content: " ";
}

.clear:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}


.visible-xs
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
}

.visible-sm
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
}

.visible-md
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
}

.visible-lg
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}

.hidden-xs {
  display: block !important;
}


@media (max-width: 767px) {
  .hidden-xs
  {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm
  {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg{
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}


@media (max-width: 767px) {
  .hidden-sm.hidden-xs
  {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}


@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm{
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md{
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg{
    display: none !important;
  }
}


/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
    max-width:600px !important;
    width:86% !important;
}

.fancybox-outer {
	position: relative;
	padding: 0;
	margin: 0;
	background: #fff;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden !important;


}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	/*background: url('fancybox_loading.gif') center center no-repeat;*/
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	/*background: transparent url('blank.gif');*/ /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
	display: none;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
