/*
	Theme Name: DJ Solutions
	Theme URI: http://www.dj-solutions.ie	
	Description: DJ Solutions WordPress Theme
	Version: 1.0
	Author: JJ Murphy (@cloverockdesign)
	Author URI: http://www.cloverockdesign.ie
	Tags: CloveRock Design

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%; 
}
body {
	font:400 14px/1em "gesta", sans-serif;
	color:#444;
    position:relative;
}
.page-template-default section {
	font:400 16px/24px "gesta", sans-serif;
    margin:0px auto 40px auto;
    width:70%; 
    float:left; 
} 
.page-template-default aside {
    float:right;
    clear:none !important;
    width:20%;
    background:#fafafa;
    padding:30px;
}
@media only screen and (min-width: 1px) and (max-width: 960px) {
.page-template-default section {
    width:100%; 
    float:none; 
} 
.page-template-default aside {
    display:none;
}
}
/* clear */
.clear:before,
.clear:after {
    content:' '; 
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
    transition: all 400ms ease-in-out 0s;
}
h1, h2, h3,  span {
    transition: all 400ms ease-in-out 0s;
}
a {
	color:#444;
	text-decoration:none;
    transition: all 400ms ease-in-out 0s;
}
a:hover {
	color:#66e3f1;
    transition: all 400ms ease-in-out 0s;
}
a img {
    transition: all 400ms ease-in-out 0s;
}

a img:hover {
    opacity:0.6;
    transition: all 400ms ease-in-out 0s;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;

}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.clr {
    clear:both;
		height:0px;
}
 
 
ul.products li p.in-stock {
   display:none !important;
} 
ul.products li .stock.out-of-stock {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  display: block;
  left: 0;
  opacity: 0.7;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 17%;
  width: 100%;
}

.taptap-search-button svg, .taptap-search-button-right svg {
  fill: #74797d !important;
  height: 28px !important;
  margin: 6px 0 0 11px !important;
  transition: all 0.25s ease 0s;
  width: 28px !important;
}
.taptap-search-button {
  border-left: 1px solid #454d52 !important;
  cursor: pointer;
  height: 40px !important;
  left: 67px !important;
  position: fixed;
  top: 6px !important;
  width: 50px !important;
}
.taptap-search-button, .taptap-search-button-right {
  z-index: 999999999 !important;
}

.woocommerce div.product div.images {
    margin-bottom: 2em;
}
.woocommerce div.product div.images img {
    box-shadow: none;
    display: block;
    height: auto;
    width: 100%;
}
.woocommerce div.product div.images div.thumbnails {
    padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    transition: all 0.5s cubic-bezier(0.795, -0.035, 0, 1) 0s;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #fff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    display: inline-block;
    width: 25%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    box-sizing: content-box;
    font-size: 2em;
    height: 36px;
    position: absolute;
    right: 0.5em;
    text-indent: -9999px;
    top: 0.5em;
    width: 36px;
    z-index: 9;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border: 2px solid #000;
    border-radius: 100%;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 10px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: #000 none repeat scroll 0 0;
    border-radius: 6px;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 8px;
    left: 22px;
    position: absolute;
    top: 19px;
    transform: rotate(-45deg);
    width: 2px;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    float: left;
    list-style: outside none none;
    margin: 0;
    width: 25%;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    margin: 0;
    opacity: 0.5;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 1;
}
.woocommerce-product-gallery .flex-control-nav {
    display:block !important;
		position:relative !important;
		bottom:auto !important;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.booking-strap {
    background:#8ad228;
    color:#fff;
    line-height:80px;
    margin:0px 0px 40px 0px;
}
.booking-inner {
    width:95%;
    max-width:1170px;
    margin:0 auto;
    position:relative; 
} 
.booking-inner span {
    display:inline-block;
    margin:0px 10px 0px 0px;
}
.booking-inner form {
    display:inline-block;
}   

.booking-inner form select {
    padding: 4px 20px 4px 5px; 
    margin: 0px 5px 0px 0px;
    background: #fff;
    color:#888;
    border:none; 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:13px;
}


.booking-inner a {
    color:#fff;
}
#button {
    height:28px; 
    width:90px;
    text-align:center;
    border:2px solid #fff;
    border-radius:5px;
    background:transparent;
    font-size:11px;
    padding:0px;
 
    color:#fff;
    text-transform:uppercase;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .booking-inner form select {padding-right:18px}
}

.booking-inner form label {position:relative}
.booking-inner form label:after {
    content:"\f078";   
    font-family: "FontAwesome";
    font-size: 9px;
    color:#aaa;
    right:10px; top:-30px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none; 
}
.booking-inner form label:before {
    content:'';
    right:4px; top:0px;
    width:23px; height:18px;
    position:absolute;
    pointer-events:none;
    display:block;
}
.top-banner {
    height:50px;
    background:#eeeeee;
    font: 400 13px/50px "gesta",sans-serif;
    color:#777777;
}
.top-banner a {
    color:#777777;
}
.top-wrap {
    height:50px;
    width:95%; 
    margin:0 auto;
    max-width:1170px;
    position:relative; 
}
.top-left {

}
.account-links {

}
/* wrapper */
.wrapper {
	max-width:1170px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
   height:120px;
   position:relative;
	max-width:1170px;
	width:95%;
	margin:0 auto;
}

.free-shipping {
    background:#202020;
    margin:0px;
    text-align:center;
    padding:20px 10px;
	font:400 18px/18px "gesta", sans-serif;
    margin:40px 0px 0px 0px;
    color:#fff;
}
.free-shipping strong {
    color:#8ad228;
}
.home .free-shipping {
    margin:0px !important;
}
/* logo */
.logo {

}
.logo-img {
   position:absolute;
   top:30px;
   left:0px;
   width:270px;
   height:auto;
   z-index:999;
}
section {
   
   margin:0 auto;
}
/* sidebar */
.sidebar {
   padding:0px;
   clear:both;
   margin:0px;
}
.social { 
   float:left;
   width:16%;
}
 
.social img { 
   width:25px;
   height:auto;
   margin:0px 10px 0px 0px;
}
.mailchimp {
   float:right;
   width:84%;
    font: 400 11px/10px "gesta",sans-serif;
    text-transform: uppercase;
    text-align:right;
}
#mc-embedded-subscribe-form {  
    display:inline-block;
    font: 400 11px/25px "gesta",sans-serif;
}
#mce-EMAIL {
    height:25px;
    width:170px;
    margin:0px 0px 0px 10px;
}
#mc-embedded-subscribe {
    width:80px;
    height:25px;
    background:#66e3f1;
    border:0 none;
    color:#fff;
}
#mc-embedded-subscribe:hover {
    background:#8ad228;
}
#mce-responses .response {
    text-align:right;
    margin:10px 0px 0px 0px;
    font: 400 11px/10px "gesta",sans-serif;
    text-transform: uppercase;
    text-align:right;
    color:#66e3f1;
}
/* footer */
.footer {
   clear:both;
   padding:35px 0px;
	font:400 12px/18px "gesta", sans-serif;
    width:95%; 
    max-width:1170px;
    margin:0 auto;
}
.footer span {
}

.foot-left {
    width:40%;
    float:left;
	font:400 12px/36px "gesta", sans-serif;
}

.foot-right {
    width:60%;
    float:right;
}
.company-details {
   text-align:right;
   padding:0px;
}
.copyright {
   text-align:right;
   padding:0px;
}
.telephone, .crd {
   margin-top:21px;
}
.nav {
   position:absolute;
   right:0px;
   top:0px;
}
.nav ul {
   list-style:none;
   padding:0px;
   margin:0px;
}
.nav li {
   display:inline-block;
	font:400 16px/21px "gesta", sans-serif;
   margin:0px 0px 0px 20px; 
}
.ubermenu-skin-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop,

.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
  border-top: 0 none !important;
}
.page-template-default article ul {
    padding:0px;
    margin:30px 0px;
}
.page-template-default article li { 
    list-style:none;
    padding:0px;
    margin:0px 0px 10px 0px;
}
.page-template-default article li::before {
    color: #f277e2;
    content: "\f14a";
    font-family: "FontAwesome";
    margin: 0 10px 0 0;
}


/*------------------------------------*\
    GALLERY
\*------------------------------------*/

.gallery-size-thumbnail { 
    background: #eeeeee none repeat scroll 0 0;
    overflow: hidden;
}
.gallery-size-thumbnail dl {
    margin: 0 !important;
    max-height: 240px;
    max-width: 240px;
    padding: 0 !important;
    width: 12.5% !important;
}
.gallery-size-thumbnail br {
    display: none !important;
}
.gallery-size-thumbnail img {
    border-color: #eeeeee #eeeeee -moz-use-text-color -moz-use-text-color !important;
    border-style: solid solid none none !important;
    border-width: 1px 1px 0 0 !important;
    height: auto !important;
}
@media only screen and (min-width: 901px) and (max-width: 1280px) {
.gallery-size-thumbnail dl {
    width: 16.6666% !important;
}
}
@media only screen and (min-width: 701px) and (max-width: 900px) {
.gallery-size-thumbnail dl {
    width: 20% !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 700px) {
.gallery-size-thumbnail dl {
    width: 33.3333% !important;
}
}
@media only screen and (min-width: 1px) and (max-width: 480px) {
.gallery-size-thumbnail dl {
    width: 50% !important;
}
}
#cboxTopLeft, #cboxTopRight, #cboxTopCenter, #cboxMiddleRight, #cboxMiddleLeft, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center !important;
}
#cboxContent {
    border: 10px solid #fff !important;
}
#cboxCurrent {
    bottom: -3px !important;
    font: 300 14px/30px "proxima-nova",sans-serif;
}
#cboxOverlay {
    background: #000 none repeat scroll 0 0 !important;
    opacity: 0.8 !important;
}
#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 999999999 !important;
}
.gall-wrap {
    background: #11323c none repeat scroll 0 0;
    padding: 50px 0 0;
}
.gall-wrap h3 {
    color: #fff;
    font: 300 30px/30px "proxima-nova",sans-serif;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
    text-transform: lowercase;
}
.gall-wrap .enlarge-text {
    color: #54818f;
    display: block;
    font: 300 12px/24px "proxima-nova",sans-serif;
    margin: 0 0 40px;
    text-align: center;
    text-transform: uppercase;
}
.gallery-caption, #cboxTitle {
    display: none !important;
}


