@charset "UTF-8";
/* CSS Document */

/* Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
button,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
     -webkit-text-size-adjust: none;
     -webkit-appearance: none;
     -webkit-font-smoothing: antialiased;
     -webkit-border-radius: 0;
     border-radius: 0;
}

input.textfield,
textarea {
     -webkit-appearance: none;
}

img {
     vertical-align: text-bottom;
}

:focus {
     outline: 0;
}

body {
     line-height: 1;
     color: black;
     background: white;
}

ul {
     list-style: none;
}

table {
     border-collapse: separate;
     border-spacing: 0;
}

caption,
th,
td {
     text-align: left;
     font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
     content: "";
}

blockquote,
q {
     quotes: "" "";
}

/* End */

/* Typography */

body {
     font-family: 'Signika', sans-serif;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     color: #000;
}

b,
strong {
     font-weight: 600;
}

h1 {
     font-size: 2rem;
     line-height: 24px;
     margin: 0 0 36px 0;
     clear: both;
     color: #1d1d1b;
     font-weight: 600;
}

h2 {
     font-size: 30px;
     line-height: 24px;
     margin: 0 0 36px 0;
     clear: both;
     color: #1d1d1b;
     font-weight: 600;
}

h3,
h4 {
     font-size: 18px;
     line-height: 24px;
     margin: 0 0 12px 0;
     clear: both;
     color: #1d1d1b;
     font-weight: 600;
}

hr {
     height: 1px;
     border: 0;
     clear: both;
     margin: 0 auto 36px auto;
     background: #e6e6e6;
}

hr.dotted {
     height: 3px;
     background: url(../images/hr_dotted.gif) repeat-x;
}

hr.small {
     max-width: 130px;
     height: 3px;
     background: #e6e6e6;
}

p {
     margin: 0 0 36px 0;
}

p.copyright {
     text-align: center;
     background: #608cc8;
     color: #1d1d1b;
     padding: 20px 40px 20px 40px;
     margin: 0 0 0 0;
     font-weight: 600;
}

p.error {
     height: 60px;
     line-height: 60px;
     color: red;
     background: #fdeaea;
     padding: 0 15px;
     border-radius: 5px;
}

p.follow {
     position: absolute;
     top: 68px;
     left: 40px;
     margin: 0;
}

p.info {
     margin: 0;
     padding: 40px 40px 45px 40px;
     background: #ece8db;
     color: #2c2f35;
     font-size: 24px;
}

p.meta {
     font-size: 18px;
     color: #7f7f7f;
}

p.not-available {
     padding: 13px 15px;
     color: #fff;
     background: #70aeb9;
     text-align: center;
     font-size: 16px;
}

p.not-available b {
     color: #fff;
}

p.range-cta {
     background: #1d1d1b;
     color: #D8D8D8;
     padding: 20px 40px;
     margin: 0 0 0 0;
     text-align: center;
     font-size: 30px;
     font-weight: 600;
}

p.search {
     position: absolute;
     top: 70px;
     right: 40px;
     margin: 0;
     font-size: 30px;
}

p.share {
     color: #00a2ae;
     background: #fff;
     padding: 30px 40px 10px 40px;
}

p.success {
     height: 60px;
     line-height: 60px;
     color: green;
     background: #eafdeb;
     padding: 0 15px;
     border-radius: 5px;
}

cta p {
     margin: 0 0 15px 0;
}

/* End */

/* Buttons */

button,
input[type=submit] {
     cursor: pointer;
     display: inline-block;
     outline: none;
     position: relative;
     transition: all 0.1s;
     color: #D8D8D8;
     box-sizing: border-box;
     text-align: center;
     border: 0;
     outline: 0;
     height: 60px;
     line-height: 60px;
     padding: 0 50px 0 30px;
     background: #608cc8;
     font-weight: 700;
     font-size: 18px;
     text-transform: uppercase;
     border-radius: 8px;
}

