@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot');src:url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontawesome-webfont.ttf') format('truetype'),url('fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'BebasNeue';src:url('fonts/bebasneue-bold.ttf') format('truetype');}
@font-face{font-family:'BebasNeueBook';src:url('fonts/bebasneue-book.ttf') format('truetype');}

body{font-size: .85em; font-family: Arial; color: #232323; background-color: #fff;margin:0;padding:0;-webkit-text-size-adjust: 100%; }
img.loader {width:32px;height:32px;margin:0 auto;display:block;}
img { max-width:100%; height:auto;  }
input[type="submit"], input[type="text"], input[type="password"] {-webkit-appearance: none; }
/*header, footer, nav, section {display: block;}*/

h1 { margin:15px 0 20px 0; color:#ec008c; font-size:2.5em; font-family:'BebasNeue'; }
h2 { margin:20px 0 15px 0; color:#ec008c; font-size:2.3em; font-family:'BebasNeue';}
/*A Hover Visited Active Focus Styles */
a{ text-decoration:none; color:#ec008c; }
input[type="text"], input[type="password"], input[type="tel"] { height:40px; padding:0 0 0 10px; width:100%; border-radius:3px; border:0; background-color:#fff;  }
select{ height:40px; padding:0 0 0 10px; width:100%; border-radius:3px; border:0; }
textarea { height:148px; padding:10px 0 0 10px; width:100%; border-radius:3px; border:0; font-family:Arial; }
input[type="submit"] { height:40px; width:100%; border:0; color:#fff; background-color:#ec008c; border-radius:3px; font-size:1.1em; font-weight:bold; cursor:pointer; }
.editor-field { margin-bottom:14px; }
#enquiryform input[type="submit"]:hover { background-color:#fff; color:#ec008c; }
#enquiryform .field-validation-error { color:#fff; }
#enquiryform input{ border:0; }
.grey-bg.checkout .mkt-martop .editor-field { line-height: normal; }
.useraccount a:hover{ color:#ec008c; }
.account-selected .grey-box-link {display:none;}
#homeslider .slide1 { background-image:url(images/we-love-beer-pong.jpg); height:340px; background-size:cover; background-position:50%; }
#homeslider .slide1 .slidetext{clear:both;font-weight:bold;max-width:585px;margin:0 auto;font-size: 1.3em;text-align: center;padding-top: 160px;line-height: 26px;}

.masthead { background-color:#333; height:120px; }
.popular-prod h2{ text-align:center; font-size:2.5em; color:#333; }
.slider-container { margin-bottom:10px; }
a.prod-item{display:block;color:#333; text-align:center; margin-bottom:15px;}
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; padding: 0 10px;}
a.prod-item .pricebest{color:#13a89e;font-weight:bold;font-size:1.2em;}
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:15px auto 0 auto;line-height:28px; height:28px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:0.95em; border:1px solid #ec008c;font-weight:bold;}
a.prod-item:hover .buy-btn{background-color:transparent; color:#ec008c;}

a.pinkbtn{width:100%; max-width:100%; background:#ec008c; color:#fff;display:block; margin:15px auto 0 auto;line-height:40px; height:40px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:1.15em; border:1px solid #ec008c;font-weight:bold; text-align:center;}
a.pinkbtn:hover{background-color:transparent; color:#ec008c;}

#headerleft ul a { cursor:pointer; }
.greybg { background-color:#ebebeb; padding:30px 0; margin-top:40px; }
.greybg h1{ margin-top:0; }
.greybx{ background-color:#747474; padding:20px; color:#fff;}
.greybg .downloads {background-image:url(images/beer-pong-downloads.jpg);height:320px;background-repeat:no-repeat;position: relative;background-position:50%;background-size:cover;padding:15px 20px;}
.greybg .downloads .sah1 {font-size: 2.5em;margin:0 0 15px;}
.greybg .downloads .item {position:relative;}
.greybg .downloads .item .top {text-transform:uppercase; font-family:'BebasNeue'; font-size:2.5em; color:#fff; width:50%;}
.greybg .downloads .item a {display:block; background-color:#ec008c; color:#fff; text-align:center; max-width:130px; height:40px; line-height:40px; font-weight:bold;border-radius:3px;margin:2px 0 10px;}
.greybg .downloads .item a i{ margin-right:10px; }
.greybg .downloads .item a:hover {background-color:#fff; color:#ec008c;}
.greybg .downloads .item img {max-width:100%;height:auto;position:absolute;bottom:0;right:0;}

.greybg .rules {background-image:url(images/beer-pong-rules.jpg);min-height:360px;background-repeat:no-repeat;position:relative;background-position:center;background-size:cover;padding:20px;color:#fff;margin-top:20px;line-height:18px;}
.greybg .rules h2 {margin-top:0px;line-height:33px;}
.greybg .rules .pink {color:#ec008c;}
.greybg img {position:absolute; bottom:20px; right:20px;}

.vids .vidcontainer{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.vids .vidcontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.editor-field .input-validation-error{  background-color: #FEE!important;}
.grey-bg.checkout .editor-field .field-validation-error { line-height:normal; }
.field-validation-error {position: absolute;   color: #DE4B3B; font-size:0.8em !important;}
.pongtitles { margin-top:40px; text-align:center; }
.pongtitles .title { font-size:2.1em; color:#ec008c; text-transform:uppercase; margin:10px 0; font-family:'BebasNeue'; }
.pongtitles .info { font-size:0.9em; }
.phone-icon, .menuicon, .shop-icon { display:none;}

.footer {border-top: 1px solid #eee;background:#333;color:#fff; padding-top:30px;}
.footer .footertitle { color: #fff; text-transform: uppercase; font-family: 'BebasNeue'; font-size:1.9em; margin-bottom:20px; }
.footer a{color:#fff;}
.footer a:hover{color: #ec008c;}
.footer #footnoteleft{font-size:0.8em; margin-top:20px; margin-bottom:8px;}
.footer #footnoteright{font-size:0.8em; margin-top:20px; margin-bottom:8px; text-align:right;}
.footer .footerlogo, .drinkaware { float:left; width:auto; margin-right:20px; }
.footer .linksfooter { font-size:0.8em; color:#ec008c; float:left; margin-top:20px; }

.g-recaptcha { border-radius:3px; overflow: hidden;  margin-top: 0;}
.g-recaptcha div, .g-recaptcha {height: 40px;max-width: 302px;}
.g-recaptcha div {margin-top: -17px;}

#breadcrumb { display: block; line-height: 45px; font-size: 0.9em; padding-left: 0px; margin-bottom: 10px; }
#breadcrumb span { color: #ec008c; text-decoration: underline; }
#breadcrumb a { color: #333; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }
.prod-desc { margin: 15px 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;}

.fa.fa-facebook.facebook{color:#3b5998 !important;}
.fa.fa-twitter.twitter{color:#33ccff !important;}

.footer .fa.fa-facebook.facebook, .footer .fa.fa-twitter.twitter {font-size: 1.4em; margin-left: 10px; }

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 }
.grey-bg.show-review { margin-bottom:20px; padding:20px 15px; background-color:#f2f2f2; border:1px solid #ddd; border-radius:0; }
.grey-bg.show-review label { font-weight:bold; }
.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;}

.OK { background: #13a817; padding:15px; color:#fff; font-weight:bold; border-radius:3px; }
.OK a{ color:#fff; float:right; margin-top:1px; margin-left:15px; }
.KO{padding:15px;color:#fff;background-color:#d50b1e;margin:10px 0; font-weight:bold; border-radius:3px;}
.KO ul{ padding-left:18px; }

#enquiryform {position:relative;}
#enquiryform .dw-xs-12 {position:static;}
#enquiryform .OK,
#enquiryform .KO {position:absolute;top:0; width:100%;padding:12px 15px;margin-top:-4px;}

.useraccount.open { height: auto; }
.container.main {clear:both; position:relative; min-height: 500px }
.h1section h1{ margin-bottom:0px; margin-top: 0;}
.stockpart .prod-desc p{ margin-top:0; }

.slides_container img{width:100%; height:auto; max-width:500px; display:block;}
.pagination{display:block;width:100%;}
.pagination a{width:23%;float:left; margin:15px 0%;}
.pagination a img{border:1px solid #fff;}
.pagination a:hover img, .pagination a.active img{border:1px solid #dfdfdf;}
.pricesection{margin-bottom:15px;display:block;}
.pricesection .section.info { margin:0 -10px; }
.pricesection .section.info .dw-md-4, .pricesection .section.info .dw-md-5, .pricesection .section.info .dw-md-3{ padding:0 10px;  }
.pricesection .green{width:100%; background:#13a817; height:38px; line-height:38px; display:block; color:#fff; text-align:center; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pricesection .red{ width:100%; background:#EC008C; height:38px; line-height:41px; display:block; color:#fff; text-align:center; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pricesection .red i{ font-size: 1.3em; margin-right: 5px; }
.pricesection .reviews { background-color:#f2f2f2; text-align:center; color:#333; font-weight:bold; border:1px solid #ddd; border-radius:3px; height:38px; padding-top: 8px;}
.pricesection .next-day{width:100%; background:#e2e2e2; height:38px; line-height:38px; display:block; color:#333333; text-align:center; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold;}
.pricesection .next-day a { color:#333 !important; font-size: 1em;     display: block; }
.pricesection .next-day a span { float:right; margin-right:15px; margin-top:0px; display:block; font-size: 0.9em; }
.pricesection .next-day a i{ font-size:1.7em; margin-right:5px; float:left; width:auto; margin-top:8px; margin-left:15px;  }
.price{color:#13a89e;font-size:2em; font-weight:bold; line-height:38px;}
.price.only {margin-top: 8px;display: block;margin-left: 10px;}
.now{font-size:1.3em;font-weight:bold;float:left;width:48px; line-height:42px; height:38px;}
.wasprice{ text-decoration:line-through;}
.wasdiv{margin-bottom:-7px; color:#b2b2b2; font-weight:bold; line-height:27px; font-size:1.4em;}
#optionform{line-height:45px;}
#optionform strong, #optionform .dropdown { display: block; margin-bottom: 15px; height:45px;}
#optionform strong{font-size:1.3em;}
#optionform .dropdown{padding-left:5%;border:1px solid #d0d0d0;}
#optionform .dropdown.type2{}
#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:50px; height:50px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ec008c;font-size:1.4em;}
input.addtobasket:hover{ background-color:transparent; color:#ec008c;}
.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;}
.prodimagecontainer .bx-wrapper { display:block; border:1px solid #dfdfdf; }

.relprods{ background-color:#ebebeb; padding:0px 0 30px 0; margin-top:30px; }
.relprods h3{ font-size:2.3em; font-family: 'BebasNeue'; color:#ec008c; margin:20px 0; }
.relprods .topimg img{ max-width:200px; }

.review-btn{ background-color:#333; text-align:center; line-height:35px; float:right; max-width:155px; width:100%; height:35px; display:block; border-radius:3px; border:1px solid #333; color:#fff; font-weight:bold; font-size:1.1em; }
.review-btn:hover{ background-color:transparent; color:#333; }

.basketarea{ background-color:#eee; padding: 12px 15px 5px 15px; border-radius:3px; margin-top:20px; }
.basketarea .qty{ font-size:1.2em; }
.basketarea #Quantity{ width:55px; margin-left:10px; border:1px solid #b6b6b6; border-radius:3px; }

/*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;}
.row .col1{width:55%;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; color:#13a89e; font-size:1.1em;}
.row .col4{width:13%;float:left;padding:10px 1%;background-color:#fff;text-align:center;font-weight:bold;line-height:24px;  font-size:1.3em; color:#13a89e; }

.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 10px; padding:0; background:transparent;text-transform:uppercase;height:24px; cursor:pointer;color:#9f9f9f; font-size:0.9em; width:auto;}
.row .col2 input[type="submit"]:hover { color:#ec008c; }

.row .col1header{width:55%;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:13%;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 0;background-color:#DEDEDE;border-bottom:1px solid #DEDEDE;font-weight:bold;text-align:center;width:100%;font-size:1.5em;margin-bottom:5px; font-family: 'BebasNeue';}
.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:#f3f3f3;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:#13a89e; background:#f3f3f3;}
.linksfooter { margin-top: 15px; display:block; }
.show-all-cat.edit.dw-lg-2 { display: none; }

.dis-bg{ background-color:#d0d0d0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px; padding: 10px 15px 6px 15px !important; line-height:30px; padding-bottom:10px;}
.dis-bg .editor-label { margin-top:0px; font-weight:bold; padding-right:0 !important; margin-bottom:0px; }
.dis-bg .editor-field {  padding-left:15px !important; padding-right:0 !important; margin-top: -2px; margin-bottom:0px;}
.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:1px solid #0f0f0f; height:31px; line-height:28px;  color:#fff; font-weight:bold; cursor:pointer;}
.dis-bg input[type="submit"]:hover{ background-color:transparent; color:#333; }
.dis-bg .last-btn { margin-top:-2px;}

/*Account*/
.grey-bg {background-color:#e2e2e2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding: 15px; }
.grey-bg h2, .grey-bg h1{ margin-top:0; color:#333; }
.grey-bg h2 i{ font-size:0.95em; margin-right: 10px; color:#ec008c; }
.grey-bg h2 i.fa-shopping-basket { font-size: 0.85em; }
.grey-bg h1 i{ font-size:0.95em; margin-right: 10px; color:#ec008c; }
.grey-bg .editor-label {  font-size: 0.95em; }
.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 .forgot{ font-size:0.85em; }
.grey-bg a.button{width:100%; text-align:center; background:#ec008c; color:#fff;display:block;line-height:39px;height:41px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ec008c;font-weight:bold; cursor:pointer;}
.grey-bg a.button:hover{color:#ec008c; background-color:transparent;}
.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%; text-align:center; background:#ec008c; color:#fff;display:block;line-height:39px;height:41px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px;border:1px solid #ec008c;font-weight:bold;  cursor:pointer; font-size:1.1em;}
.grey-bg input.button:hover{color:#ec008c; background-color:transparent;}
.grey-bg .account-submit input.button { margin-left:0px; }
.grey-bg .mkt-martop { margin-top:10px; }
.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:1px solid #ec008c !important;font-weight:bold;  cursor:pointer; font-size:1.1em; background-position:7% center; background-repeat:no-repeat; }
.grey-box-link a:hover{color:#ec008c; background-color:transparent;}
.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-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%; }
.remember { margin-top:-13px; }
.remember .check-box{ margin-top:0px; }
.grey-bg .mkt-martop h3 { margin-bottom:0px; }
.grey-bg.checkout .editor-label, .grey-bg.checkout .editor-field { line-height: 40px;}
.grey-bg.checkout .review-bg .editor-label, .grey-bg.checkout .review-bg .editor-field { line-height:normal; }
.grey-bg.checkout .editor-field input{ height:41px; line-height:39px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.grey-bg.checkout .editor-field input.check-box { width:15px; }
.grey-bg.checkout h2 {  color:#ec008c; }
.grey-bg.checkout .dropdown { width:100%; background-color:#fff;   height:35px; line-height:35px; 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:39px;height:41px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px;border:1px solid #333;font-weight:bold; cursor:pointer; font-size:1.1em;}
.grey-bg a.back-btn:hover{ background-color:transparent; color:#333;}
.add-address .dropdown { width:100%; background-color:#fff;   height:27px; line-height:27px; 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; }
.order-items .padd10 {border-bottom:1px solid #e2e2e2;}
.order-items .padd10.other {background-color:#E1E1E1;}
.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; }

.prev-order table {width:100% !important;}
.prev-order td {vertical-align:top !important;}

.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:1px solid #333 ;font-weight:bold; cursor:pointer; font-size:1.1em;}
.all-orders a.back-btn:hover{background-color:transparent;color:#333;}

.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; margin-top:10px;border:1px solid #EC008C; font-weight:bold; cursor:pointer; font-size:1.1em;}
.view-orders a.button:hover{background-color:transparent; color:#ec008c;}

#delivery .dark-grey-bg { background-color:#eee;  height: auto; padding-top: 9px; margin-bottom:15px; cursor:pointer;}
#delivery .dark-grey-bg:hover { background-color:#c8c8c8; }
#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; }
#delivery-options .details strong{ color:#ec008c; }

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

@media screen and (min-width: 1231px) {
.greybx { min-height:268px; }
.vids .section { margin:0 -30px; }
.vids .section .dw-md-6 { padding:0 30px; }
.dw-lg-10.basketdiv, .section.dis .dw-sm-9 { width:78%; }
.dw-lg-2.checkoutprices, .dw-lg-3.checkbtn { width:22%; float:right; }
.grey-bg input.button.change { margin-top:0; }
.section.rev .dw-md-4:nth-child(5n+0) {clear:both;}
}
@media screen and (min-width: 992px) {
#headerleft ul{list-style:none;float:left;padding:0;margin: 48px 0 0 0;width: 350px;}
#headerleft ul li{float:left;width: 24%;display:block;text-align:center;}
#headerleft ul li.news {width: 21%;}
#headerleft ul li.last {width: 30%;}
#headerleft ul li.first {width: 21%;}
#headerleft ul a{ color:#fff; text-transform:uppercase; font-size:1.8em; font-family: 'BebasNeue'; }
#headerleft ul a:hover, #headerleft ul a.on { color:#ec008c; }
#headerleft img{ float:left; }
#headerleft a.logo{ display:block; }
#basket-header { display:block; text-align:center; color:#fff; }
#basket-header i{ color:#ec008c; margin-right:10px; font-size:1.7em }
#headerright #basketsec { float:right; background-color:#585a5b; border-radius:3px; padding:15px; width:200px; margin-top:20px; font-size:1.1em; }
#call {float:right;color:#fff;font-size:1.4em;margin-top:50px;margin-right: 15px;}
#call a { font-weight:bold; color:#ec008c;  font-size:1.1em; margin-left:5px; }
.useraccount { text-align:center; color:#fff; margin-bottom:10px;  }
.useraccount a{ color:#fff; }
.prod-item { width:16.66%; }
.footer #col3 { margin-top: -110px; }
.greybg .downloads a .inner{text-align: center; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50% -50%); width:76%;}
.pricesection .section.info .dw-md-3 { width:20%;  }
.pricesection .section.info .dw-md-4 { width:35%;  }
.pricesection .section.info .dw-md-5 { width:45%;  }
.basketarea .dw-md-3 { margin-top:5px; }
.price.only{margin-bottom: 10px;}
#breadcrumb { position:absolute; top: -70px; left: 250px; }
.sharethis{ position:absolute; top: -70px; right: 0px; }
.imageouter { margin-top:30px; }
}
@media screen and (min-width: 992px) and (max-width: 1230px) {
#headerleft img{max-width: 175px;}
#headerleft ul a{font-size: 1.6em;}
#headerleft ul{margin:50px 0 0 0;width: 280px;}
#call {font-size: 1.2em;margin-top: 52px;margin-right: 11px;}
#headerright #basketsec {width: 167px;}
.pricesection .section.info .dw-md-3 { width:50%;  }
.pricesection .section.info .dw-md-4 { width:50%;  }
.pricesection .next-day a span { display:none; }
.pricesection .section.info .dw-md-5 { width:50%;  }
input.addtobasket{ font-size:1.2em; }
.basketarea #Quantity{ width:37px; }
.totval, .totcat{ font-size: 0.85em; }
#breadcrumb { position:absolute; top: -30px; left: 190px; }
.sharethis{ position:absolute; top: -30px; right: 0px; }
.grey-bg input.button.change { margin-top:0; }
.section.rev .dw-md-4:nth-child(4n+0) {clear:both;}
.revstars{ margin-top:15px; }
#homeslider .slide1 .slidetext{padding-top: 195px;}
#headerleft ul li.first { display:none; }
#headerleft ul li{width: 33%;}
#headerleft ul li.last {width: 40%;}
}
@media screen and (max-width:991px) {
.footer #col2 { margin: 20px 0; }
#headerright { display: none; }
.nav.shut { height: 0px; overflow: hidden; }
.nav.open { height: auto; }
#headerleft { position: static; }
.phone-icon { display: block; float: right; margin-right: 20px; padding-top: 53px; font-size: 2em; }
.shop-icon { display: block; float: right; margin-right: 20px; padding-top: 51px; font-size: 2.1em; }
.phone-icon a, .shop-icon a, .menuicon a { color: #fff; }
.menuicon { font-size: 2.2em; display: block; visibility: visible !important; cursor: pointer; height: 40px; float: right; margin-right: 15px; padding-top: 50px; color: #fff; }
#headerleft .topcont { position: absolute; top: 120px; width: 100%; left: 0px; background-color: #333; }
#headerleft ul { list-style: none; padding: 0 15px; margin: 0px auto; }
#headerleft ul li { display: block; text-align: left; width: 100%; height: 45px; line-height: 45px; }
#headerleft ul a { color: #fff; text-transform: uppercase; font-size: 1.8em; font-family: 'BebasNeue'; padding: 0 15px; display: block; }
#headerleft .logo { display: block; max-width: 233px; float: left; }
.grey-bg .forgot { margin-bottom: 15px; display: block; }
.first-order { margin-top: 30px; }
.first-order .button { margin-top: 15px !important; }
.mob-text { color: #333; }
#breadcrumb{ display:none; }
.sharethis{ float:left; height: 55px; }
.imageouter{ clear:both; }
.account .dw-md-4 { padding:0; }
.account .editor-label.dw-md-4 {padding:0 15px;}
}
@media screen and (max-width:991px) and (min-width:481px) {
.greybg .downloads { height: auto; background-size: cover; margin-top: 20px; }
.greybg .downloads .inner { margin: 0 -15px; }
.greybg .downloads .sah1 {padding:0 15px;}
.greybg .downloads .item {float:left; width:50%; padding:0 15px;}
.greybg .downloads .item img {display:block; margin:0 auto;position:relative;}
.greybg .downloads .item:nth-child(3) img {margin:25px auto;}
.greybg .downloads .item .top {width:100%; text-align:center;}
.greybg .downloads .item a {margin:2px auto 0;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#headerleft ul{ width:750px; }
.pricesection .green{ margin-bottom:15px; }
.basketarea .dw-md-3 { margin-top:5px; }
input.addtobasket{ margin-top:12px; margin-bottom:12px; }
.row .col4{ font-size:1.2em; }
.totcat{ width:100%; border:0; }
.totval{width:100%;margin-top: -12px;text-align: left;padding-left: 10px;}
.section.rev .dw-md-4:nth-child(3n+0) {clear:both;}
.revstars{ margin-top:15px; }
}
@media screen and (max-width:767px) {
.order-items {border-bottom:0;}
.order-items .padd10 {border-bottom:1px solid #e2e2e2;}
.order-items .padd10 .setting-column-heights {padding:15px;}
.vids .vidcontainer { margin-bottom:15px; }
.footer #footnoteright, .footer #footnoteleft { text-align:center; }
.footer #footnoteright { margin-top:8px; }
#headerleft img{max-width: 175px;}
.masthead { height:100px; }
.menuicon{ padding-top:35px; }
.phone-icon{ padding-top:38px; }
.shop-icon{ padding-top:36px; }
#headerleft .topcont { top:100px; }
.h1section h1 { margin-bottom:20px; }
.price.only{margin-bottom: 10px;}
.basketarea .dw-md-3 { margin-top:5px; }
.basketarea #Quantity{ width:37px; }
.pricesection .next-day a span { display:none; }
input.addtobasket{ font-size:1.2em; }
.relprods .topimg img { max-width:150px; }
.row.headrow{display:none; }
.row .col1 {width: 100%;text-align: left;height: auto!important;border-right: 0; 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; margin-bottom: 10px;}
#basket .checkbtn{float: none;clear: both; }
#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: 1px solid #ec008c; font-weight: bold; }
#basket a.button:hover, #discountform a.button:hover { background-color:transparent; color:#ec008c; }
#discountform .empty-btn a.button:hover { background-color:transparent;  color:#333; }
#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:1px solid #333; border-radius:3px; margin-top:10px; font-weight:bold;}  
#discountform .empty-btn a:hover {text-decoration:none; color:#333; background-color:transparent;}
.white-background {background-color:#fff; height:120px; padding-top:1px;}
h1 { font-size: 2.1em; margin-bottom: 10px; }
h2 { font-size:2.0em;}
#referralcodeform #ref-added {padding:0;}
.row { margin-bottom: 15px; }
.revstars{ margin-top:15px; }
.grey-box-link{ padding:15px; }
.account2 h1{ margin-top:30px; }
}
@media screen and (max-width:580px) {
.basketarea .dw-md-4, .basketarea .dw-md-3 { width: 50%; }
.basketarea .dw-md-5 { width: 100%; clear:both; }
input.addtobasket{ margin-top:12px; margin-bottom:12px; }
.review-btn { float:none; margin-bottom:10px; max-width:100%; height:40px; line-height:40px; }
}
@media screen and (min-width:481px) {
.clearmob { display:none; }
}
@media screen and (max-width:500px) {
.basketarea .dw-md-4, .basketarea .dw-md-3 { width: 50%; }
.basketarea .dw-md-5 { width: 100%; clear:both; }
input.addtobasket{ margin-top:12px; margin-bottom:12px; }
#enquiryform .dw-xs-6 { width:100%; }
.footer #col2 {  text-align:center; margin-top:-10px; }
.drinkaware { float:none; margin:0 auto; display:block; }
.footer .footerlogo  { margin-bottom:50px; }
.footer .linksfooter { float:none; text-align: center; }
.footer .footertitle { text-align:left }
}
@media screen and (max-width:510px) {
#homeslider .slide1 { background-image: url(images/we-love-beer-pong-mobile.jpg); height: 340px; background-size: cover;  background-position: left; }
#homeslider .slide1 .slidetext { display:none; }
}
@media screen and (max-width:480px) {
a.prod-item { width:50%; }
.clearmob { clear:both; }
.popular-prod .clear.hidden-lg.hidden-md{ display:none !important; }
.greybg .downloads { margin-top:20px; }
.pricesection .section.info .dw-md-3 { width:100%; margin-bottom:10px;  }
.pricesection .section.info .dw-md-4 { width:100%;  }
.pricesection .section.info .red { margin-bottom:10px; }
.pricesection .section.info .dw-md-5 { width:100%;  }
.pricesection .next-day a i{float:none; }  
h1 { font-size: 2em; margin-bottom: 10px; }
h2 { font-size:1.8em;}
}
@media screen and (max-width:440px) {
.pongtitles .dw-xs-6.sec{ display:none; }
.pongtitles .dw-xs-6{ width:100%; }
.pongtitles .dw-xs-6 img { max-width:150px; }
.pongtitles { margin-top:15px }
#headerleft img{max-width: 155px;}
.menuicon{ padding-top:35px; font-size:1.8em; }
.phone-icon{ padding-top:38px; font-size:1.6em; margin-right:15px }
.shop-icon{ padding-top:36px; font-size:1.7em; margin-right:15px  } 
}
@media screen and (max-width:375px) {
.greybg .downloads {height:auto; padding:20px 20px 5px;}
.greybg .downloads .item img {position:relative;display:block;margin:0 auto 10px;}
.greybg .downloads .item .top {width:100%;text-align:center;}
.greybg .downloads .item a {max-width:100%;margin:10px 0 15px;}
}
@media screen and (max-width:360px) {
.relprods .topimg img { max-width:120px; }
}
@media screen and (min-width: 768px) {
.section.special .lg {width:70% !important;}
.section.special .sm {width:30% !important;}
/* Remove the padding we set earlier */
.masthead,.marketing,.footer {padding-left: 0;padding-right: 0;}
.h1section, .stockpart { float: right !important; }
#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: 1px solid #ec008c; font-weight: bold; }
#basket a.button:hover, #discountform a.button:hover { background-color:transparent; color:#ec008c; }
#discountform .empty-btn a.button:hover { background-color:transparent;  color:#333; }
.home-links{margin-top:45px !important; margin-bottom:20px;}
.home-links.mid{margin-top:30px !important;}
#discountform .empty-btn a {background-color:#333; border:1px solid #0f0f0f; border-radius:3px; margin-top:10px; font-weight:bold;}  
#discountform .empty-btn a:hover { background-color: transparent; color:#333; }
.row{padding:0 !important;}
#discountform { padding: 0 !important; }
.mob-text { display: none; }
.grey-bg.show-review{ min-height:304px; }
}
*,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.section { margin-right: -15px; margin-left: -15px; }
.container:before,.container:after,.section:before,.section:after{ display: table; content: " "; }
.container:after,.section:after { clear: both; }
.clear { clear:both; }

/* Awesome */
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.fa-facebook:before { content: "\f09a"; }
.fa-linkedin:before { content: "\f0e1";}
.fa-google-plus:before {content: "\f0d5";}
.fa-twitter:before { content: "\f099"; }
.fa-navicon:before {content: "\f0c9";}
.fa-phone:before {content: "\f095";}
.fa-youtube-play:before {content: "\f16a";}
.fa-chevron-right:before {content: "\f054";}
.fa-caret-down:before {    content: "\f0d7";}
.fa-caret-up:before {content: "\f0d8";}
.fa-close:before {content: "\f00d";}
.fa-pinterest:before {content: "\f0d2";}
.fa-instagram:before {content: "\f16d";}
.fa-angle-down:before { content: "\f107"; }
.fa-angle-up:before {content: "\f106";}
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-envelope-o:before {content: "\f003";}
.fa-map-marker:before {content: "\f041";}
.fa-user:before {content: "\f007";}
.fa-gbp:before { content: "\f154"; }
.fa-times-circle:before { content: "\f057"; }
.fa-times:before { content: "\f00d"; }
.fa-check-circle:before {content: "\f058";}
.fa-question-circle:before {content: "\f059";}
.fa-bell-o:before { content: "\f0a2"; }
.fa-star:before {content: "\f005";}
.fa-comment:before {content: "\f075";}
.fa-wrench:before { content: "\f0ad"; }
.fa-gears:before, .fa-cogs:before { content: "\f085";}
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-tint:before { content: "\f043"; }
.fa-fire:before { content: "\f06d"; }
.fa-home:before { content: "\f015"; }
.fa-hotel:before, .fa-bed:before { content: "\f236"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-power-off:before { content: "\f011"; }
.fa-check:before { content: "\f00c"; }
.fa-check-circle-o:before {content: "\f05d";}
.fa-square:before {content: "\f0c8";}
.fa-circle:before {content: "\f111";}
.fa-calendar:before { content: "\f073"; }
.fa-calculator:before {content: "\f1ec";}
.fa-pencil-square-o:before { content: "\f044"; }
.fa-clock-o:before {content: "\f017";}
.fa-retweet:before {content: "\f079";}
.fa-random:before {content: "\f074";}
.fa-shopping-cart:before { content: "\f07a"; }
.fa-download:before { content: "\f019"; }
.fa-truck:before { content: "\f0d1"; }
.fa-user-plus:before { content: "\f234"; }
.fa-shopping-basket:before { content: "\f291"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-map-signs:before { content: "\f277"; }

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

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

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

@media (min-width: 1230px) {
  .container {
    width: 1230px;
  }
  .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%;
  }
}

.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: 1229px) {
  .visible-xs.visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .visible-sm.visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .visible-lg.visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .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: 1229px) {
  .hidden-lg.hidden-md{
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .hidden-lg{
    display: none !important;
  }
}