/*------------------------------------*\
    HOMEPAGE BOXES
\*------------------------------------*/
.home .booking-strap, .woocommerce-page .booking-strap {
    margin:0px !important;
}
.front-image-left {
    background: url(img/wedding-splash.jpg) center center no-repeat;
    display: block;
    float: left;
    height: 570px;
    width: 30%;
} 
.front-image-shop {
    display: block;
    float: left;
    height: 570px;
    width: 30%;
    background-size: auto 100% !important; 
}  
.front-text {
    background: #66e3f1;
    color: #fff;
    display: block;
    float: left;
    height: 570px;
    padding: 40px;
    width: 30%;
}
.woocommerce .front-text {
    background:url(img/blue-bg.gif) top left #66e3f1;
}
.front-test-image {
    display: block; 
    position:relative;
    height: 285px;
}

.fti-left, .fti-right {
    width:50%;
    float:left;
    height:285px; 
}
.fti-left {
    background:#111;
    display:table;
    color:#fff;
    text-align:center !important;
}
.shop-left, .shop-right {
    width:50%;
    float:left;
    height:285px;
    z-index:7;
}
.shop-left {
    background:url(img/beat-bg.gif) bottom left repeat-x #111;
    display:table;
    color:#fff; 
    text-align:center !important;
}
.front-test-text {
    display: block;
    height: 285px;
    position:relative;
}
.home .front-test-text {
    background:url(img/equip-bg.jpg) top right no-repeat;
    background-size: auto 100%;
}
.home .front-test-text .test-inner-wrap {
    background:url(img/horz-left.png) top left repeat-y;
    background-size: 100% 6px;
    color:#fff;
    font: 400 30px/34px "gesta",sans-serif;
    letter-spacing:1px;
}
.home .front-test-image {
    background:url(img/dancefloor-bg.jpg) top left no-repeat;
    background-size: auto 100%;
}
.home .front-test-image .test-inner-wrap {
    background:url(img/horz-right.png) top left repeat-y;
    background-size: 100% 6px;
    color:#fff;
    font: 400 30px/34px "gesta",sans-serif;
    letter-spacing:1px;
    text-align:right;
}
.test-wrap {
    background: #111 none repeat scroll 0 0;
    float: right;
    height: 570px;
    width: 40%;
}
.front-text-wrap {
    display: table;
    height: 490px;
    text-align: left;
    width: 100%;

}
.front-child {
    display: table-cell;
    vertical-align: middle;
    text-align:center !important;
}
.front-text h2 {
    font: 300 48px/41px "proxima-nova",sans-serif;
    margin: 0 0 30px;
}
.quote-text { 
    color: #135266;
    font: 300 21px/23px "proxima-nova",sans-serif;
}
.test-inner-wrap {
    display: table;
    height: 285px;
    padding: 0 50px;
    width: 100%; 
}

.test-inner-left, .test-inner-right {
    display: table;
    height: 285px;
    padding: 00px;
    width: 50%;
    float:left;
}

.test-inner-right {
    background:#111;
    color:#fff;
    text-align:center !important;
}
.shop-inner-left, .shop-inner-right {
    display: table;
    height: 285px;
    padding: 00px;
    width: 50%;
    float:left;
}
.shop-inner-left, .shop-right {
    background-size: auto 100% !important; 
} 
.shop-inner-left {
    opacity:0.98;
} 
 
.shop-inner-right {
    background:url(img/beat-bg2.gif) bottom left repeat-x #111;
    color:#fff;
    text-align:center !important;
}
.test-inner {
    display: table-cell;
    vertical-align: middle;
}
.quote-name {
    display: block;
    font: 300 15px/15px "proxima-nova",sans-serif;
    margin: 20px 0 0;
    text-transform: uppercase;
}
@media only screen and (min-width: 900px) and (max-width: 1500px) {
.front-text {
    padding: 40px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1200px) {
.front-image-left {
    width: 50%; 
    height: 370px;
    background: url(img/wedding-splash.jpg) center center no-repeat;
    background-size: 100% auto;
}
.front-image-shop {
    width: 50%; 
    height: 370px;
    background-size: 100% auto;
}
.front-text {
    width: 50%;
    height: 370px; 
}
.front-text-wrap {
  height: 290px;
}
.test-wrap {
    width: 100%;
}
.front-text { 
    padding: 40px; 
}
.front-test-image {
    float:right;
    height: 240px;
    width: 50%;
}
.front-test-text {
    float:left;
    height: 240px;
    width: 50%;
}
.home .test-inner-wrap {

  height: 240px;
}
.test-wrap {
    clear:both;
    float: none;
    height: 240px;
    width: 100%;
}
.test-inner-left, .test-inner-right {
    height: 240px;
}
.shop-inner-left, .shop-inner-right {
    height: 240px;
}
.fti-left, .fti-right {
  height: 240px;
}
.fti-left {
    float:right;
}
.shop-left, .shop-right {
  height: 240px;
}
.shop-left {
    float:right;
}
}
@media only screen and (min-width: 651px) and (max-width: 750px) {
.front-image-left {
    background: url(img/wedding-splash.jpg) center center no-repeat;
    background-size: 100% auto;
    display: block;
    float: left;
    height: 480px;
    width: 50%;
}
.front-image-shop {
    background-size: 100% auto;
    display: block;
    float: left;
    height: 480px;
    width: 50%;
}
.front-text {
    display: block;
    float: right;
    height: 370px;
    width: 50%;
}
.front-text-wrap {
  height: 290px !important;
}
.front-text-wrap { 
  height: 290px;
}
.front-test-image {
  height: 200px; 
}
.front-image-left {
  height: 370px;
}
.front-image-shop {
  height: 370px;
}
.front-child {
  height: 290px;
}
.test-wrap {
    background: #ccc none repeat scroll 0 0;
    clear: both;
    float: none;
    width: 100%;
}
.front-text-wrap {
    height: 380px;
}
.fti-left, .fti-right {
    height: 200px;
}
.shop-left, .shop-right {
    height: 200px;
}
.test-inner-left, .test-inner-right {
    height: 200px;
}
.shop-inner-left, .shop-inner-right {
    height: 200px;
}
}
@media only screen and (min-width: 1px) and (max-width: 650px) {
.front-wrap {
    position:relative;
}
.front-image-left {
    background: url(img/wedding-splash-blue.jpg) center center no-repeat;
    background-size: auto auto;
    height:400px;
    width:100%;
    float:none;
}
.wrap-holder {
    position:relative;
}
.front-image-shop {
    background-size: auto auto;
    height:240px;
    width:50%;
    float:left;
}
.home .front-text {
    display: table;
    float: none;
    height:400px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:69;
    height: auto;
    padding:0px;
    width: 100%;
    background:transparent;
}
.woocommerce .front-text {
    display: block;
    float: right;
    height:300px;
    z-index:69;
    height: auto;
    padding:0px;
    width: 50%;

}
.test-wrap {
    background: #ccc none repeat scroll 0 0;
    clear: both;
    float: none;
    height: 570px;
    width: 100%;
}
.top-title, .sub-title {
  max-width: 350px;
    display:block;
    margin:0px auto 30px auto;
}
.woocommerce .front-text-wrap {
    height: 240px
}
.home .front-text-wrap {
    background:transparent !important;
    height:400px !important;
}
} 
@media only screen and (min-width: 1px) and (max-width: 900px) {
.front-text h2 {
    font: 300 42px/36px "proxima-nova",sans-serif;
    margin: 0 0 30px;
}
.front-text {
    padding: 30px 30px;
}
}

@media only screen and (min-width: 1px) and (max-width: 750px) {
.test-inner-wrap {
    display: table;
    height: 240px;
    padding: 30px;
    width: 100%;
}

.front-test-text {
    height: 240px;
}
.woo-commerce .test-wrap {
    height: 240px;
}
.test-wrap {
  height: 480px;
}
.fti-left, .fti-right {
  float: left;
  height: 240px;
  width: 50%;
} 
.shop-left, .shop-right {
  float: left;
  height: 240px;
  width: 50%;
} 
.shop-inner-left, .shop-inner-right {
  height: 240px;
}
.front-test-image, .test-inner-left, .test-inner-right {
  height: 240px;
}

}
.quote-text {
    background: rgba(0, 0, 0, 0) url("img/quote-sign.png") no-repeat scroll left top;
    display: block;
    min-height: 70px; 
    padding: 0 0 0 140px;
}
@media only screen and (min-width: 1px) and (max-width: 600px) {
.quote-text {
    background: rgba(0, 0, 0, 0) url("img/quote-sign.png") no-repeat scroll left top;
    display: block;
    min-height: 70px;
    padding: 100px 0 0;
}

.fti-left, .test-inner-right {
    position:absolute;
    width:100%;
    height:240px;
    top:0px;
    left:0px;
    background:url(img/box-bg.png) top left transparent;
} 
.fti-right, .test-inner-left {
  float: none;
  height: 240px;
  width: 100%;
}
}

@media only screen and (min-width: 1px) and (max-width: 360px) {
.quote-text {
    background: rgba(0, 0, 0, 0) url("img/quote-sign.png") no-repeat scroll left top;
    display: block;
    min-height: 70px; 
    padding: 100px 0 0;
}

.shop-left, .shop-inner-right {
    position:absolute;
    width:100%;
    height:240px;
    top:0px;
    left:0px;
    background:url(img/box-bg.png) top left transparent;
    border-top:1px solid #777;
} 
.shop-right, .shop-inner-left {
  float: none;
  height: 240px;
  width: 100%;
}
}



@media only screen and (min-width: 1px) and (max-width: 400px) {
.home .front-test-text .test-inner-wrap, .home .front-test-image .test-inner-wrap {
  font: 400 26px/28px "gesta",sans-serif;
  letter-spacing: 1px; 
  padding:20px;
}
}

.box-link {
  font: 400 15px/45px "gesta",sans-serif;
  letter-spacing: 1px; 
  border:2px solid #fff;
  width:180px;
  height:49px;
  margin:20px 0px 0px 0px;
  display:block;
  color:#fff;
  border-radius:5px;
  text-align:center;
}
.box-link:hover {
   background:#fff;
   color:#2d2d2d;
} 
.front-test-image .box-link {
   float:right;
   clear:both;
}
 
.front-child .box-link {
   margin:40px auto 0px auto;
}
.top-title {
  font: 400 44px/40px "gesta",sans-serif; 
  display:block;
  margin:0px auto 35px auto;
}
.sub-title {
  font: 400 32px/30px "gesta",sans-serif;
  margin:0px auto;
  display:block;
}
@media only screen and (min-width: 1201px) and (max-width: 9999px) {
.top-title, .sub-title {
  max-width:350px;
} 
}
@media only screen and (min-width: 751px) and (max-width: 1200px) {
.top-title {
  font: 400 36px/32px "gesta",sans-serif; 
  display:block;
  margin:0px 0px 35px 0px;
}
.sub-title {
  font: 400 24px/20px "gesta",sans-serif;
}
} 
@media only screen and (min-width: 1px) and (max-width: 750px) {
.top-title {
  font: 400 32px/28px "gesta",sans-serif; 
  display:block;
}
.sub-title {
  font: 400 20px/16px "gesta",sans-serif;
}
}
@media only screen and (min-width: 651px) and (max-width: 750px) {
.top-title {
  margin:0px 0px 35px 0px;
}
}
/*------------------------------------*\
    FORM
\*------------------------------------*/
#gform_submit_button_1 {
  background: #8ad228 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 5px;
  color: #fff;
  font: 400 11px/40px "gesta",sans-serif;
  height: 40px;
  
  margin: 0 10px 0 0;
  padding: 0 20px;
  text-transform: uppercase;
}