button::after,
input[type=submit]:after {
     position: absolute;
     top: 28px;
     right: 30px;
     font-family: 'icomoon';
     content: '\e8ac';
     color: #1d1d1b;
     display: block;
     width: 10px;
     height: 10px;
     line-height: 0;
     font-size: 24px;
}

button:hover,
input[type=submit]:hover {
     box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
}

/* End */

/* Links */

a {
     color: #608cc8;
     text-decoration: none;
}

a:hover {
     text-decoration: underline;
}

header a:hover {
     text-decoration: none;
}

a.icon-link {
     display: inline-block;
     width: 32px;
     height: 32px;
     text-indent: -9000px;
     overflow: hidden;
     margin: 0 0 0 6px;
     transition: all 0.15s;
}

a.icon-link-facebook {
     background-image: url(../images/icon_facebook.png);
     background-size: 32px 32px;
}

a.icon-link-email {
     background-image: url(../images/icon_email.png);
     background-size: 32px 32px;
}

a.icon-link:hover {
     opacity: 0.9;
}

p.breadcrumb a {
     color: #404040;
}

p.breadcrumb span.breadcrumb-back a {
     color: #404040;
}

/* End */

/* Layout */

body {
     background: #efefef;
}

body.popup {
     background: #fff;
     padding: 20px;
}

div.col {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
}

div.col1 {
     width: 70%;
     padding: 0 40px 0 0;
}

div.col2 {
     width: 30%;
     padding: 0 0 0 0;
}

div.col4 {
     width: 50%;
     padding: 0 20px 0 0;
}

div.col5 {
     width: 50%;
     padding: 0 0 0 20px;
}

footer {
     display: block;
     width: 100%;
     overflow: hidden;
     clear: both;
     background: #1d1d1b;
     color: #D8D8D8;
     font-size: 20px;
     line-height: 28px;
}

header {
     display: block;
     position: relative;
     height: 270px;
     background: #fafafa;
}

main {
     display: block;
     width: 100%;
     max-width: 1360px;
     padding: 40px 40px 0 40px;
     margin: 0 auto;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     clear: both;
     overflow: hidden;
}

main.narrow {
     max-width: 940px;
     text-align: center;

}

review {
     display: block;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: #00a2ae;
     color: #ece8db;
     text-align: center;
     font-size: 30px;
     line-height: 36px;
}

wrapper {
     display: block;
     width: 100%;
     max-width: 1366px;
     overflow: hidden;
     margin: 0 auto;
     background: #fff;
}

/* End */

/* Menu */

nav {
     display: block;
     width: 100%;
     height: 60px;
     background: #608cc8;
     border-bottom: 10px solid #1d1d1b;
     position: absolute;
     bottom: 0px;
     left: 0;
     text-align: center;
}

nav #toggle,
.toggle {
     display: none;
}

nav ul {
     display: inline-block;
     width: auto;
     margin: 0 auto;
}

nav ul>li {
     margin: 0 18px;
     float: left;
     position: relative;
}

nav ul>li>a {
     color: #FFFFFF;
     transition: all 0.3s;
     font-weight: 400;
     font-size: 23px;
     text-transform: uppercase;
     height: 60px;
     line-height: 67px;
     display: block;
}

nav ul>li>a span {
     font-size: 20px;
     vertical-align: -2px;
}

nav ul>li>a:hover {
     text-decoration: none;
     color: #1d1d1b;
}

nav ul>li>a.active {
     color: #1d1d1b;
}

nav ul>li>a.active::after {
     display: block;
     width: 0;
     height: 0;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     border-bottom: 10px solid #1d1d1b;
     content: "arrow";
     text-indent: -9000px;
     margin: 0 0 0 -5px;
     position: absolute;
     left: 50%;
     bottom: 0;
}