.gform_wrapper .top_label .gfield_label {
  display: inline-block;
  font-weight: 400 !important;
}
.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {
  font: 400 11px/20px "gesta",sans-serif !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin:5px 0px 0px 0px !important;
}
.gform_wrapper {
  margin: 30px 0px 0px 0px !important;
}
.page-template-default .gform_wrapper div.validation_error {
    background: #8ad228 none repeat scroll 0 0;
    color: #fff;
    font: 400 11px/10px "gesta",sans-serif;

    list-style: outside none none;
    margin: 0 0 30px;
    padding: 10px 20px;
    text-transform: uppercase;
    border:0 none;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: #fff !important;
  border-bottom: 0 none !important;
  border-top:  0 none !important;
  margin-bottom: 0 !important;
  padding: 0;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.page-template-default .gform_wrapper .validation_message {
   background:#66e3f1;
   border-left:10px solid #66e3f1;
   padding:5px 10px !important;
   margin:5px 0px !important;
   color:#fff;
    font: 400 11px/10px "gesta",sans-serif;

    text-transform: uppercase;
}
/*------------------------------------*\
    SLIDER AND BOXES
\*------------------------------------*/
.splash {
    width:100%;
    max-width:1270px;
    margin:0 auto;
}
.flexslider {
    position:relative;
}
ul.slides {
    list-style:none;
    margin:0px auto;
    padding:0px;
    width:100%;
    min-height:320px;
}
ul.slides li {
    position:relative;
    text-align:center;
    min-height:320px;
} 
.flex-viewport .sub_heading {
	font:600 28px/25px "grafolita-script", sans-serif;
}
h1.slideshow_heading {
    font: 400 48px/44px "gesta",sans-serif;
    margin:15px 0px 40px 0px;
    text-transform:lowercase !important;
}
.slide_link {
    display:block;
    margin:0 auto;
    width:230px;
    height:60px;
    
    font: 900 14px/56px "gesta",sans-serif;
    text-transform:uppercase;
    
}
ul.slides .left .slide-text {
    position:absolute;
    width:420px;
    top:30%;
    left:130px;
    color:#fff;
    z-index:999;
} 
ul.slides .slide-text {
    position:absolute;
    width:420px;
    top:30%;
    right:130px;
    color:#14524f;
    z-index:999;
} 
ul.slides .slideshow-dark .slide-text {
    color:#14524f !important;
} 
ul.slides .slide-text .slide_link {
    border:2px solid #fff;
    color:#fff;
}
ul.slides .slide-text .slide_link:hover {
    border:2px solid #fff;
    color:#f1b9b4;
    background:#fff;
}
ul.slides .slideshow-dark .slide-text .slide_link {
    border:2px solid #14524f;
    color:#14524f;
}
ul.slides  .slideshow-dark .slide-text .slide_link:hover {
    border:2px solid #14524f;
    background:#14524f; 
    color:#fff;
}

.leftbox { 
    width:33%;
    padding:0px;
    height:320px;
    text-align:center;
    position:absolute;
    top:0px;
    left:0px;
	font:600 36px/30px "grafolita-script", sans-serif;
}
.middlebox {
    background:url(img/coupon-bg.gif) top left;
    width:34%;
    height:320px;
    text-align:center;
    margin:0 auto;
}
.rightbox { 
    width:33%;
    padding:0px;
    height:320px;
    text-align:center;
    position:absolute;
    top:0px;
    right:0px;
	font:600 36px/30px "grafolita-script", sans-serif;
}

.frontboxes {
    position:relative;

}
.flex-control-nav {
    list-style:none;
    padding:0px;
    margin:0px;
}

.flex-control-nav {
    bottom: 12px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 6px;
}
.flex-control-paging li a {
    background: #8ad228;
    border-radius: 30px;
    cursor: pointer;
    display: block;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
    border:2px solid #fff;
}
.flex-control-paging li a:hover {
    background: #66e3f1;
}
.flex-control-paging li a.flex-active {
    background:#eba49e;
    cursor: default;
}

.left-link, .right-link {
    display:block;
    margin:30px auto 0px auto;
    width:230px;
    height:60px;
    
    font: 900 14px/56px "gesta",sans-serif;
    text-transform:uppercase;
    
    color:#fff;
    border:2px solid #fff;
}
.left-link:hover, .right-link:hover {
    background:#fff;
    color:#3d8c95;
}
.boxtable {
    display:table;
    height:320px;
    width:100%;
}
.boxcell {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
.left-header, .right-header {
    width:190px;
    margin:0 auto;
    display:block;
    color:#fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.discount-amount {
    font: 900 36px/36px "gesta",sans-serif;
    text-transform:uppercase;
    
    color:#fff;
    display:block;
    margin:0px auto 15px auto;
    width:270px;
}
.discount-product {
    font: 400 22px/25px "gesta",sans-serif;
    text-transform:lowercase;
    
    color:#fff;
    display:block;
    margin:0px auto 30px auto;
    max-width:300px;
    width:90%:
}
.promo-code-box {
    padding:10px 20px;
    background:rgba(255,255,255,0.4);
    font: 400 15px/21px "gesta",sans-serif;
    text-transform:lowercase;
    
    color:#fff;
    display:block;
    text-transform:uppercase;
    width:230px;
    margin:0 auto;
}
@media only screen and (min-width: 960px) and (max-width: 1070px) {
.nav a, .nav span {
        font: 400 13px/19px "gesta",sans-serif !important;
}
}
@media only screen and (min-width: 1px) and (max-width: 1270px) {
.free-shipping {
  margin: 40px 0px 0px 0px;
} 
}
@media only screen and (min-width: 961px) and (max-width: 1250px) {
ul.slides .left .slide-text {
    top:25%;
    left:4%;
} 
ul.slides .right .slide-text {
    top:25%;
    right:4%;
} 
}
@media only screen and (min-width: 1px) and (max-width: 960px) {
.flex-viewport {
    background:#081b21;
}
ul.slides img {
    opacity:0.4;
}
ul.slides .left .slide-text, ul.slides .right .slide-text {
    width:100%;
    margin:0 auto;
    top:22%;  
    left:auto;
    right:auto;
    padding:0px 10px;
} 
.slide-mob {
    max-width:420px;
    margin:0 auto;
}
.flex-control-nav {
    display:none;
}
ul.slides .slideshow-dark .slide-text {
  color: #fff!important;
}
ul.slides .slide-text {
  color: #fff !important;
}
ul.slides .slide-text .slide_link {
    border:2px solid #fff !important;
    color:#fff !important;
}
ul.slides .slide-text .slide_link:hover {
    border:2px solid #fff !important;
    background:#fff !important; 
    color:#f1b9b4 !important;
}
}


@media only screen and (min-width: 1px) and (max-width: 700px) {
ul.slides .left img {
    min-height:320px;
    min-width:645px;
    position:absolute;
    top:0px;
    right:0px;
}
ul.slides .left {
    overflow:hidden;
    height:320px;
}
ul.slides .right img {
    min-height:320px;
    min-width:645px;
    position:absolute;
    top:0px;
    left:0px;
}
ul.slides .right {
    overflow:hidden;
    height:320px;
}
ul.slides .left .slide-text, ul.slides .right .slide-text {
    top:15% !important;  
} 
}

@media only screen and (min-width: 360px) and (max-width: 500px) {
h1.slideshow_heading {
  font: 400 36px/36px "gesta",sans-serif;
  margin: 15px 0 30px;
}
.flex-viewport .sub_heading {
  font: 600 20px/20px "grafolita-script",sans-serif;
}
ul.slides .left .slide-text, ul.slides .right .slide-text {
    top:18% !important;  
} 
}
@media only screen and (min-width: 1px) and (max-width: 359px) {
h1.slideshow_heading {
  font: 400 30px/30px "gesta",sans-serif;
  margin: 15px 0 30px;
}
.flex-viewport .sub_heading {
  font: 600 18px/18px "grafolita-script",sans-serif;
}
ul.slides .left .slide-text, ul.slides .right .slide-text {
    top:20% !important;  
} 
}
@media only screen and (min-width: 541px) and (max-width: 840px) {
.leftbox {
    height: 320px;
    display:block;
    left: auto;
    float:left;
    padding: 0;
    position: relative;
    text-align: center;
    top: auto;
    width: 50%;
}
.middlebox {
    background: rgba(0, 0, 0, 0) url("img/coupon-bg.gif") repeat scroll left top;
    height: 320px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display:block;
    clear:both;
}
.rightbox {
    height: 320px;
    display:block;
    left: auto;
    float:right;
    padding: 0;
    position: relative;
    text-align: center;
    top: auto;
    width: 50%;
}
}
@media only screen and (min-width: 1px) and (max-width: 540px) {
.leftbox {
    height: 320px;
    display:block;
    left: auto;
    float:none;
    padding: 0;
    position: relative;
    text-align: center;
    top: auto;
    width: 100%;
}
.middlebox {
    background: rgba(0, 0, 0, 0) url("img/coupon-bg.gif") repeat scroll left top;
    height: 320px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display:block;
    clear:both;
}
.rightbox {
    height: 320px;
    display:block;
    left: auto;
    float:none;
    padding: 0;
    position: relative;
    text-align: center;
    top: auto;
    width: 100%;
}
}

/*------------------------------------*\
    FRONTPAGE
\*------------------------------------*/



.new-prod-head {
    position:relative;
	font:400 18px/18px "gesta", sans-serif;
    color:#0e252b;
    text-align:center;
    margin:40px 0px 40px 0px;
    
} 
.new-prod-head:before {
	content: "";
	display: block;
	border-top: solid 1px #eeeeee;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.new-prod-head span {
	background: #fff;
	padding: 0 20px;
	position: relative;
	z-index: 5;
}
.front-cat-name {
	font:400 11px/12px "gesta", sans-serif;
    display:block;
    margin:20px 0px 10px 0px;
    color:#66e3f1;
    text-transform:uppercase;
    
}

/*------------------------------------*\
	ACCOUNT / SEARCHBOX
\*------------------------------------*/ 
.account-links {
  color: #8a8a8a;
  padding: 0 0 0 3px;
  position: absolute;
  right: 0;
  top: 0; 
z-index: 999999999;
}

@media only screen and (min-width: 1px) and (max-width: 940px) {
.account-links {
  position: fixed;
  right: 20px;
}
}
.account-links a {
    color:#8a8a8a;
}
.btn-slide {
    display:inline-block;
    background:#8ad228;
    color:#fff !important;
    width:35px;
    height:50px;
    text-align:center;
    padding:0px 0px 0px 3px;
    margin:0px 0px 0px 20px;
}
.panelbtn {
    display:inline-block;
    background:transparent;
    border-radius:0px;
    color:#fff !important;
    width:35px;
    height:40px;
    font-size:24px;
    text-align:center;
    padding:0 0 0 3px;
    margin:0px 0px 0px 0px;
    border:0 none;
    float:right;
}
#panel {
    width:100%;
    height:70px;
    background:#2d2d2d;
    display:none;
    padding:15px 0px; 
}
.panelwrap .search-field {
    border:0 none;
    height:40px;
    padding:0px 15px;
    width:255px;
    font-size:12px;
}
.search-field:focus {
    border: 0 none !important;
    outline: 0 none;
}
.panelwrap {
    width:95%;
    max-width:1170px;
    margin:0 auto;
    text-align:right;
}


/*------------------------------------*\
	BOXES
\*------------------------------------*/
.main-small {
    display:block;
    text-align:center;
    padding:0px 20px;
    font: 400 26px/24px "gesta",sans-serif !important;
    text-transform:uppercase;
    color:#2d6167;
    margin:0px 0px 10px 0px;
}
.main-large {
    display:block;
    text-align:center;
    padding:0px 20px;
    font: 400 40px/32px "gesta",sans-serif !important;
    text-transform:uppercase;
}
.main-price {
    display:block;
    text-align:center;
    padding:0px 20px;
    font: 700 32px/30px "gesta",sans-serif !important;
    text-transform:uppercase;
    margin:10px 0px 0px 0px;
}  
.top-large, .bottom-large {
    display:block;
    text-align:center;
    padding:0px 20px;
    font: 400 23px/22px "gesta",sans-serif !important;
    text-transform:uppercase;
    color:#fff;
    margin:0px 0px 10px 0px;
} 
.top-price, .bottom-price {
    font: 700 22px/20px "gesta",sans-serif !important;
    color:#f277e2;
} 

@media only screen and (min-width: 401px) and (max-width: 540px) {
.woocommerce-page .booking-inner {
    display:none;
}
.main-small {
    display:none;
}
.main-large {
    font: 400 36px/30px "gesta",sans-serif !important;
}
.main-price {
    font: 900 22px/20px "gesta",sans-serif !important;
}
.front-image-shop {
  height: 240px;
} 
.woocommerce-page .booking-inner {
    display:none;
}
.woocommerce-page .booking-strap {
    border-top:3px solid #8ad228;
}

.top-large, .bottom-large {
    display:block;
    text-align:center;
    padding:0px 10px;
    font: 400 28px/24px "gesta",sans-serif !important;
    text-transform:uppercase;
    color:#fff;
    margin:0px 0px 10px 0px;
} 
.top-price, .bottom-price {
    font: 700 22px/20px "gesta",sans-serif !important;
    color:#f277e2;
} 
} 
@media only screen and (min-width: 1px) and (max-width: 400px) {
.main-small {
    display:none;
}
.main-large {
    font: 400 24px/20px "gesta",sans-serif !important;
}
.main-price {
    font: 900 19px/16px "gesta",sans-serif !important;
}
.front-image-shop {
  height: 240px;
} 
.woocommerce-page .booking-inner {
    display:none;
}
.woocommerce-page .booking-strap {
    border-top:3px solid #8ad228;
}

.top-large, .bottom-large {
    display:block;
    text-align:center;
    padding:0px 10px;
    font: 400 24px/20px "gesta",sans-serif !important;
    text-transform:uppercase;
    color:#fff;
    margin:0px 0px 10px 0px;
} 
.top-price, .bottom-price {
    font: 700 19px/16px "gesta",sans-serif !important;
    color:#f277e2;
} 
.woocommerce .front-text-wrap {
  height: 240px;
}
}
 
.front-title { 
    margin:0px 0px 40px 0px;
    background:url(img/latest-bg.jpg) top center no-repeat #f592e8;
    font: 400 23px/20px "gesta",sans-serif !important;
    padding:50px 0px;   
    text-align:center; 
    color:#fff;
background-size: 100% auto !important;
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
.front-title {
    padding:40px 0px;   
background-size: 200% auto !important;
}
}

.call-inner {
    max-width:1170px;
    width:95%;
    margin:0 auto;
    padding:15px 0px;
}
.dont-sm {
    display:none;
}
.dont-lg {
    display:block;
}
@media only screen and (min-width: 1px) and (max-width: 700px) {
.dont-sm {
    display:block;
    margin:0 auto;
    max-width:320px;
}
.dont-lg {
    display:none;
}
}

.buy-lg {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: block;
    font: 400 15px/45px "gesta",sans-serif;
    height: 49px;
    letter-spacing: 1px;
    margin: 30px auto 0px auto;
    text-align: center;
    width: 180px;
}
.buy-sm {
    border: 2px solid #f277e2;
    border-radius: 5px;
    color: #f277e2;
    display: block;
    font: 400 14px/36px "gesta",sans-serif;
    height: 40px;
    letter-spacing: 1px;
    margin: 30px auto 0px auto;
    text-align: center;
    width: 100px;
}

@media only screen and (min-width: 1px) and (max-width: 650px) {
.buy-lg, .buy-sm {
    display:none;
}
}
.buy-lg:hover {
    background:#fff; 
    color:#3fd8ec;
}
 .buy-sm:hover {
    background:#f277e2;
    color:#fff;
}
/*------------------------------------*\
	WOOCOMMERCE
\*------------------------------------*/

.cart_totals  h2 {
    font: 400 24px/20px "gesta",sans-serif !important;
    margin:20px 0px;
    padding:0px;   
    text-align:center;
}
#woocommerce_product_search-2 {
    overflow:hidden;
}  
#woocommerce-product-search-field {
    height:40px;
    padding:0px 15px;
    border:0 none;
}
#woocommerce-product-search-field:focus {
    border: 0 none !important;
    outline: 0 none;
}
.woocommerce-product-search input[type=submit] { 
    background: #f277e2 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font: 400 11px/40px "gesta",sans-serif !important;
    height: 40px;
    margin: 10px 0px 20px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
} 
.screen-reader-text {
    display:none;
}
.my-account section input.button {
    background:#8ad228;
    color:#fff;
    font: 400 11px/40px "gesta",sans-serif;
    text-transform:uppercase;

    border:0 none;
    
    height:40px;
    padding:0px 20px;
    margin:0px 10px 0px 0px;
}
#container {
    max-width:1170px;
    width:100%;
    margin:0px auto;
}
#container div.type-product {
    position:relative !important;
}
.woocommerce-page .images {
   width:40%;
   float:left;
   padding:0px 0px 30px 0px;
   position:relative !important;
}
.woocommerce-page  a.woocommerce-main-image {
   width:100%;
   padding-bottom:100%;
   border:3px solid #f4f4f4;
   position:relative;
   display:block;
   margin:0px;
   overflow:hidden;
}
.price {
	font:900 16px/20px "gesta", sans-serif;
    margin:15px 0px 15px 0px;
    color:#f277e2;
    display:block;
    height:24px;
}
.single-product .summary .price {
    margin:15px 0px 30px 0px;
	font:900 24px/20px "gesta", sans-serif;
}
.woocommerce-page .attachment-shop_single {
   position:absolute;
  margin: auto; 
  top: 0; left: 0; bottom: 0; right: 0;
   width:100%;
}
.single-product .attachment-shop_single {
   position:relative !important;
}
.images .thumbnails {
    padding:20px 0px;
    overflow:hidden;
} 
.images .thumbnails a {
    float: left;
    margin: 0px 3.8% 10px 0px;
    width: 30.75%;
   border:3px solid #f4f4f4;
}
.images .thumbnails a img {
    height:auto;
}
.images .thumbnails a.last {
    margin: 0px 0px 0px 0px !important;
}
.entry-summary {
    width:55%;
    float:right;
   padding:0px 0px 60px 0px;
}
.woocommerce-tabs {
    clear:both;
    margin:30px 0px 0px 0px;
    padding:0px;
}
.wc-tabs { 
     display:none;
}
.single-product div.product table.variations td, .single-product div.product table.variations th {
    background-color: transparent;
    display: list-item;
    list-style: outside none none;
    padding: 0px 0px 5px 0px;
}
td.value {
    padding:0px 0px 15px 0px !important;
}
select, input, textarea {
    border:1px solid #eeeeee;
}
input.upload-box {
    padding:0px !important;
    border:0 none !important;
}
input {
    padding:0px 10px;
}
a.reset_variations {
    color: #66e3f1;
    display: block;
    font: 400 11px/12px "gesta",sans-serif;

    text-transform: uppercase;
    margin:15px 0px 0px 0px;
} 
h3.addon-name {
  color: #444;
  font: 400 11px/10px "gesta",sans-serif;
  
  text-transform: uppercase;
   margin:10px 0px 10px 0px;
}
.addon-description p {
  color: #f277e2;
  font: 400 11px/10px "gesta",sans-serif;
  
  text-transform: uppercase;
   margin:0px 0px 10px 0px !important;
   padding:0px;
font-style: normal !important;
}
p.form-row {
   padding:0px;
   margin:0px 0px 20px 0px;
}
div.product-addon {
  margin: 0px !important; 
}