@media only screen and (max-width: 1150px) {

     #logo {
          width: 300px !important;
          margin-top:0px !important;
          /*margin-top: 20px !important;*/
     }


     nav {
          top: 120px;
     }

     nav ul {
          display: none;
          opacity: 0;
          width: 100%;
          position: absolute;
          top: 60px;
          left: 0;
          z-index: 900;
          box-sizing: border-box;
          background: #fff;
     }

     nav ul>li {
          margin: 0;
          float: none;
          width: 100%;
          padding: 0;
          border: none;
     }

     nav ul>li.home {
          display: none;
     }

     nav ul>li>a {
          display: block;
          width: 100%;
          height: 50px;
          line-height: 50px;
          text-indent: 20px;
          background: #fff;
          color: #1d1d1b;
          border-bottom: 1px solid #efefef;
     }

     nav ul>li>a:hover {
          text-decoration: none;
          background: #f9f9f9;
          color: #000;
     }

     nav ul>li.active {
          border-bottom: none;
     }

     nav .toggle {
          display: block;
          position: relative;
          cursor: pointer;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          user-select: none;
     }

     nav #toggle:checked~div ul {
          display: block;
          opacity: 1;
     }

     nav .toggle:after {
          font-family: 'icomoon';
          content: '\e874';
          font-size: x-large;
          color: #D8D8D8;
          display: block;
          background: none;
          text-decoration: none;
          height: 60px;
          line-height: 60px;
          padding: 0 20px;
     }

}

/* End */

/* Forms */

form {
     clear: both;
}

form fieldset {
     padding: 40px 40px 10px 40px;
     margin: 0 0 40px 0;
     border: 1px solid #ece8db;
}

form input.textfield,
form textarea {
     width: 100%;
     border: none;
     height: 60px;
     line-height: 60px;
     padding: 0 20px;
     box-sizing: border-box;
     color: #7f7f7f;
     transition: all 0.15s;
     background: #f7f7f7;
     font-size: 16px;
     display: inline;
     border-radius: 8px;
     border: 1px solid;
}

footer form input.textfield {
     height: 50px;
     line-height: 50px;
}

form input:focus,
form textarea:focus {
     border-color: #CCC;
}

form textarea {
     line-height: 24px;
     padding: 15px 15px 15px 15px;
}

form input.textfield-large {
     max-width: 450px;
}

form input.textfield-medium {
     max-width: 250px;
}

form input.textfield-small {
     max-width: 180px;
}

form input.textfield-xsmall {
     max-width: 80px;
}

form textarea {
     height: 180px;
}

form input#subject,
form label#subject-label {
     display: none;
}

/* End */

/* Tables */

table {
     width: 100%;
     margin: 0 0 30px 0;
}

table td {
     padding: 5px 0;
     vertical-align: middle;
}

table#enquiry-form {
     padding: 0 50px 0 50px;
}

table.calendar {
     clear: both;
     width: 100%;
     font-size: 18px;
}

table.calendar td {
     padding: 2px;
     margin: 0;
     text-align: center;
     vertical-align: middle;
}

table.calendar tr.dayheadings td {
     padding: 5px 0;
}

table.calendar td a {
     color: #fff;
     display: block;
     text-align: center;
     padding: 12px 0;
     text-decoration: none;
     background: #00a3ae;
}

table.calendar td span {
     color: #999;
     display: block;
     text-align: center;
     padding: 12px 0;
     text-decoration: none;
     background: #ece8db;
}

table.calendar td span.unavailable {
     color: #fff;
     background: #ff4e00;
}

table.calendar td a:hover {
     text-decoration: none;
}

table.calendar tr.monthselect td a {
     background: none;
     padding: 0 0 0 0;
     font-size: 18px;
}

table.calendar tr.monthselect td a span {
     background: none;
     font-size: 36px;
     color: #00a3ae;
}

table.cart td {
     padding: 10px 12px;
     border-bottom: 1px solid #ece8db;
     line-height: 30px;
}

table.cart tr.headings td {
     background: #ece8db;
     border-bottom: none;
}

table.cart tr.footer td {
     border-bottom: none;
}

table.product-options td {
     border-bottom: 1px solid #ece8db;
}

div#content2 table {
     border-top: 1px solid #efefef;
     border-left: 1px solid #efefef;
     border-right: 1px solid #efefef;
}

div#content2 table th {
     text-align: center;
     vertical-align: middle;
     border-bottom: 1px solid #efefef;
     padding: 15px 10px;
     color: #608cc8;
     font-weight: 600;
}

div#content2 table thead th {
     background: #fafafa;
     color: #1d1d1b;
}

div#content2 table td {
     text-align: center;
     vertical-align: middle;
     border-bottom: 1px solid #efefef;
     padding: 15px 10px;
}



/* End */

/* Lists */

ul.footer-list {
     width: 33.33%;
     float: left;
     margin: 0 0 36px 0;
}

ul.footer-list li.heading {
     color: #608cc8;
     font-size: 18px;
     font-weight: 600;
     margin: 0 0 8px 0;
}

ul.footer-list li a {
     color: #D8D8D8;
}

ul#mobile-buttons {
     clear: both;
     width: 100%;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px 5px;
}

ul#mobile-buttons li {
     float: left;
     width: 50%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 5px;
}

ul#mobile-buttons li a {
     width: 100%;
     display: block;
     color: #D8D8D8;
     text-align: center;
     padding: 0 5px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     height: 60px;
     line-height: 60px;
     border-radius: 5px;
     background: #1d1d1b;
}

ul#mobile-buttons li.last a {
     border-right: none;
}

ul#mobile-buttons li a span {
     font-size: 120%;
     color: #D8D8D8;
     vertical-align: -3px;
     margin: 0 8px 0 0;
}

ul#mobile-buttons li a:hover {
     text-decoration: none;
}

ul#products {
     background: #D8D8D8;
     padding: 20px;
     overflow: hidden;
}

ul#products li {
     float: left;
     width: 33.33%;
     padding: 20px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

ul#products li a {
     display: block;
     position: relative;
     overflow: hidden;
}

ul#products li a:after {
     position: absolute;
     top: 0;
     left: 0;
     width: 1000px;
     height: 1000px;
     display: block;
     /*background:rgba(0,0,0,0.5);*/
     content: "test";
     z-index: 200;
     text-indent: -9000px;
     transition: all 0.3s;
}

ul#products li a:hover:after {
     /*background:rgba(0,0,0,0.4);*/
}

ul#products li a img {
     width: 100%;
     display: block;
}

/*ul#products li a p {
	position:absolute;
	top:50%;
	left:0;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	width:100%;
	margin:-10px 0 0 0;
	z-index:300;
}
*/

ul#products li a p {
     /*position:absolute;*/
     /*	top:50%;
	left:0;*/
     /*font-size:24px;*/
     text-transform: uppercase;
     text-align: center;
     color: #fff;
     width: 100%;
     /*	margin:-10px 0 0 0;*/
     z-index: 300;
     background: #1d1d1b;
     color: #FFFFFF;
     padding: 10px 15px;
}


ul.subnav {
     width: 100%;
     overflow: hidden;
     margin: 0 0 40px 0;
}

ul.subnav li {
     float: left;
     margin: 0 3px 3px 0;
}

ul.subnav li a {
     display: block;
     transition: all 0.3s;
     color: #D8D8D8;
     box-sizing: border-box;
     text-align: center;
     height: 50px;
     line-height: 50px;
     padding: 0 20px 0 20px;
     background: #608cc8;
     font-weight: 400;
     font-size: 18px;
     text-transform: uppercase;
     border-radius: 8px;
}

ul.subnav li a:hover {
     background: #1d1d1b;
     text-decoration: none;
}

ul.subnav li a.active {
     background: #1d1d1b;
}

/* End */

/* General Styles */