button.single_add_to_cart_button {
    clear:both;
    display:block;
    margin:20px 0px 30px 0px;
    width:150px;
    height:40px;
    display:block;
    background:#8ad228;
    text-align:center;
    color:#fff;
	font:900 11px/40px "gesta", sans-serif;
    
    text-transform:uppercase;
    
    border:0 none;
}

dl.product-addon-totals {
    padding:20px;
    border-radius:10px;
    margin:0px 0px 20px 0px;
    background:#66e3f1;
    max-width:300px;
    width:100%;
    color:#fff;
}
dl.product-addon-totals dt {
  clear: left;
  float: left;
  width: 50% !important;
}
dl.product-addon-totals dd {
   width:50% !important;
   padding:0px !important;
   margin:0px !important; 
   text-align:right !important;
}
input.qty {
   width:60px; 
   padding:0px 0px 0px 10px;
}

h1.product_title {
   margin:0px 0px 30px 0px;
font:400 30px/28px "gesta", sans-serif; 
}

.woocommerce-breadcrumb {
   border-top:1px solid #eeeeee;
   border-bottom:1px solid #eeeeee;
  color: #66e3f1;
  padding:10px 0px;
  display: block;
  font: 400 11px/10px "gesta",sans-serif;
  margin:30px 0px 30px 0px;
  text-transform: uppercase;
}
.post-type-archive .woocommerce-breadcrumb, .post-type-archive .page-title, .post-type-archive .sort-bar{
    display:none !important;
}
.search-results .woocommerce-breadcrumb, .search-results .page-title, .search-results .sort-bar{
    display:block !important;
}

.post-type-archive .front-wrap {
    margin:0px;
} 
h2 {
 overflow: hidden !important;
	font:400 24px/24px "gesta", sans-serif;   
     margin:24px 0px 24px 0px;    
     text-transform:uppercase;

}

h2.woocommerce-loop-product__title {
	font:400 18px/18px "gesta", sans-serif !important;   

}

.single-product h2 {
    text-align:left !important;
}


.sidebar h4 {
    padding:0px;
    margin:0px 0px 30px 0px;
    border:0 none;
    color:#66e3f1;
}
section h3, h4, .prod-desc, .prod-rel {
 overflow: hidden !important;
	font:400 23px/20px "gesta", sans-serif; 
    color:#8ad228;   
     margin:30px 0px 30px 0px;    
     text-transform:uppercase;
     border-top:1px solid #eeeeee;
     padding:30px 0px 0px 0px; 

}
 

.sidebar ul {
     list-style:none;
     padding:0px;
     margin:0px;
}
.sidebar li {
     padding:10px 0px; 
     margin:0px;
	font:400 16px/16px "gesta", sans-serif; 
     border-top:1px solid #fff;
}

.ubermenu-skin-white {
  border-width: 0px !important;
}
   
 
.related ul {
   list-style:none;
   padding:0px;
   margin:0px;
}
.related ul li {
  display: inline-block;
  float: left;
  margin: 0 2% 0 0;
  text-align: center;
  width: 14.6%;
} 
.related ul li.last {
   margin:0px !important;
} 

.attachment-shop_front { 
   position:absolute;
   top:0px;
   left:0px;
   width:100%;

}
.loop-img { 
   width:100%;
   padding-bottom:97%;
   border:3px solid #f4f4f4;
   position:relative;
   overflow:hidden !important;

}  
.loop-img:hover {
   border:3px solid #66e3f1;
} 
 
.products {
   list-style:none !important;
   padding:0px;
   margin:0px;
   clear:both;
}
.products li {
   display:inline-block !important;
   float:left;
   width:23% !important;
   margin:0px 1% 0px 1% !important;
   text-align:center;
   padding:0px 0px 0px 0px;
   position:relative;
}
.products.front-loop li, .related .product-grid li {
   display:inline-block !important;
   float:left;
   width:15% !important;
   text-align:center;
   position:relative;
}
.products.front-loop li {
   margin:0px 2% 15px 0px !important;
   background:#fff;
   padding:10px;
   border-radius:5px;
}
.related .product-grid li {
   margin:0px 2% 0px 0px !important;
}
.related .product-grid {
    width:100%;
}

.new-prods {
    background:url(img/dj-new-bg.jpg) top center no-repeat #c8c8c8;
    background-size: 100%; //propotional resize
}
.new-wrap {
    width:95%;
    max-width:1270px;
    margin:0 auto;
    padding:40px 0px;
} 
.new-wrap h1 {
	font:400 24px/24px "gesta", sans-serif;
    padding:0px;
    margin:0px 0px 30px 0px;
}
.products.front-loop li:last-child {
   margin:0px 0px 15px 0px !important;
}
.products li h3 {
	font:400 17px/19px "gesta", sans-serif;
    margin:15px 0px 0px 0px;
    display:block;
    overflow:hidden;
} 
.products.front-loop li h3 {
}
.products li h3 a:hover {
    color:#66e3f1;
}