div#boxes {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     width: 100%;
     background: #D8D8D8;
     padding: 40px 40px 0 40px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

div#boxes div {
     overflow: hidden;
     width: 23%;
     text-align: center;
}

div#boxes div img {
     width: 80%;
     margin: 10px 0 30px 0;
}

div.cms-content ul {
     padding: 0 0 0 15px;
     margin: 0 0 30px 0;
}

div.cms-content ul li {
     padding: 0 0 0 15px;
     text-indent: -15px;
}

div.cms-content ul li a {
     color: #585858;
}

div.cms-content ul li:before {
     font-family: 'icomoon';
     content: "\e884";
     font-size: 110%;
     margin: 0 10px 0 0;
     color: #5aa5c7;
     vertical-align: -2px;
}

div#why-choose-us {
     background: #f5f5f5;
     overflow: hidden;
     max-width:380px;
     width:380px;
}

div#why-choose-us p {
     text-align: center;
     color: #ede7c2;
     font-size: 30px;
     background: #608cc8;
     padding: 30px;
     margin: 0;
     position: relative;
}

div#why-choose-us p:after {
     display: block;
     width: 0;
     height: 0;
     border-left: 200px solid transparent;
     border-right: 200px solid transparent;
     border-top: 20px solid #608cc8;
     content: "arrow";
     text-indent: -9000px;
     margin: 0 0 0 -200px;
     position: absolute;
     bottom: -20px;
     left: 50%;
}

div#why-choose-us ul {
     padding: 60px 40px 20px 40px;
}

div#why-choose-us ul li {
     font-size: 18px;
     line-height: 24px;
     color: #1d1d1b;
     padding: 0 0 0 30px;
     margin: 0 0 20px 0;
     position: relative;
     font-weight: 600;
}

div#why-choose-us ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     font-family: 'icomoon';
     content: "\e6d0";
     color: #608cc8;
}

cta {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

cta a {
     display: block;
     width: 25%;
     position: relative;
}

cta a img {
     width: 100%;
     display: block;
}

cta a p {
     width: 100%;
     padding: 18px 0 16px 0;
     position: absolute;
     bottom: 0;
     text-align: center;
     color: #fff;
     font-size: 30px;
     text-transform: uppercase;
     background: rgba(0, 0, 0, 0.5);
     overflow: hidden;
     margin: 0 0 0 0;
}

div#map {
     width: 100%;
     height: 400px;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

div.quote {
     font-size: 30px;
}

div.review {
     text-align: center;
     width: 100%;
     background: #000;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 60px 40px 40px 40px;
     color: #fff;
}

div.review p {
     max-width: 900px;
     margin: 0 auto 10px auto;
     font-size: 36px;
     line-height: 42px;
}

div.review p.name {
     font-size: 24px;
     line-height: 36px;
}

div.shop-listing {
     margin: 0 0 40px -40px;
     overflow: hidden;
}

div.shop-listing div.shop-item {
     float: left;
     padding: 0 0 0 40px;
     margin: 0 0 40px 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 33%;
}

div.shop-listing div.shop-item a {
     width: 100%;
     border-bottom: 1px solid #efefef;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
     transition: all 0.3s;
}

div.shop-listing div.shop-item a:hover {
     -webkit-box-shadow: 0px 0px 2px 2px #e6e6e6;
     /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 2px 2px #e6e6e6;
     /* Firefox 3.5 - 3.6 */
     box-shadow: 0px 0px 2px 2px #e6e6e6;
}

div.shop-listing div.shop-item a img {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
}

div.shop-listing div.shop-item a p {
     padding: 10px;
     margin: 0;
     text-align: center;
}

div.shop-listing div.shop-item a:hover {
     text-decoration: none;
     color: #181a4b;
}

div.shop-product-description {
     clear: both;
     padding: 30px 30px 0 30px;
     margin: 0 0 30px 0;
     border: 1px solid #efefef;
}

div#tell-a-friend span {
     font-size: 160%;
     vertical-align: -3px;
}