.products li a.button {
    width:130px;
    height:40px;
    display:block;
    margin:0 auto 30px auto;
    background:#8ad228;
    text-align:center;
    color:#fff;
	font:900 11px/40px "gesta", sans-serif;
    text-transform:uppercase;
    border-radius:0px;
}
.products li a.button:hover { 
    background:#66e3f1;
}
.refinebar {
  background: #fafafa none repeat scroll 0 0;
  float: left;
  padding: 20px;
  width: 22%;
   
   margin:0px 0px 30px 0px;
}
.refinebar h3 {
    color: #66e3f1;
    display: block;
    font: 400 16px/14px "gesta",sans-serif; 
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
.single-product .refinebar {
    float:right !important;
    width:19% !important;
}
.desc-wrap {
    width:100%;
    margin:0 auto;
	font:400 15px/25px "gesta", sans-serif;
}
.top-prod-wrap {
    float: left;
    width: 75%;
    margin-bottom: 60px;
} 
.product-grid {
    float:right;
    width:75%;
}

nav.woocommerce-pagination {
    clear:both;
} 

 
.woocommerce .widget_price_filter .price_slider {
    margin: 30px 0px 20px 0px;
}
.woocommerce .widget_price_filter .price_slider_amount {
    font-size: 0.8751em;
    line-height: 2.4;
    text-align: right;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    float: left;
    font-size: 1.15em;
}
.woocommerce .widget_price_filter .ui-slider {
    margin-left: 0.5em;
    margin-right: 0.5em;
    position: relative;
    text-align: left;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #f277e2;
    border-radius: 1em;
    cursor: ew-resize;
    height: 1em;
    margin-left: -0.5em;
    outline: 0 none;
    position: absolute;
    top: -0.3em;
    width: 1em;
    z-index: 2;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 1em;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #3d8c95;
    border: 0 none;
    border-radius: 1em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}

.price_slider_wrapper .button {
    background: #f277e2 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    font: 900 11px/40px "gesta",sans-serif !important;
    height: 40px;

    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
    border:0 none;
}
.price_label {
    color: #66e3f1;
    font: 400 11px/40px "gesta",sans-serif;

    text-transform: uppercase;
}
.sort-bar {
    background:#66e3f1;
    padding:10px 20px;
    
    overflow:hidden;
    margin:0px 0px 40px 0px; 
}
.woocommerce-result-count {
    color: #fdfdfd;
    font: 400 11px/25px "gesta",sans-serif;

    text-transform: uppercase;
    padding:0px;
    margin:0px;
    float:left;
    width:50%;
}
.woocommerce-ordering {
    float:right;
    width:50%:
}
.wc-backward {
background: #8ad228 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font: 400 11px/40px "gesta",sans-serif;
    height: 40px;

    margin: 0 10px 0 0;
    padding: 0 20px;
    text-transform: uppercase;
    display:block;
    width:170px;
    text-align:center;
}

ul.product-categories {
    list-style:none;
    padding:0px;
    margin:0px 0px 30px 0px;
    font-size:15px;
    line-height:15px;
}
ul.product-categories li {
    list-style:none;
    padding:5px 0px !important;
}
ul.product-categories li li, ul.product-categories li li li {
    list-style:none;
    padding:5px 0px !important;
    font-size:14px;
    line-height:14px;
    
}
ul.product-categories ul {
    margin:0px;
    padding:5px 0px 0px 15px;
   color:#66e3f1; 
}
ul.product-categories ul a { 
   color:#66e3f1;
}
ul.product-categories ul ul {
    margin:0px;
    padding:5px 0px 0px 30px;
    color:#e7b6b1 !important; 
}
ul.product-categories ul ul a {
    color:#e7b6b1;
}
a.refine-link {
    display:none;
}  
.woocommerce-pagination {
    text-align:center;
    margin:30px 0px 30px 0px;
    padding:0px 0px 0px 25%; 
}
.woocommerce-pagination a {
}
.page-numbers {
    list-style:none;
    margin:0px auto;
    padding:0px;
    text-align:center;
}
.page-numbers li {
    display:inline-block;
}
.page-numbers li a {
    display:inline-block;
    padding:5px;
    background:#66e3f1;
    color:#fff;
    font-size:11px;
    min-width:25px;
}
.page-numbers span.current {
    display:inline-block;
    padding:5px 8px;
    background:#202020;   
    color:#fff;
    min-width:25px;
    font-size:11px;
}

h1.page-title {
    font: 400 30px/30px "gesta",sans-serif;
    margin:30px 0px;
}
.page-template-default h1.page-title {
    font: 400 30px/30px "gesta",sans-serif;
    margin:0px 0px 50px 0px;
}
.single-product .woocommerce-breadcrumb {
    margin:30px 0px 30px 0px;
    overflow:hidden;
}
.woocommerce-error {
    list-style:none;
    padding:10px 20px;
    color:#fff;
    background:#8ad228;
    margin:0px 0px 30px 0px;
    font: 400 11px/10px "gesta",sans-serif;

    text-transform: uppercase;
}
.woocommerce-error li::before {
    color: #fff;
    content: "\f071";
    font-family: "FontAwesome";
    margin: 0 10px 0 0;
}

.woocommerce-message { 
    padding:25px 20px 10px 20px;
    background:#66e3f1;
    color:#fff;
    overflow:hidden;
    font: 400 11px/10px "gesta",sans-serif;

    margin:0px 0px 30px 0px;
    text-transform: uppercase;
}

.woocommerce-message a {
    color:#fff;
}

.woocommerce-message .button {
    background: #fff none repeat scroll 0 0;
    display: block;
    float:right;
    font: 400 11px/40px "gesta",sans-serif;
    height: 40px;

    margin: -15px 0 0 10px;
    text-align: center;
    text-transform: uppercase;
    color:#444 !important;
    width:170px;
}
.cart_totals .shipping {
    display:none;
}
.wc-proceed-to-checkout .checkout-button {
    width:200px;
    background:#8ad228;
    
    color:#fff;
    margin:20px auto;
    font: 400 11px/40px "gesta",sans-serif;
    height: 40px;
    text-transform: uppercase;

    text-align:center;
    display:block;
}
actions {
    text-align:center;
}
.actions .coupon {
    background:#f277e2;
    color:#fff;
    font: 400 11px/40px "gesta",sans-serif;
    padding:10px 0px;
    display:block;
    width:400px;
    
    text-align:center;
    margin:0px auto;
}
.actions #coupon_code {
    height: 25px;
    margin: 0 0 0 10px;
    width: 100px;
}
.actions .coupon .button {
    background: #a04d95 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    height: 25px;
    width: 80px;
}
.cart_totals  table th {
    text-align:right;
    padding:0px 20px 0px 0px;
    border-right:1px solid #ccc;
}
.cart_totals  table td {
    padding:0px 0px 0px 20px;
}
dl.variation {
    font: 400 11px/10px "gesta",sans-serif;
    text-transform: uppercase;
   
    color:#f277e2;
}
dl.variation p {
    padding:0px;
    margin:0px 0px 5px 0px;
}
dl.variation dd {
    padding:0px;
    margin:0px;
    font-weight:bold;
} 
.shop_table .attachment-shop_thumbnail {
    max-width:90px; 
    height:auto;
    width:100%;
}
.cart-thumb {
    border: 3px solid #f4f4f4;
    overflow: hidden !important;
    height:90px;
    position: relative;
    width: 90px;
}
.shop_table {
    margin:0px 0px 30px 0px;
    border:1px solid #eeeeee;
    width:100% !important;
}
.shop_table td {
    padding:20px 20px;
}
.shop_table thead {
    background:#66e3f1;
}
.shop_table thead th {
    color:#fff;
}
.shop_table th {
    padding:10px 20px;
    text-align:left;
    font: 400 11px/10px "gesta",sans-serif;

    text-transform: uppercase;
}
.shop_table tr:nth-child(even) {
    background-color: #fcfcfc;
}
.cart-discount th {
    color:#444 !important;
}
tr.order-total {
    background:#8ad228 !important;
    color:#fff !important;
}
.cart_totals tr {
    background:#fff !important;
    color:#444 !important;
}
.bottom-row {
    background:#66e3f1 !important;
}
.bottom-row td { 
    padding:10px 20px !important; 
} 
.bottom-row .button {
    background: #fff none repeat scroll 0 0;
    display: block;
    font: 400 11px/40px "gesta",sans-serif;
    height: 40px;
    width:280px;

    margin: 0px;
    border:0 none;
    text-align: center;
    text-transform: uppercase;
}
.added_to_cart {
  background: #66e3f1 none repeat scroll 0 0;
  border-radius: 0;
  bottom: 30px;
  color: #fff;
  display: block;
  font: 400 12px/40px "gesta",sans-serif;
  height: 40px;
  left: 50%;
  margin-left: -65px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 130px;
}
.product-addon .form-row label {
    display:none;
}
.product-addon .form-row label input{
    display:block !important;
}

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .cart-discount td,
.woocommerce-checkout-review-order-table .cart-subtotal td {
    text-align:right !important;
}
.cart-subtotal {
    background:#66e3f1 !important;
    color:#fff !important;
}

.checkout-wrap {
    
    width:100%;
    margin:0 auto;
}

.woocommerce form .form-row {
    margin: 0 0 6px;
    padding: 3px;
}
.woocommerce form .form-row label {
    line-height: 2;
}
.woocommerce form .form-row label.inline {
    display: inline;
}
.woocommerce form .form-row select {
    cursor: pointer;
    margin: 0;
}
.woocommerce form .form-row .required {
    border: 0 none !important;
    color: #66e3f1;
    font-weight: 700;
}
.woocommerce form .form-row .input-checkbox {
    display: inline;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    line-height: 2;
    margin: 0;
    outline: 0 none;
    width: 100%;
    height:36px;
}
.woocommerce form .form-row textarea {
    box-shadow: none;
    display: block;
    height: 4em;
    line-height: 1.5;
}
.woocommerce form .form-row .select2-container {
    line-height: 2em;
    width: 100%;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: #69bf29;
}
.woocommerce form .form-row *:-moz-placeholder {
    line-height: normal;
}
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    float: left;
    overflow: visible;
    width: 50%;
}
.woocommerce-checkout div.woocommerce-info {
    color:#fff;
    
    text-align:center;
    margin:10px 0px 0px 0px;
    display:block;
    background:#f277e2;
    padding:15px 0px;
    font: 400 12px/10px "gesta",sans-serif;

    text-transform: uppercase;
}
.woocommerce-checkout div.woocommerce-info a {
    color:#fff;
    font-weight:bold;
}
.woocommerce-checkout div.woocommerce-info:first-of-type {
    background: #66e3f1;
} 

tr.shipping th {
    color:#444 !important;
}
tr.shipping td {
    text-align:right !important;
}
.cart_totals tr.shipping td {
    text-align:left !important;
}
.cart_totals tr.shipping td span {
}
.payment_methods {
    list-style:none;
    padding:0px;
    margin:0px; 
    color:#fff;
}
.payment_methods input {
    margin:0px 10px 0px 0px;
}

.payment_method_bacs p, .payment_method_paypal p {
    margin:10px 0px 20px 30px;
    font: 400 11px/10px "gesta",sans-serif;

    text-transform: uppercase;
    color:#fff
}
.payment-holder, .woocommerce-checkout-payment {
    background:#202020;
    padding:20px;
     
}
input#place_order {
    width:280px;
    margin:40px auto 0px auto;
    text-align:center;
    font: 400 11px/10px "gesta",sans-serif;

    display:block;
    text-align:center;
    height:40px;
    background:#fff;
    border:0 none;
    text-transform:uppercase;
}
.payment_methods label {
    font-weight:bold;
}
.payment_methods a {
    font-weight:normal;
    color:#fff;
}
li.payment_method_paypal img {
display: none !important;
}
a.about_paypal {
display: none;
}
 
input#place_order {
    width:280px;
    margin:40px auto 0px auto;
    text-align:center;
    font: 400 11px/10px "gesta",sans-serif;

    display:block;
    text-align:center;
    color:#fff;
    height:40px;
    background:#8ad228;
    border:0 none;
    text-transform:uppercase;
}
form.checkout_coupon {
    max-width:500px;
    margin:20px auto 0px auto;
}
form.checkout_coupon .form-row-first {
    width:65%;
}
form.checkout_coupon .form-row-last {
    width:35%;
}
form.checkout_coupon input, form.checkout_coupon .button {
    width:100%;
    height:30px;
}
.col2-set h3 {
    font: 400 11px/10px "gesta",sans-serif;

    margin:20px 0px 20px 0px;
    text-transform:uppercase;
}
.my-account .col2-set .col-1 {
    float:left;
    width:48%;
    padding:0px 0px 30px 0px;
}
.my-account .col2-set .col-2 {
      float:right;
    width:48%;
    padding:0px 0px 30px 0px; 
}
.my-account .col2-set label {
    display:block;
}
tfoot, tfoot a {
    color:#444 !important;
}
mark {
  background: #66e3f1 !important;
  color: #fff;
  padding:0px 3px;
}

#shipping_method {
    list-style:none;
    padding:0px;
    margin:0px;
}

.sample-link {
  background: #8ad228 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 4px;
  clear: both;
  color: #fff;
  display: block;
  font: 900 11px/40px "gesta",sans-serif;
  height: 40px;
  margin: 0px 0 30px;
  text-align: center;
  text-transform: uppercase;
  width: 170px;
}

.taptap-menu-button, .taptap-menu-button-alt, .taptap-menu-button-three {
  padding: 4px 11px 10px !important;
} 

@media only screen and (min-width: 1px) and (max-width: 540px) {
.products li {
  width: 48% !important;
}
.my-account .col2-set .col-1 {
    float: none;
    padding: 0px;
    margin:0px 0px 20px 0px;
    width: 100%;
    text-align:center;
}
.my-account .col2-set .col-2 {
    float: none;
    padding: 0px;
    margin:0px;
    width: 100%;
    text-align:center;
}
.shop_table td {
    font: 400 15px/17px "gesta",sans-serif;
}
.shop_table td {
  padding: 10px;
}
.shop_table th {
  padding: 10px;
}
.shop_table .order-date, .shop_table .order-actions, .shop_table .product-remove, .shop_table .product-price, dl.variation {
    display:none;
}
.bottom-row .button {
  margin: 0 auto;
  width: 100%;
  max-width:280px;
}
.coupon span {
   display:block;
   text-align:center;
}
.actions .coupon {
  font: 400 11px/20px "gesta",sans-serif;
  margin: 0 auto;
  width:100%;
  max-width: 400px;
}
}
@media only screen and (min-width: 541px) and (max-width: 840px) {
.products li {
  width: 31% !important;
}
}

@media only screen and (min-width: 1px) and (max-width: 840px) {
.shop_table .product-thumbnail {
  display:none;
}
.shop_table td {
    font: 400 15px/17px "gesta",sans-serif;
}
.refinebar {
  display:none;
}
.product-grid {
  width:100%;
  float:none;
}
.woocommerce-pagination {
  margin: 30px 0;
  padding: 0;
  text-align: center;
}
.social {
  display:block;
  float:none;
  text-align:center;
  width:100%;
}
.mailchimp {
  display:block;
  float:none;
  margin:20px 0px 0px 0px;
  text-align:center;
  width:100%;
}
#mc-embedded-subscribe-form {
  margin:10px 0px 0px 0px;
}

}
@media only screen and (min-width: 541px) and (max-width: 840px) {

.products.front-loop li, .related .product-grid li {
    display: inline-block !important;
    float: left;
    position: relative;
    text-align: center; 
    width: 32% !important;
}

.products.front-loop li {
   margin:0px 2% 15px 0px !important;
}
.related .product-grid li {
   margin:0px 2% 0px 0px !important;
}

.products.front-loop li.new-prod-3, .related .product-grid li:nth-child(3n+3) {
    margin: 0px 0px 15px 0px !important;
}

}
@media only screen and (min-width: 1px) and (max-width: 370px) {
.item {
   display:none;
}
}
@media only screen and (min-width: 1px) and (max-width: 959px) {

.top-left {
   display:none;
}
.top-prod-wrap {
  float: none;
  width: 100%;
}

.product-grid {
  float: none;
  width: 100%;
}
nav.nav {
   display:none;
} 
.logo-img {
  left: 50%;
  margin-left:-135px;
  top:20px;
}
.header {
  height: 100px;
}
.btn-slide {
    display:none;
}


.taptap-search-button {
  left: 57px;
}
.taptap-search-wrapper #searchform input {
  font-size: 16px;
  padding: 23px 0 22px 16px;
  color:#fff;
}
.tap-tap-header {
  height: 50px !important;
   background:#eeeeee;
}
.taptap-search-button {
  border-left: 1px solid #fff;
}
.taptap-background-color {
  background-color: #e0e0e0;
}
.taptap-search-wrapper {
  background-color: #155754;
}
.tap-tap-header {
  z-index: 99999999;
}
.woocommerce-pagination {
  padding: 0px;
}

}
@media only screen and (min-width: 541px) and (max-width: 959px) {

.booking-inner span {
   font-size:16px;
}
} 
@media only screen and (min-width: 1px) and (max-width: 540px) {

.booking-inner span {
   font-size:13px;
}
.account-links {
  font-size: 12px;
}
}
@media only screen and (min-width: 1px) and (max-width: 740px) {
.booking-inner span {
  display: block;
  text-align:center;
  margin: 0px 0px 0px 0px;
}
.booking-inner span.call-us {
  text-align:center !important;
}
.booking-inner #button {
  width: 24%;
}
.c-login {
  width: 19.5% !important;
}
} 
@media only screen and (min-width: 421px) and (max-width: 900px) {
.booking-inner form {
  width:80%;
}
.booking-inner form select {
  width: 24% !important;
}
.booking-inner span {
  display: block;
  margin: 0;
	text-align:center;
}
}
@media only screen and (min-width: 1px) and (max-width: 959px) {
#woocommerce_product_search-2 {
   margin-top:20px;
}
.woocommerce .booking-inner span.call-us {
  margin: 0px auto !important;
}
.booking-strap {
  background: #8ad228 none repeat scroll 0 0;
  color: #fff; 
  height: auto;
  line-height: 18px;
  padding:14px 0px 20px 0px !important;
  margin: 0 0 40px;
}
.booking-inner form label::after {
  top: 0px;
}
.booking-inner #button {
   margin:10px 0px 0px 0px !important;
}
.booking-inner #button:hover {
   background:#fff;
   color:#5a881b;
}
.c-login {
  top: auto !important;
  bottom: 0;
}
.foot-left {
   display:block;
   text-align:center;
   width:100%;
   font: 400 12px/16px "gesta",sans-serif;
}
.foot-right {
  float: none;
   text-align:center;
   width:100%;
   display:block;
   font: 400 12px/16px "gesta",sans-serif;
}
.company-details {
    padding: 0;
   text-align:center;
   width:100%;
   display:block;
}
.copyright {
    padding: 0;
   text-align:center;
   width:100%;
   display:block;
}
.telephone, .crd {
    margin-top: 21px;
}
.refineoptions {
    display:none;
} 
a.refine-link {
  background: #fff none repeat scroll 0 0;
  display: block;
  font: 400 11px/40px "gesta",sans-serif;
  height: 40px;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
}