div#trail-grades-key {
     background: url(../images/bg_trail_grades.jpg) no-repeat center center;
     color: #fff;
     padding: 46px 40px 18px 40px;
}

div#trail-grades-key table {
     width: 90%;
}

div#trail-grades-key table td {
     padding: 10px 5px;
     width: 50%;
}

img#footer-logos {
     width: 100%;
     max-width: 1340px;
}

img#logo {
     display: inline-block;
     width: 330px;
     line-height: 1;
     margin-top:0px !important;
}

span.icon-star,
span.icon-star3 {
     font-size: 18px;
     color: #608cc8;
}

body.home span.icon-star,
body.home span.icon-star3 {
     font-size: 24px;
}

span.icon-wrench {
     vertical-align: -3px;
}

/* End */

/* Common Selectors */

.align-center {
     text-align: center;
}

.align-left {
     text-align: left;
}

.align-right {
     text-align: right;
}

.blue-text {
     color: #5aa5c7;
}

.clear {
     clear: both;
     padding: 0px 0px;
     margin: 0px 0px;
}

.dark-green-text {
     color: #1d1d1b;
}

.extra-margin {
     margin: 0 0 60px 0;
}

.float-left {
     float: left;
}

.float-right {
     float: right;
}

.green-text {
     color: #608cc8;
}

.grey-text {
     color: #4c4c4c;
}

.half-margin {
     margin: 0 0 12px 0;
}

.hidden {
     display: none;
}

.medium-text {
     font-size: 24px;
}

.large-text {
     font-size: 24px;
     line-height: 36px;
}

.xlarge-text {
     font-size: 36px;
}

.light-grey-text {
     color: #CCC;
}

.no-margin {
     margin: 0 0 0 0;
}

.orange-text {
     color: #ff4e00;
}

.red-text {
     color: red;
}

.scalable {
     width: 100%;
}

.small-text {
     font-size: 18px;
}

.strikethrough {
     text-decoration: line-through;
}

.uppercase {
     text-transform: uppercase;
}

.white-text {
     color: #fff;
}

/* End */

/* Responsive-specific styles */

.mobile-only {
     display: none;
}

.tablet-only {
     display: none;
}


@media only screen and (max-width: 1000px) {

     div.col1 {
          float: none;
          width: 100%;
          padding: 0 0 0 0;
     }

     div.col2 {
          display: none;
     }

     ul#products li {
          width: 50%;
     }

}

@media only screen and (max-width: 1150px) {

     .tablet-hide {
          display: none;
     }

     .tablet-only {
          display: inherit;
     }

     header,
     body.home header {
          height: 180px;
     }

     div#boxes div {
          width: 48%;
     }

     body.contact div.col4 {
          display: none;
     }

     body.contact div.col5 {
          float: none;
          width: 100%;
          padding: 0 0 0 0;
     }

     div#map {
          height: 200px;
     }

     /*	img#logo {
		width:184px;
		height:120px;
	}*/

     main {
          padding: 40px 20px 20px 20px;
     }

     ul#products {
          padding: 10px;
     }

     ul#products li {
          padding: 10px;
     }

     ul#products li a p {
          font-size: 20px;
     }

}

@media only screen and (max-width: 600px) {

     body.popup {
          padding: 0 0 0 0;
     }

     .mobile-hide {
          display: none;
     }

     .mobile-only {
          display: inherit;
     }

     div.col4 {
          float: none;
          width: 100%;
          padding: 0 0 0 0;
     }

     div.col5 {
          float: none;
          width: 100%;
          padding: 0 0 0 0;
     }

     div#boxes {
          display: block;
     }

     div#boxes div {
          width: 100%;
          margin: 0 0 40px 0;
     }

     div.review p {
          font-size: 24px;
          line-height: 36px;
     }

     div.shop-listing {
          margin: 0 0 20px 0;
     }

     div.shop-listing div.shop-item {
          float: none;
          padding: 0 0 0 0;
          margin: 0 0 20px 0;
     }

     div.shop-listing-categories div.shop-item {
          width: 100%;
     }

     div.shop-listing-products div.shop-item {
          width: 100%;
     }

     div.shop-product-description {
          padding: 15px 15px 0 15px;
          margin: 0 0 15px 0;
     }

     div.shop-listing {
          margin: 0 0 5px -15px;
     }

     div.shop-listing div.shop-item {
          padding: 0 0 0 15px;
          margin: 0 0 15px 0;
     }

     p.breadcrumb {
          margin: 0 0 15px 0;
     }

     form fieldset {
          padding: 20px 20px 0 20px;
          margin: 0 0 20px 0;
     }

     ul#products {
          padding: 10px;
     }

     ul#products li {
          float: none;
          width: 100%;
     }

     ul#products li a p {
          font-size: 24px;
     }

}

@media only screen and (max-width: 400px) {

     ul#products li a p {
          font-size: 18px;
     }


     .gallery-item {
          width: 44% !important
     }


}

/* Product detail tabs */

.tabs {
     margin: 0 0 36px 0;
}

.tab {
     display: inline-block;
     zoom: 1;
     *display: inline;
     border-bottom: none;
     margin: 0 3px 3px 0;
}

.tab a {
     display: block;
     transition: all 0.3s;
     color: #D8D8D8;
     box-sizing: border-box;
     text-align: center;
     height: 50px;
     line-height: 50px;
     padding: 0 20px 0 20px;
     background: #608cc8;
     font-weight: 400;
     font-size: 18px;
     text-transform: uppercase;
     border-radius: 8px;
}

.tab a:hover {
     background: #1d1d1b;
     text-decoration: none;
}

.tab.active a {
     background: #1d1d1b;
}

@media only screen and (max-width: 800px) {

     .tab {
          display: block;
          *display: block;
          margin: 0 0 3px 0;
     }

     #logo {
          width: 300px !important;
          margin-top: 20px !important;
     }

}

.contact-form .wpcf7 input[type=date],
.contact-form .wpcf7 select {
     width: 100%;
     font-size: 16px;
     padding: 10px 10px;
     max-width: 428px;
     border-radius: 5px 5px;
     border-color: transparent;
}

h3 {
     margin: 15px 0px 12px 0px;
}

.col1 ul, .main-content ul {
    list-style: initial;
    margin: 0px 0px 10px 20px;
    padding: initial;
}

.col1 ul li, .main-content ul li {
    list-style: initial;
    margin: initial;
        padding: 0px 0px 5px;
}

.col2 .contact-form .wpcf7 input[type=text], .col2 .contact-form .wpcf7 input[type=email] {
    width:100% !important;
    background:#FFFFFF;
}

.contact-form h2 {
    margin-bottom:10px !important;
}

.main-content p, .main-content li, main p, main li {
        font-size: 1.2rem !important;
        line-height: 1.9rem !important;
}

div#why-choose-us p {
    font-size:2rem !important;
    font-weight: 500;
}

div#why-choose-us li:before {
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f4b7" !important;
}

.units {
    float:right;
}

             .units ul {
                  margin:0px 0px;
                  
              }
              
              .units ul li {
                  list-style:none;
                  border-bottom: 1px solid grey ;
                  font-size: 18px;
                  line-height: 24px;
                  color: #1d1d1b;
                  padding: 0 0 10px 30px;
                  margin: 0 0 20px 0;
                  position: relative;
                  font-weight: 600;
              }
                      
            .units ul li:before {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                font-family: 'icomoon';
                content: "\e6d0";
                color: #608cc8;
            }
            .units ul li:before {
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f4b7" !important;
     color: #608cc8;
            } 
        
             
              .units ul li:last-of-type {
                  border-bottom:none !important;
              }
              

/* End */