.refinebar { 
  background: #fafafa none repeat scroll 0 0;
  float: none;
  margin: 0 0 30px;
  padding: 20px;
  width: 100%;
  display:block !important;
}
.single-product .refinebar {
   display:none !important;
} 
.widget_product_categories {
   margin:30px 0px 0px 0px;
}
.sort-bar {
  margin: 0 0 10px;
}
}

@media only screen and (min-width: 1px) and (max-width: 630px) {

.company, .telephone, .copyright span {
   display:block;
}

.logo-img {
  left: 50%;
  margin-left: -100px;
    width: 200px;
    top:20px;
} 
.header {
  height: 80px;
}
}
@media only screen and (min-width: 421px) and (max-width: 540px) {

.booking-inner form {
   width:80%;
}
.booking-inner form select {
   width:23% !important;
}

.booking-inner #button {
   width:23% !important;
    font-size: 10px;
}
.booking-inner form label::after {
  top: 1px;
}
.c-login {
  width:20% !important;
    font-size: 10px !important;
}
}

@media only screen and (min-width: 1px) and (max-width: 420px) {

.booking-inner form {
   width:100%;
   text-align:center;
}
.booking-inner form select {
   width:22% !important;
  padding: 6px 3px 6px 5px;
   font-size:11px;
   margin:0px 1% 0px 0%
} 

.booking-inner #button {
   width:31% !important;
    font-size: 10px;
}
.booking-inner form label::after {
  top: 1px;
}
.c-login {
  width:100% !important;
    font-size: 10px !important;
}
.booking-inner {
  padding: 0px 0px 35px 0px;
}
.booking-inner span {
  display: block;
  margin: 0px;
  text-align: center;
}
}
@media only screen and (min-width: 1px) and (max-width: 345px) {
.booking-inner span {
  font-size: 12px;
}
}
ins {
    border:0 none !important;
    text-decoration:none !important;
}
del .amount {
    color:#ccc !important;
    font: 900 14px/20px "gesta",sans-serif !important; 
} 
@media only screen and (min-width: 1px) and (max-width: 540px) {
del .amount {
    display:none;
} 
.hide-price {
    display:none;
}

.products.front-loop li, .related .product-grid li {
    display: inline-block !important;
    float: left;
    position: relative;
    text-align: center; 
    width: 49% !important;
}
.products.front-loop li {
   margin:0px 2% 10px 0px !important;
}
.related .product-grid li {
   margin:0px 2% 0px 0px !important;
}

.products.front-loop li.new-prod-2, .products.front-loop li.new-prod-4,  .related .product-grid li:nth-child(even) {
    margin: 0px 0px 15px 0px !important;
}
.sort-bar { 
  padding: 5px 20px 10px 20px;
}
.woocommerce-result-count {
  float: none;
  width: 100%;
  text-align:center;
}
.woocommerce-ordering {
  float: none;
  text-align:center;
}
.company-details {
    float: none;
    padding: 0;
    text-align: center;
    width: 100%;
}
.copyright {
    margin:20px 0px 0px 0px;
    float: none;
    padding: 0;
    text-align: center;
    width: 100%;
    border:0 none !important;
    display:block;
}
.copyright span {
    display:inline-block;
}
.telephone, .crd {
    margin-top: 0px;
    display:block !important;
}

}

@media only screen and (min-width: 1px) and (max-width: 700px) {

.woocommerce-message {
   text-align:center;
padding: 25px 20px;
}

.woocommerce-message .button {
  margin: 0px auto 10px auto;
  width: 170px;
  float:none;
}

.woocommerce-page .images {
  float: none;
  width: 100%;
  max-width:400px;
  padding:0px;
  margin:0px auto 30px auto;
  clear:both;
}
.entry-summary {
  float: none;
  width: 100%;
  max-width:500px;
  text-align:center;
  margin:0px auto 30px auto;
  padding:0px;
  clear:both;
}
.entry-summary .form-row input.input-text, .entry-summary .form-row textarea {

  margin: 0 auto !important;
  width: 100%;
  max-width:300px;
}
div.quantity {
  margin:20px 0px 0px 0px;
}
button.single_add_to_cart_button {
  margin: 20px auto 30px auto;
}
}
.taptap-by-bonfire ul li a {
  color: #2d2d2d !important;
   text-transform:lowercase;
}
.taptap-by-bonfire .sub-menu a {
   color:#7d7d7d !important;
}
.taptap-by-bonfire .sub-menu ul a {
   color:#7d7d7d !important;

    text-transform:uppercase;
    font-size:10px;
}
.taptap-by-bonfire .sub-menu a {
  color: #7d7d7d;
  font-size: 11px;
  margin: 0; 
  padding: 2px 5px;

}


 

ul.product_list_widget {
    list-style:none;
    padding:0px;
    margin:0px;
}
ul.product_list_widget li {
    padding:0px;
    margin:20px 0px 0px 0px;  
}
ul.product_list_widget img {
    border:3px solid #f0f0f0;
}
ul.product_list_widget .product-title {
    display: block; 
    font: 400 16px/16px "gesta",sans-serif;
    margin:10px 0px 10px 0px;
    padding:0px 10px;
}

span.onsale { 
    position:absolute;
    left:10px;
    z-index:99;
    width:50px;
    height:50px;
    border-radius:999px;
    text-align:center; 
    font: 700 13px/45px "gesta",sans-serif;
    color:#fff;
    background:#d73b3b;
    text-transform:uppercase;
    border:2px solid #fff; 
}
.product-grid span.onsale { 
    top:10px !important; 
}
.single-product span.onsale { 
    top:10px; 
}

 
.product_list_widget li img {
    width:25%;
    margin:0px 10px 10px 0px;
    float:left;
}
.product_list_widget li a, li.empty {
    text-transform:uppercase;
    font: 400 12px/12px "gesta",sans-serif !important;
    line-height:12px !important;
}
.product_list_widget li .quantity {
    display:block;
    background:#fff;
    padding:5px 10px;
    text-align:center;
    margin:10px 0px 0px 0px;
    clear:both;
    font: 400 12px/12px "gesta",sans-serif !important;
} 
ul.product_list_widget .amount {
    color: #f277e2;
    display: inline-block;
    font: 900 12px/12px "gesta",sans-serif;
    padding:0px;
}
.widget_shopping_cart p.total {
    font: 900 12px/12px "gesta",sans-serif !important;
    text-align:center;
    text-transform:uppercase;
}
.widget_shopping_cart p.buttons {
    margin:20px 0px 0px 0px !important;
    padding:0px;
}
.widget_shopping_cart .wc-forward {
  background: #f277e2 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font: 400 11px/10px "gesta",sans-serif;
  margin: 10px 0 0;
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase;
}
.widget_shopping_cart .wc-forward.checkout {
  background: #66e3f1 !important;
}
.c-login {
   background:#221f1f;
   color:#fff !important;
   border:2px solid #221f1f;
    border-radius: 5px;
    font-size: 11px;
    line-height:25px;
    height: 28px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 160px; 
    display:block; 
    position:absolute; 
    top:27px;
    right:0px; 
}
.c-login:hover {
    background:#8ad228;
    color:#221f1f !important;
}
ul.woocommerce-error {
    margin:10px 0px 0px 0px;
}
li.payment_method_bacs {
    margin:10px 0px 0px 0px;
}
.call-us {
    font: 400 18px/20px "gesta",sans-serif;
    text-align:center;
    display:block !important;
    padding:30px 0px;
    text-transform:uppercase;
}
.call-us strong {
    display:inline-block;
}
.call-us strong span {
    display:inline-block;
    margin:0px !important;
}

@media only screen and (min-width: 1px) and (max-width: 1100px) {
.call-us {
    font: 400 18px/20px "gesta",sans-serif;
    text-align:center;
    display:block !important;
    padding:30px 0px;
    text-transform:uppercase;
}
.call-us strong {
    display:block;
}
.call-us strong span {
    display:inline-block;
    margin:0px !important;
}
.woocommerce-page .booking-strap {
    padding:0px !important;
}
.woocommerce-page .booking-inner {
  padding: 0px;
}
}

@media only screen and (min-width: 1px) and (max-width: 540px) {
.woocommerce-page .booking-inner span {
  font-size: 13px;
    max-width: 200px;
    margin:0px auto !important;
    line-height:14px !important;
    display:block;
}
.woocommerce-page .booking-inner span span {
    display:inline-block !important;
}
.call-us {
  padding: 15px 0 !important;
}
}
/*------------------------------------*\
	SHARETHIS
\*------------------------------------*/ 
.share-title {
    height:40px;
    display:inline-block;
    font: 400 11px/40px "gesta",sans-serif;
    text-transform:uppercase; 

    margin:0px 10px 0px 0px;
}
.st_facebook_large, .st_twitter_large, .st_pinterest_large, .st_whatsapp_large {
    vertical-align: text-top;
}
.sharethis {
   margin-bottom:10px;
   line-height:40px;
}
.st_facebook_large span span {
   background:url(img/fb-share.png) top center no-repeat !important;
}
.st_twitter_large span span {
   background:url(img/tw-share.png) top center no-repeat !important;
}
.st_pinterest_large span span {
   background:url(img/pin-share.png) top center no-repeat !important;
}
.st_whatsapp_large span span {
   background:url(img/wa-share.png) top center no-repeat !important;
}
@media only screen and (min-width: 1px) and (max-width: 540px) {
.share-title {
  font: 400 9px/40px "gesta",sans-serif;

}
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}