/* !1.0 Reset */
body { margin: 0; padding: 0; font-size: 16px; }
html * { outline: none; margin: 0; }
ul { padding: 0; }
ul li { display: block; }
img { border: 0; max-width: 100%; }
h1 { font-size: 1.5em; font-family: Merriweather, Times, serif; font-weight: normal; }
h2 { font-size: 1.25em; font-family: Merriweather, Times, serif; font-weight: normal; }
h3 { font-size: 1.1875em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1.0625em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; line-height: 130%; }
p { margin: 0px 0 10px; line-height: 120%; }s

/* !1.1 Clear Fix */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1; }

/* !1.2 Structure  */
body { color: #333; font-family: lato, arial, 'sans serif'; background: #222; }
body a { color: #999; transition: color 200ms; }
body a:hover { color: #3E8CB8; }
.container { background-color: #fff; color: #333; }
.wrapper { display: block; padding: 0 10px; margin: 0 auto; text-align: left; }

/* !1.3 Forms */
.fields li { margin: 0 0 15px; }
.fields li:last-child { margin-bottom: 0; }
input.text, textarea { border: 1px solid #ccc; background: #eaeaea; padding: 4px 8px; box-sizing: border-box; color: #333; font-size: .875em; font-family: Lato, arial, helvetica, 'sans serif'; -webkit-appearance: none; border-radius: 0; }
input[type=checkbox] { margin-right: 5px; }
label.block { display: block; margin-bottom: 3px; }
button { cursor: pointer; }

.btn { border: 0 none; display: inline-block; background: #3E8CB8; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.6); text-align: center; position: relative; vertical-align: middle; cursor: pointer; color: #fff; font-family: Raleway, Arial, sans-serif; font-size: 1em; text-decoration: none; font-weight: 600; padding: 10px 30px 9px; box-sizing: border-box; text-align: right; }
.btn:hover { color: #fff; }
.btn .text { display: inline-block; vertical-align: middle; }
.btn .fa { display: inline-block; text-align: center; font-size: 14px; vertical-align: middle; }
.btn .fa:first-child { width: 20px; margin-right: 5px; }
.btn .fa-chevron-left:first-child { width: auto; margin-right: 10px; }
.btn .fa-chevron-right { font-weight: normal; padding-left: 10px; }
.btn .fa-shopping-basket { position: relative; top: -1px; font-size: 16px; }

.btn-small { font-size: .875em; padding: 8px 16px 7px; }
.btn-large { padding: 15px 30px 14px; font-family: Merriweather, times, serif; font-weight: 400; font-style: italic; font-size: 1.125em; }

.btn-green { background: #6AB065; }
.btn-orange { background: #FF7954; }

.btn .icon { width: 20px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px; position: relative; }
.btn .icon-token::before { content: ""; background: url(/img/skin/decor.png) no-repeat -82px -32px; background-size: 120px 120px; width: 20px; height: 11px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); }

.icon-btn { border: 0 none; display: inline-block; background: #6CAF68; width: 24px; height: 24px; border-radius: 24px; box-shadow: 0 1px 1px rgba(0,0,0,0.6); text-align: center; position: relative; vertical-align: middle; cursor: pointer; }
.icon-btn-bg-red { background: #BB293D; }
.icon-btn .fa { font-size: 16px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0); line-height: 100%; }

/* !1.4 Paging */
.paging .nav { font-family: 'Open Sans Condensed'; font-weight: normal; text-transform: uppercase; } 
.paging .nav a span { display: none; }
.paging a:hover { color: #fff; }
.paging .nav-back { float: left; padding-left: 4px; }
.paging .nav-forward { float: right; padding-right: 4px; }

.paging .first { margin-right: 8px; }
.paging .last { margin-left: 8px; }
.paging .first::before { content: "\f100"; font-family: FontAwesome; }
.paging .prev::before  { content: "\f104"; font-family: FontAwesome; }
.paging .next::after { content: "\f105"; font-family: FontAwesome; }
.paging .last::after { content: "\f101"; font-family: FontAwesome; }

.paging .pages { list-style: none; margin: 0 auto; padding: 0; display: inline-block; font-size: .875em; font-family: "Open Sans Condensed"; font-weight: bold; }
.paging .pages li { display: inline-block; margin: 0 1px; }
.paging .pages li.current { border-bottom: 1px solid #fff; }


/* !2.0 Layout */
.smaller { font-size: 0.9em; font-weight: normal; margin-top: 2px; display: block; }
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6 { margin-top: 25px; margin-bottom: 15px; line-height: 130%; }
.body p { margin: 10px 0; line-height: 150%; font-size: .875em; }
.body ul, .body ol { font-size: .9375em; }
.body ul, body ol { padding-left: 25px; }
.body ol p, .body ul p { margin: 5px 0; }
.body ol h1, .body ol h2, .body ol h3, .body ol h4, .body ol h5, .body ol h6 { margin-bottom: 10px; }
.body ul li { margin: 5px 0 15px; line-height: 150%; display: list-item; list-style: outside; }
.body ol li { margin: 5px 0 15px; line-height: 140%; }
span.bold { font-weight: bold; }

.info-icon { border: 0; display: inline-block; vertical-align: middle; background: #3E8CB8; width: 24px; height: 24px; border-radius: 24px; box-shadow: 0 1px 1px rgba(0,0,0,0.6); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.6); text-align: center; font-size: 14px; transition: color 200ms; margin: 0 5px; position: relative; top: -2px; }
.info-icon .fa { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.info-icon:hover { color: #fff; }

.body .ticks { margin: 10px 0; list-style: none; padding: 0; }
.body .ticks li { display: inline-block; margin-right: 15px; color: #6FB5E3; }
.body .ticks li .fa { margin-right: 3px; color: #6FB5E3; }
.body .ticks li a { text-decoration: underline; }


/* !2.1 Header */
#header { background: #4D5D6C; }
#header .wrapper { position: relative; }
#header .top-header { position: relative; z-index: 10; }
#header .bottom-header { padding-top: 40px; padding-bottom: 20px; }
#header .logo { width: 70%; max-width: 288px; padding-top: 20px; overflow: hidden; margin-bottom: 15px; }
#header .logo img { max-width: 100%; height: auto;  }
#header .logo span { position: absolute; left: -1000px;  }
#header .est { margin-top: -18px; margin-bottom: 15px; margin-left: -2px; width: 70%; max-width: 288px; font-size: .625em; font-weight: 300; text-align: center; position: relative; color: #ddd; }
#header .est::before { content: ""; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); width: 37%; height: 1px; background: #888; }
#header .est::after { content: ""; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); width: 37%; height: 1px; background: #888; }

#header .ecommerce { position: absolute; left: 0px; top: 0px; height: 40px; background: #3E8EBC; width: 100%; font-family: Lato, Arial, sans-serif; color: #ddd; }
#header .ecommerce p { display: inline-block; vertical-align: bottom; margin: 0px; font-size: .875em; }
#header .ecommerce a { color: #fff; text-decoration: none; }
#header .ecommerce .items { padding: 0; margin-left: 10px; height: 40px; line-height: 40px; }
#header .ecommerce .items::before { content: '\f291'; font-family: FontAwesome; font-size: 1.2em; margin-right: 5px; font-weight: normal; color: #fff; }
#header .ecommerce .price { margin-left: 10px; font-size: 1em; font-weight: bold; height: 40px; line-height: 40px; }
#header .ecommerce .checkout { margin-left: 15px; font-size: 1em; height: 40px; line-height: 40px; }
#header .ecommerce .checkout a { display: block; overflow: hidden; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; }
#header .ecommerce .checkout a::after { content: "\f054"; font-family: FontAwesome; padding-left: 5px; color: #fff; }

#header .contact-details { position: absolute; right: 18px; top: 64px; }
#header .contact-details .phone { display: block; }
#header .contact-details .phone a { position: relative; background: linear-gradient(#6FAF73 0%, #6EAC63 100%); display: block; width: 32px; height: 32px; border-radius: 32px; box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
#header .contact-details .phone span { display: none; }
#header .contact-details .phone a::before { content: "\f095"; font-family: FontAwesome; font-size: 1.15em; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,0.8); position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-45%,0);transform: translate3d(-50%,-45%,0); }
#header .contact-details .email { display: none; }

#header .search-form { width: 100%; height: 26px; border-radius: 32px; position: relative; background: #fff; }
#header .search-form .text { position: absolute; left: 10px; background: none; border: 0 none; top: 2px; width: 80%; }
#header .search-form button { position: absolute; right: 5px; top: 1px; background: #fff; border: 0 none; width: 24px; height: 24px; border-radius: 30px; padding: 0; }
#header .search-form button .fa { font-size: 1.25em; }

#header .burger { display: block; width: 30px; height: 30px; position: absolute; right: 10px; top: 3px; cursor: pointer; }
#header .burger .item { width: 100%; height: 4px; display: block; position: absolute; left: 0px; top: 6px; background: #fff; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, transform 300ms; -webkit-transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, -webkit-transform 300ms; -ms-transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, -ms-transform 300ms; }
#header .burger .mid { top: 15px; }
#header .burger .bun { top: 24px; }
.menu-open #header .burger .item { background: rgb(38,41,51); }
.menu-open #header .burger .top { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: 15px; left: 0px; }
.menu-open #header .burger .mid { opacity: 0; }
.menu-open #header .burger .bun { -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); top: 15px; left: 0px; }

#header .nav { box-shadow: 1px -20px 20px 0px rgba(0,0,0,0.5) inset; position: fixed; top: 0; right: -200px; height: 100%; width: 0px; background: #333; z-index: 999; box-sizing: border-box; padding: 10px 15px; transition: width 300ms; font-family: Lato, arial, sans-serif; }
.menu-open #header .nav { width: 200px; }
#header .nav li { font-weight: 300; }
#header .nav li a { color: #EDEDED; display: block; padding: 10px; border-bottom: 1px solid #ccc; text-decoration: none; }
#header .nav li.item-has-children a { border-bottom: 0 none; }
#header .nav li:last-child a { border-bottom: 0 none; }
#header .nav li .sub-items-wrapper { padding: 0 5px 10px 15px; border-bottom: 1px solid #ccc; }
#header .nav .sub-nav a { border-bottom: 0 none; padding: 5px; }

/* !2.2 Body */
.container { -webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); -webkit-transition: -webkit-transform 400ms;transition: transform 400ms; overflow: hidden; }
.menu-open .container { -webkit-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px); overflow: visible; }
#body .wrapper { padding-top: 25px; padding-bottom: 55px; }

.sidebar { margin-top: 35px; padding: 0; margin-bottom: 40px; }
.sidebar .title { padding: 15px 25px; background: #3F4E5C; margin: 0 0 1px 0; font-family: Raleway, arial, sans-serif; font-weight: 600; color: #fff; }
.sidenav { background: #eee; }
.sidenav li { display: block; width: 100%; font-size: 1em; }
.sidenav li a { color: #333; padding: 6px 25px 6px; display: block; font-weight: 300; text-decoration: none; }
.sidenav > li:first-child a { padding-top: 20px; }
.sidenav > li:last-child a { padding-bottom: 30px; }
.sidenav li a:hover, .sidenav .selected a { color: #3E8CB8; }
.sidenav .selected a { font-weight: bold; }

.sidenav li li { font-size: 1em; }
.sidenav li li a { padding: 4px 25px 4px 40px; }
.sidenav li li:last-child a { padding-bottom: 10px; }

.position { margin-top: 20px; }
.position .listing { padding-top: 15px; }
.position-title { font-family: georgia, serif; font-size: 1.5em; font-weight: normal; margin-bottom: 0px; }

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

.page-summary { line-height: 130%; font-size: 1.167em; }


/* !2.3 Page Layout */
.page-title { font-family: Merriweather, georgia, serif; font-weight: normal; color: #333A46; }
.page-image { margin-top: 20px; }

.delivery-table { border-collapse: collapse; width: 90%; }
.delivery-table td, .delivery-table th { padding: 3px 6px; }
.delivery-table th { font-size: 1.25em; padding-bottom: 10px; }

.imgr { float: right; padding: 1px; border: 1px solid #fff; }
.imgl { float: left; padding: 1px; border: 1px solid #fff; margin-right: 15px; margin-bottom: 15px; }
.margin-left { margin-left: 20px; }
.huge-text { font-size: 1.25em; font-weight: bold; line-height: 160%; }
.inline-image { float: left; clear: left; padding-right: 10px;  }

.img-wrap img { display: inline-block; }
.img-wrap-3 img { width: 32%; }
.img-wrap-3 img:nth-child(1) { margin-right: 1%; }
.img-wrap-3 img:nth-child(3) { margin-left: 1%; }

.page-gallery { margin-top: 20px; text-align: center; }
.page-gallery .item { display: inline-block; margin: 0 2px; }
.page-gallery .item img { padding: 2px; border: 1px solid #fff; }
.page-gallery .item span { display: block; margin-top: 7px; font-size: 1.25em; }

.page-gallery .item-end { margin-right: 0; }
.page-gallery .item-start { margin-left: 0; }

.brand-logos { text-align: center; margin: 50px 0 0; }
.brand-logos ul { list-style: none; margin: 20px 0; padding: 0; }
.brand-logos ul li { display: inline-block; margin: 0 5px; max-width: 160px; box-sizing: border-box; border-radius: 5px; border: 1px solid #eee; padding: 10px 12px; }
.brand-logos ul li img { max-width: 100%; display: block; }

.project-section { margin: 50px 0; }
.project-section h2.title { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 20px; }


/* !2.3.1 Slideshow */
.slideshow-wrapper { position: relative; padding-bottom: 30px; }
.slideshow-wrapper .slides { position: relative; width: 100%; height: 190px; list-style: none; padding: 0; }
.slideshow-wrapper .slides .slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1; list-style: none; padding: 0; margin: 0; }
.slideshow-wrapper .slides .first-slide { z-index: 2; }
.slideshow-wrapper .slides .slide .slide-banner { z-index: 3; }
.slideshow-wrapper .slides .slide .slide-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2; }
.slideshow-wrapper .slides .slide .image { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;  }
.slideshow-wrapper .slides .slide .slide-text { position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); top: 5px; width: 90%; padding: 15px; }
.slideshow-wrapper .slides .slide .slide-text a { color: #fff; text-decoration: none; }
.slideshow-wrapper .slides .slide .slide-text a:hover { color: #eaeaea; }
.slideshow-wrapper .slides .slide .slide-text .title { font-size: 1em; margin-bottom: 15px; color: #fff; }
.slideshow-wrapper .slides .slide .slide-text ul { font-size: 0.75em; }
.slideshow-wrapper .slides .slide .slide-text ul li { line-height: 150%; }

.slideshow-wrapper .slides .slide .slide-link .info-wrapper { padding: 0; height: 100%; width: 80%; position: relative; }
.slideshow-wrapper .slides .slide .slide-title,
.slideshow-wrapper .slides .slide .slide-btn { position: absolute; left: 7.5%; }
.slideshow-wrapper .slides .slide .slide-title { bottom: 78px; font-size: 1.25em; line-height: 120%; padding: 5px 10px 6px; font-weight: 300; color: #fff; background: rgba(56,60,72,0.8); text-transform: uppercase; }
.slideshow-wrapper .slides .slide .slide-btn { bottom: 36px; width: 160px; height: 36px; box-sizing: border-box; padding: 10px 10px; font-family: Raleway, arial, sans-serif; font-size: 1em; line-height: 100%; font-weight: 500; text-transform: uppercase; text-align: center; color: #343C48; background: rgba(255,255,255,0.4); border: 2px solid rgba(56,60,72,0.8); }
.slideshow-wrapper .slides .slide .slide-btn::after { content: ""; background: url(/img/icons/dot-arrow-right--blue.svg); width: 19px; height: 12px; display: inline-block; margin-left: 10px; }

.slideshow-wrapper .slides .slide-banner { position: absolute; left: 0; bottom: 38px; margin: 0; background: rgba(39,41,53,0.8); height: 28px; width: 240px; line-height: 28px; padding: 0 10px; font-weight: 600; text-align: right; font-size: 0.75em; color: #fff; }
.slideshow-wrapper .slides .slide:nth-child(2n) .slide-banner { left: auto; right: 0px; text-align: left; }

.slideshow-wrapper .slide-tabs { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.slideshow-wrapper .slide-tabs li { display: inline-block; margin: 0 3px; }
.slideshow-wrapper .slide-tabs li a { display: block; width: 16px; height: 16px; border-radius: 16px; margin: 0 1px; background: rgba(255,255,255,0.9); text-indent: -9999px; overflow: hidden; transition: background 200ms; position: relative; border: 1px solid #aaa; }
.slideshow-wrapper .slide-tabs li a::before { content: ""; width: 0px; height: 0px; border-radius: 9px; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); box-shadow: none; opacity: 0; transition: all 200ms; }
.slideshow-wrapper .slide-tabs li a.selected::before { opacity: 1; width: 10px; height: 10px; }

.slideshow-wrapper .slide-nav { position: absolute; left: 0px; bottom: 56px; width: 100%; height: 0px; z-index: 20; list-style: none; padding: 0; margin: 0; }
.slideshow-wrapper .slide-nav li { position: absolute; top: 0; left: 0px; margin: 0; list-style: none; padding: 0; }
.slideshow-wrapper .slide-nav li a { width: 40px; height: 26px; display: block; text-indent: -9999px; overflow: hidden; position: relative; transition: border 200ms; background: rgba(255,255,255,0.3); }
.slideshow-wrapper .slide-nav li a::before { content: ""; background: url(/img/icons/dot-arrow-left--white.svg); width: 19px; height: 12px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.slideshow-wrapper .slide-nav .next a::before { background: url(/img/icons/dot-arrow-right--white.svg); }

.slideshow-wrapper .slide-nav .next { left: auto; right: 0px; }



/* !2.3.2 Banner */
#banner { position: relative; height: 100px; }
#banner .img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
#banner .page-title { position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); bottom: 0px; background: rgba(52, 60, 72, 0.8); margin: 0; color: #fff; text-align: center; min-width: 280px; padding: 6px 10px 4px; }

/* !2.3.3 Slide Panel */
.slider-outer .nav { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; }
.slider-outer .nav li { position: absolute; bottom: 10px; left: 30px; }
.slider-outer .nav .next { left: auto; right: 30px; }
.slider-outer .nav li a { width: 20px; height: 12px; display: block; text-indent: -9999px; overflow: hidden; background: url(/img/icons/dot-arrows.svg) no-repeat 0 -28px; }
.slider-outer .nav li a:hover { background-position: 0 -14px; }
.slider-outer .nav .next a { background-position: -22px -28px; }
.slider-outer .nav .next a:hover { background-position: -22px -14px; }
.slider-outer .tabs { text-align: center; margin-top: 12px; }
.slider-outer .tabs li { display: inline-block; margin: 0 3px; }
.slider-outer .tabs li a { display: block; width: 16px; height: 16px; border-radius: 16px; margin: 0 1px; background: rgba(255,255,255,0.9); text-indent: -9999px; overflow: hidden; transition: background 200ms; position: relative; border: 1px solid #aaa; }
.slider-outer .tabs li a::before { content: ""; width: 0px; height: 0px; border-radius: 9px; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); box-shadow: none; opacity: 0; transition: all 200ms; }
.slider-outer .tabs li a.selected::before { opacity: 1; width: 10px; height: 10px; }

/* !2.4 Footer */
#footer { margin-top: 30px; }
#footer .social { padding: 30px 25px; background: #222; }
#footer .social li { display: inline-block; width: 100%; margin-bottom: 1px; }
#footer .social li a { color: #fff; display: block; width: 100%; height: 50px; padding: 0 30px; box-sizing: border-box; font-size: .875em; line-height: 50px; vertical-align: middle; text-decoration: none; }
#footer .social li.facebook a { background: #425E9A; }
#footer .social li.twitter a { background: #378FD0; }
#footer .social li.insta a { background: #e4405f; background: linear-gradient(#CA4073 0%, #F57C33 100%); }
#footer .social li.yell a { background: #fedb00; color: #333; }
#footer .social li.yell a:before { content: ""; width: 21px; height: 18px; display: inline-block; background: url(/img/icons/icon-yell.png); background-size: cover; vertical-align: middle; margin-right: 16px; }
#footer .social li.houzz a { background: #55a32a; }
#footer .social li a .fa { font-size: 1.5em; position: relative; bottom: -3px; margin-right: 16px; width: 21px; }
#footer .social li a img { display: none; }

#footer .navigation { background: #333B46; }
#footer .navigation .wrapper { padding: 40px 20px 30px; }
#footer .navigation .nav-group { padding: 0 15px 15px; border: 1px solid #3F4E5C; border-width: 0 0 1px 0; margin-bottom: 15px; color: #fff; }
#footer .navigation .nav-group:last-child { border: 0 none; }
#footer .navigation .nav-group .title { font-size: 1em; font-family: Merriweather, times, serif; font-weight: bold; font-style: italic; }
#footer .navigation .nav-group a { color: #fff; text-decoration: none; }
#footer .navigation .nav-group ul { margin: 0 5px 10px; font-size: 0.875em; }
#footer .navigation .nav-group ul li { margin-bottom: 5px; }

#footer .newsletter { background: #6CAF68; color: #fff; }
#footer .newsletter .wrapper { padding: 30px 20px; }
#footer .newsletter .title { font-size: 1.125em; font-family: Merriweather, Times, serif; font-weight: bold; font-style: italic; text-align: center; }
#footer .newsletter .text { background: #fff; border: 0 none; font-size: 1em; width: 100%; margin-bottom: 2px; }
#footer .newsletter .submit { display: block; width: 100%; padding: 10px 38px; margin-top: 5px; background: #4B7E48; border: 0 none; border-radius: 0; color: #fff; font-family: Raleway, arial, sans-serif; font-size: 1.125em; font-weight: bold; text-transform: uppercase; }
#footer .newsletter .submit .fa { margin-left: 15px; }

#footer .bottom { background: #222; color: #EDEDED; }
#footer .bottom .wrapper { padding: 40px 20px; }
#footer .bottom .business { margin-bottom: 25px; }
#footer .bottom .address { font-size: .875em; }

#footer .bottom .awards { margin: 30px 10px; }
#footer .bottom .awards .houzz-award { background: url(/img/houzz-best-of-service-badge-2x.png) 50% 50% no-repeat / cover; width: 80px; height: 80px; display: inline-block; }

#footer .bottom .affiliates { margin: 30px 10px; }

#footer .bottom a { color: #ECECEC; text-decoration: none; }
#footer .bottom .nav { padding: 0 10px 15px; }
#footer .bottom ul { font-size: 0.875em; }
#footer .bottom ul li { margin-bottom: 5px; }


/* !3.0 Home Page */
.page-home #body .wrapper { padding: 0 10px 30px; }
.page-home #footer { margin-top: 0; }

/* !3.1 SlideShow */
.slide-link .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slide-reasons .slide-text ul { font-size: 1em; text-shadow: 0 1px 1px rgba(0,0,0,0.5); display: inline-block; }
.slide-reasons .slide-text ul li { font-weight: 300; margin-bottom: 1px; position: relative; }
.slide-reasons .slide-text ul li::before { content: "\f00c"; font-family: FontAwesome; color: #fff; text-shadow: none; margin-right: 10px; font-weight: 300; font-size: 0.8em; }

/* !3.2 Pods */
.pods { margin: 10px 0 0; text-align: center; }
.pods .pod { display: inline-block; position: relative; }
.pods .pod .img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; }
.pods .pod .title { position: absolute; width: 100%; height: 52px; margin: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); text-align: center; font-size: 1.375em; font-family: Lato, arial, sans-serif; font-weight: 300; text-transform: uppercase; }
.pods .pod .title a { color: #fff; background: rgba(52,60,72,0.8); display: inline-block; height: 52px; line-height: 52px; padding: 0 15px; text-decoration: none; }
.row-1 { margin-top: 35px; }
.row-1 .pod { width: 100%; height: 160px; }
.row-2 .pod { width: 100%; height: 120px; }
.row-2 .pod .title { font-size: 1.125em; height: 45px; }
.row-2 .pod .title a { display: block; height: 45px; line-height: 45px; }
.row-2 .pod-2 .title a,
.row-2 .pod-4 .title a { background: rgba(108, 175, 104, 0.75); }

.welcome-copy { margin-top: 35px; text-align: center; }
.welcome-copy .title { font-size: 1.5em; color: #3B5B61; font-weight: normal; font-family: Merriweather, georgia, serif; margin-bottom: 20px; }
.welcome-copy .copy { font-size: 1em; }
.welcome-copy .copy h1 { font-size: 1.125em; font-weight: normal; }
.welcome-copy .copy h2 { font-size: 1.0625em; font-weight: normal; }
.welcome-copy .copy h3,
.welcome-copy .copy h4,
.welcome-copy .copy h5 { font-size: 1em; font-weight: normal; }
.welcome-copy .copy h1,
.welcome-copy .copy h2,
.welcome-copy .copy h3,
.welcome-copy .copy h4,
.welcome-copy .copy h5,
.welcome-copy .copy h6,
.welcome-copy .copy p { margin-bottom: 15px; }

.reviews { font-size: 1em; margin-top: 50px; }
.reviews .title { font-size: 1.125em; font-family: Merriweather, georgia, serif; text-align: center; margin-bottom: 25px; }
.reviews .review-container { position: relative; min-height: 150px; margin: 0 auto; }
.reviews .review-item { width: 100%; height: 180px; background: #fff; box-sizing: border-box; padding: 0 5px; }
.reviews .review-item .review-header { margin-bottom: 10px; }
.reviews .review-item .review-header .star-rating { margin-right: 10px; float: left; }
.reviews .review-item .review-header .author { font-size: .875em; text-decoration: none; font-weight: bold; color: #666; width: 60%; display: inline-block; }
.reviews .review-item .review-header .author:hover { color: #3E8CB8; }
.reviews .review-item .review-summary { font-size: 0.875em; font-weight: 300; line-height: 140%; margin-bottom: 0; }
.reviews .review-item .review-summary .summary-more { font-size: 0.875em; font-weight: bold; margin-left: 10px; color: #333; text-decoration: none; }
.reviews .review-item .review-summary .summary-more:hover { color: #3E8CB8; }
.reviews .slider-outer .tabs { padding-top: 10px; border-top: 1px solid #eaeaea; margin-top: 12px; }
.reviews .slider-outer .nav .prev { bottom: 0px; left: 25%; }
.reviews .slider-outer .nav .next { bottom: 0px; right: 25%; }

.houzz-banner { margin: 60px 0; text-align: center; padding: 16px 28px 16px; border: 1px solid #55A32A; }
.houzz-banner .houzz-award { background: url(/img/houzz-best-of-service-badge-2x.png) no-repeat 50% 50% / cover; width: 60px; height: 60px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.houzz-banner .houzz-logo { display: inline-block; vertical-align: middle; }
.houzz-banner .message { padding: 10px 0; font-weight: 300; }
.houzz-banner .btn { margin-bottom: 12px; background: #78C337; box-shadow: none; }

.bottom-pods { clear: both; margin-top: 60px; }
.bottom-pods .pod { padding: 25px 20px; background: #eaeaea; margin-bottom: 4px; width: 100%; box-sizing: border-box; }
.bottom-pods .pod .thumbnail { display: inline-block; width: 64px; margin-bottom: 15px; }
.bottom-pods .pod .thumbnail a { display: block; }
.bottom-pods .pod .thumbnail .fa { font-size: 56px; }
.bottom-pods .pod .title { position: static; -webkit-transform: none;transform: none; height: auto; margin-bottom: 10px; font-family: Merriweather, Times, serif; font-size: 1.25em; font-weight: 400; }
.bottom-pods .pod .title a { display: block; height: auto; line-height: 120%; padding: 0; color: #333; background: none; text-transform: none; }
.bottom-pods .pod .title a:hover { color: #3E8CB8; }
.bottom-pods .pod .summary { font-weight: 300; font-size: 0.875em; }
.bottom-pods .pod .more { margin-bottom: 0; margin-top: 15px; font-family: Merriweather, times, serif; font-style: italic; font-weight: bold; }
.bottom-pods .pod .more a { text-decoration: none; color: #333; }
.bottom-pods .pod .more a:hover { color: #3E8CB8; }


/* !4.0 Showroom Page */
.page-showroom #body .title-wrapper { padding: 20px 10px 10px; }
.page-showroom .page-title { font-size: 1.1875em; }
.page-showroom .page-title .part { display: block; }
.page-showroom .banner { margin: 15px 0 0px; text-align: center; }
.showroom-info { margin: 15px 0 40px 0px; }
.showroom-info .page-title h3 { font-weight: 400; font-size: 20px; }
.showroom-info .info-section { border: 1px solid #eaeaea; margin-bottom: 10px; }
.showroom-info p { font-size: 1em; margin: 0; color: #3F4C5A; vertical-align: middle; }
.showroom-info .fa { display: inline-block; width: 25px; text-align: center; margin-right: 10px; font-size: 1.25em; vertical-align: middle; }
.showroom-info .contact-details p { padding: 18px 24px; border-bottom: 1px solid #eaeaea; line-height: 110%; }
.showroom-info .contact-details p:last-child { border-bottom: 0 none; }
.showroom-info .contact-details .address { padding-left: 60px; }
.showroom-info .contact-details .address .fa { margin-left: -38px; }
.showroom-info .opening-times { padding: 18px 24px; }
.showroom-info .opening-times .heading { text-transform: uppercase; margin-bottom: 10px; }
.showroom-info .opening-times p { margin-bottom: 5px; }
.showroom-info .opening-times span { display: inline-block; }
.showroom-info .opening-times .title { font-weight: 300; width: 40%; max-width: 120px; }
.showroom-info .opening-times .time { font-weight: bold; width: 55%; }
.showroom-info .recommendations p { padding: 18px 26px; font-weight: bold; font-size: .9375em; }
.showroom-info .recommendations p a { color: #3E8CB8; text-decoration: none; position: relative; padding-left: 35px; display: block; }
.showroom-info .recommendations .trust { border-bottom: 1px solid #eaeaea; }
.showroom-info .recommendations .trust a::before { content: "\f058"; font-family: FontAwesome; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); color: #3E8CB8; font-size: 1.625em; }
.showroom-info .recommendations .bespoke a::before { content: "\f015"; font-family: FontAwesome; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); color: #3E8CB8; font-size: 1.625em; }

.page-showroom .map { width: 100%; margin: 35px 0 0; }
.page-showroom .map iframe { width: 100%; }

.page-showroom .body-after { margin-top: 60px; padding: 10px; border: 1px solid #eaeaea; }
.page-showroom .body-after h2:first-child { margin-top: 0; font-family: Merriweather, Times, serif; font-size: 1.25em; font-weight: 400; }


/* !5 Products */
.product-content .body { margin: 0 -10px 40px; padding: 0 10px; position: relative; overflow: hidden; max-height: 150px; }
.product-content .body-inner {  }
.product-content .body::before { content: ""; position: absolute; left: -10px; bottom: 0px; width: calc(100% + 20px); height: 58px; background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20px); }
.product-content .body .read-more { position: absolute; left: 12px; bottom: 0px; width: calc(100% - 24px); text-align: center; font-family: Raleway, arial, sans-serif; font-size: .875em; font-weight: 600; text-transform: uppercase; cursor: pointer; padding: 5px 2px; border: 1px solid #eaeaea; box-sizing: border-box; }
.product-content .body-full { padding-bottom: 40px; }
.product-content .body-full::before { content: none; display: none; }
.product-content .body p:first-child { margin-top: 0; }
.product-content .body h2:first-child { margin-top: 0; }

.filter-nav .sidebar { margin-top: 0; }
.filter-nav .sidebar .title { border-width: 0; color: #fff; position: relative; cursor: pointer; }
.filter-nav .sidebar .title::after { content: "\f078"; font-family: FontAwesome; position: absolute; right: 15px; top: 12px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms; transition: transform 200ms; }
.filter-nav .sidebar .sidenav { height: 0; overflow: hidden; }
.filter-nav .sidebar-open .title { border-width: 0 0 1px 0; }
.filter-nav .sidebar-open .title::after { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }
.filter-nav .sidebar .title { text-transform: uppercase; font-size: 1.25em; padding: 12px 18px; background: #333B46; line-height: 100%; }

.product-filters .sidebar .title { margin-bottom: 3px; }
.product-filters .sidenav { background: none; }
.filter-nav .filter-group { background: #eaeaea; padding: 10px 16px; margin-bottom: 3px; }
.filter-nav .filter-group .group-title { font-family: Raleway, arial, sans-serif; font-size: 1.125em; font-weight: 600; color: #666; text-transform: uppercase; line-height: 100%; padding: 0 2px 1px; margin: 0; position: relative; cursor: pointer; }
.filter-nav .filter-group .group-title::before { content: ""; display: block; width: 18px; height: 2px; background: #333B46; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg);transform: translateY(-50%) rotate(0deg); transition: all 200ms; }
.filter-nav .filter-group .group-title::after  { content: ""; display: block; width: 18px; height: 2px; background: #333B46; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg); transition: all 200ms; }
.filter-nav .filter-group .filters-container { height: 0; overflow: hidden; }
.filter-nav .filter-group-open .group-title::before { height: 3px; -webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg); }
.filter-nav .filter-group-open .group-title::after { -webkit-transform: translateY(-50%) rotate(360deg);transform: translateY(-50%) rotate(360deg); }
.filter-nav .filter-group-extended .filters-container { height: auto; }
.filter-nav .filters { padding: 10px 5px 0px; border-top: 1px solid #fff; margin-top: 8px; }
.filter-nav .filters li { margin-bottom: 2px; line-height: 16px; }
.filter-nav .filters li a { display: block; text-decoration: none; color: #666; font-weight: 300; padding: 2px 25px; position: relative; transition: all 200ms; }
.filter-nav .filters li a::before { content: ""; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); width: 14px; height: 14px; background: #fff; border: 1px solid #ddd; transition: all 200ms; }
.filter-nav .filters li a::after { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 0.75em; color: rgba(204,204,204,0); font-weight: 300; transition: all 200ms; }
.filter-nav .filters li a:hover { color: #3E8CB8; }
.filter-nav .filters li a:hover::before { border-color: #3E8CB8; }
.filter-nav .filters li a:hover::after { color: rgba(204,204,204,1); }
.filter-nav .filters li.selected a { font-weight: 400; color: #3E8CB8; }
.filter-nav .filters li.selected a::before { border-color: #3E8CB8; }
.filter-nav .filters li.selected a::after { color: rgba(62,140,184,1); }
.filter-nav .filters li.selected a:hover::after { color: rgba(204,204,204,1); }

.filter-group-colour .filters li a::before { background: url(/img/skin/swatches.jpg) no-repeat 0 0 / 150px 14px; border-color: #fff; }
.filter-group-colour .filters li a::after { content: none; display: none; }
.filter-group-colour .filters 
.filter-group-colour .filters .filter-whites a::before { background-position: 0 0; }
.filter-group-colour .filters .filter-beige a::before { background-position: -15px 0; }
.filter-group-colour .filters .filter-browns a::before { background-position: -30px 0; }
.filter-group-colour .filters .filter-greys a::before { background-position: -45px 0; }
.filter-group-colour .filters .filter-black a::before { background-position: -60px 0; }
.filter-group-colour .filters .filter-sand a::before { background-position: -75px 0; }

.filter-group-colour .filters .filter-antracite a::before { background-position: -60px 0; }
.filter-group-colour .filters .filter-avorio a::before { background-position: 0 0; }
.filter-group-colour .filters .filter-bianco a::before { background: #fff; }
.filter-group-colour .filters .filter-brown a::before,
.filter-group-colour .filters .filter-bruno a::before { background-position: -30px 0; }
.filter-group-colour .filters .filter-cenere a::before { background: url(/media/images/emozioni-60x30-cenere--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-cotto a::before { background: url(/media/images/afflitto-30x30-cotto--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-crema a::before { background: url(/media/images/limestone-120x60-crema--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-grafite a::before { background: url(/media/images/cemento-carina-60x60-cenere--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-grigio a::before { background-position: -45px 0; }
.filter-group-colour .filters .filter-miele a::before { background: url(/media/images/legno-caro-120x20-beige--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-nero a::before { background: url(/media/images/casa-suo-60x60-nero--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-noce a::before { background: url(/media/images/legno-di-vita-120x20-noce--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-noce a::before { background: url(/media/images/fascino-casa-120x20-sabbia--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-sabbia a::before { background: url(/media/images/fascino-casa-120x20-sabbia--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-silver a::before { background: url(/media/images/stagioni-1-5x60-metal-silver--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-taupe a::before { background: url(/media/images/alta-marea-60x60-clay--thumb.jpg) no-repeat 50% 50%; }
.filter-group-colour .filters .filter-wenge a::before { background: url(/media/images/tuscania-legno-15x90-wenge--thumb.jpg) no-repeat 50% 50%; }


.product-content .body { margin-bottom: 30px; }

.options .sizes li { display: inline-block; vertical-align: bottom; font-family: 'Open Sans Condensed', 'Open Sans', sans-serif; font-weight: 300; font-size: 10px; color: #fff; background: #333A46; border: 1px solid #fff; text-align: center; margin: 0; }
.options .sizes .size-15x61 { width: 30px; height: 11px; line-height: 11px; }
.options .sizes .size-20x10 { width: 20px; height: 11px; line-height: 11px; font-size: 9px; }
.options .sizes .size-20x20 { width: 12px; height: 12px; line-height: 12px; font-size: 9px; }
.options .sizes .size-30x30 { width: 15px; height: 15px; line-height: 15px; }
.options .sizes .size-40x34 { width: 20px; height: 17px; line-height: 17px; }
.options .sizes .size-52x52 { width: 26px; height: 26px; line-height: 26px; }
.options .sizes .size-60x20 { width: 30px; height: 11px; line-height: 11px; }
.options .sizes .size-60x30 { width: 30px; height: 15px; line-height: 15px; }
.options .sizes .size-60x60 { width: 30px; height: 30px; line-height: 30px; }
.options .sizes .size-75x25 { width: 38px; height: 14px; line-height: 14px; }
.options .sizes .size-75x37-5 { width: 38px; height: 19px; line-height: 19px; }
.options .sizes .size-75x75 { width: 38px; height: 38px; line-height: 38px; }
.options .sizes .size-80x40 { width: 40px; height: 20px; line-height: 20px; }
.options .sizes .size-80x80 { width: 40px; height: 40px; line-height: 40px; }
.options .sizes .size-90x15 { width: 45px; height: 10px; line-height: 10px; }
.options .sizes .size-90x45 { width: 45px; height: 22px; line-height: 22px; }
.options .sizes .size-90x90 { width: 45px; height: 45px; line-height: 45px; }
.options .sizes .size-120x20 { width: 60px; height: 11px; line-height: 11px; }
.options .sizes .size-120x30 { width: 60px; height: 15px; line-height: 15px; }
.options .sizes .size-120x60 { width: 60px; height: 30px; line-height: 30px; }

/* !5.1 Range Listing */
.range-listing .range { margin-bottom: 20px; }
.range-listing .range .product-inner { border: 1px solid #eaeaea; padding: 10px; position: relative; }
.range-listing .thumbnail { margin: -11px -11px 12px; display: block; text-align: center; }
.range-listing .title { font-family: Merriweather, times, serif; font-weight: normal; font-size: 1.125em; margin-bottom: 5px; }
.range-listing .title a { color: #333B46; text-decoration: none; }
.range-listing .range .options { margin-bottom: 10px; text-align: right; }
.range-listing .range .options .info { display: inline-block; vertical-align: bottom; font-family: 'Open Sans Condensed', 'Open Sans', sans-serif; font-weight: 700; font-size: .75em; color: #666; line-height: 100%; text-transform: uppercase; margin-right: 5px; }
.range-listing .range .options ul { display: inline-block; vertical-align: middle; font-size: 0; }
.range-listing .range .options li { display: inline-block; vertical-align: middle; }
.range-listing .range .options .sizes .size { vertical-align: bottom; }
.range-listing .range .options .colours .colour { width: 24px; height: 24px; margin: 0 1px 0 0; }
.range-listing .range .options .colours .colour .image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; }
.range-listing .range .pricing p { margin: 0; font-size: 1em; }
.range-listing .range .pricing .from { font-weight: 300; font-size: 0.875em; }
.range-listing .range .pricing .currency,
.range-listing .range .pricing .amount { font-weight: bold; }

.range-listing .buttons { padding: 5px 0; }
.range-listing .product .buttons .btn { width: 100%; }

/* !5.2 Products Listing */
.product-listing .product { overflow: hidden; margin-bottom: 20px; position: relative; }
.product-listing .product .product-inner { padding: 5px; border: 1px solid #eaeaea; position: relative; }
.product-listing .product .thumbnail { float: left; width: 100px; height: 100px; margin-right: 15px; margin-bottom: 50px; }
.product-listing .product .thumbnail .featured-container { width: 100% !important; height: 100% !important; overflow: hidden; }
.product-listing .product .thumbnail .featured-container li { display: block; width: 100%; height: 100%; }
.product-listing .product .thumbnail a { width: 100%; height: 100%; background: #fff; display: block; text-align: center; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.product-listing .product .thumbnail a img { max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); }
.product-listing .product .options { position: absolute; left: 5px; top: 110px; min-width: 100px; height: 44px; }
.product-listing .product .options::before { content: "Colours available"; font-family: 'Open Sans Condensed', 'Open Sans', sans-serif; font-weight: 700; font-size: .75em; color: #666; line-height: 100%; text-transform: uppercase; padding-left: 1px; }
.product-listing .product .options .slides { font-size: 0; }
.product-listing .product .options .slides .slide { width: auto; height: 24px; display: inline-block; margin: 0 1px 0 0; position: relative; }
.product-listing .product .options .slides .slide .image { width: 24px; height: 24px; display: block; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; }
.product-listing .product .options .slides .slide .image::after { content: ""; position: absolute; left: 0px; top: 0px; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid rgb(62,140,184); opacity: 0; transition: opacity 200ms; }
.product-listing .product .options .slides .selected .image::after { opacity: 1; }
.product-listing .item .options .nav { position: absolute; top: 5px; left: 0px; width: 100%; height: 0; display: block; }
.product-listing .item .options .nav li { position: absolute; left: -14px; top: 0; }
.product-listing .item .options .nav .next { left: auto; right: -14px; }
.product-listing .item .options .nav li a { width: 7px; height: 14px; display: block; text-indent: -9999px; background: url(/img/skin/nav-arrow.svg); }
.product-listing .item .options .nav .prev a { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }

.product-listing .product .title { font-weight: normal; font-family: Merriweather, serif; font-size: 1em; margin-top: 2px; margin-bottom: 12px; }
.product-listing .product .title a { color: #333A46; text-decoration: none; }
.product-listing .product .title a:hover { text-decoration: underline; }
.product-listing .product .price { display: block; font-size: 1em; font-weight: normal; }

.product-listing .product .full-price,
.product-listing .product .discount-price,
.product-listing .product .saving { font-size: 0.75em; color: #aaa; font-weight: 300; }

.product-listing .product .pricing .full-price { display: none; }
.product-listing .product .full-price { margin-bottom: 0px; }
.product-listing .product .full-price .amount { text-decoration: line-through; }

.product-listing .product .online-price { font-size: 1em; font-weight: bold; margin-bottom: 5px; }
.product-listing .product .online-price .type { font-size: .625em; width: 44px; }
.product-listing .product .online-price .unit { font-size: .75em; }

.product-listing .product .discount-price { color: #888; }
.product-listing .product .discount-price .amount { font-weight: 400; }

.product-listing .product .buttons { padding: 5px 0; }
.product-listing .product .buttons .btn { width: 100%; }
.product-listing .product .buttons .btn-compare { display: none; }


/* !5.3 Product Page */
.slideshow-wrapper .range-title { position: absolute; z-index: 20; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); bottom: 30px; background: rgba(52, 60, 72, 0.8); margin: 0; line-height: 100%; font-family: Merriweather, times, serif; font-weight: 300; font-size: 1.25em; color: #fff; text-align: center; min-width: 200px; padding: 8px 0 5px; }
.page-product .slideshow-wrapper .slide-nav { bottom: auto; top: 50%; }
.page-product .slideshow-wrapper .slide-nav li { -webkit-transform: translateY(-50%);transform: translateY(-50%); }

#product-gallery { position: relative; width: 100%; height: auto; margin-bottom: 45px; }
.images .featured-container { width: 300px; height: 300px; margin: 0 auto 5px; position: relative; max-width: 400px; max-height: 400px; }
.images .featured-container li { width: 300px; height: 300px; position: absolute; left: 0; top: 0; }
.images .featured-container li .pinterest-wrap { position: absolute; left: 15px; top: 15px; z-index: 2; opacity: 0; visibility: hidden; transition: all 200ms; }
.images .featured-container li:hover .pinterest-wrap { opacity: 1; visibility: visible; }
.images .featured-container li .image-wrap { display: block; width: 100%; height: 100%; }
.images .featured-container li .image-wrap img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.images .featured-container li .image-wrap .title { position: absolute; left: 0px; top: 80%; width: 100%; height: 40px; box-sizing: border-box; padding: 0 22px; line-height: 40px; color: #333946; font-weight: bold; background: rgba(255,255,255,0.8) }
.images .featured-container li .image-wrap .title::after { content: "\f00e"; font-family: FontAwesome; color: #3E8CB8; font-size: 1.25em; font-weight: 300; position: absolute; right: 22px; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); }
.images .thumbs-container { font-size: 0; text-align: center; }
.images .thumbs-container li { display: inline-block; font-size: 16px; width: 50px; height: 50px; margin: 0 2px 2px; }
.images .thumbs-container li a { display: block; width: 100%; height: 100%; position: relative; }
.images .thumbs-container li a:after { content: ""; position: absolute; left: 0px; top: 0px; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid rgb(62,140,184); opacity: 0; transition: opacity 200ms; z-index: 2; }
.images .thumbs-container li:first-child { margin-left: 0; }
.images .thumbs-container li:last-child { margin-right: 0; }
.images .thumbs-container li.selected a:after { opacity: 1; }
.images .thumbs-container li a img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); z-index: 1; }

.product-info .page-title { color: #333B47; text-align: center; }
.product-info .page-title .part { display: block; }

.product-info .page-summary { text-align: center; color: #666; font-size: 1em; }

.product-info .prices { text-align: center; margin-top: 25px; }
.product-info .prices .price { font-size: .875em; color: #999; margin-bottom: 4px; line-height: 110%; }
.product-info .prices .price .type { width: 84px; text-align: left; display: inline-block; }
.product-info .prices .online-price { font-size: 1.25em; font-weight: bold; color: #333946; margin-bottom: 10px; }

.product-info .discount-options { margin: 20px auto; text-align: center; max-width: 300px; display: block; }
.product-info .discount-options .title { display: inline-block; font-size: 0.875em; }
.product-info .discount-options .quantity-discounts { text-align: left; border-collapse: collapse; margin-top: 6px; width: 100%; }
.product-info .discount-options .quantity-discounts th { font-family: 'Open Sans Condensed', 'Open Sans', arial, sans-serif; font-weight: bold; font-size: 0.75em; color: #999; margin: 0; vertical-align: bottom; height: 20px; padding: 0 5px 4px; border-bottom: 1px solid #eaeaea; }
.product-info .discount-options .quantity-discounts td { font-size: 0.75em; padding: 4px 5px; color: #666; }
.product-info .discount-options .quantity-discounts tr:nth-child(even) td { background: rgba(238,238,238, 0.7); }
.product-info .discount-options .quantity-discounts td.price { font-weight: bold; }
.product-info .discount-options .quantity-discounts .qty { padding-left: 25px; }

.product-info .options-sizes { text-align: center; margin-top: 35px; }
.product-info .options-sizes .info { display: inline-block; font-family: 'Open Sans Condensed', 'Open Sans', arial, sans-serif; font-size: .875em; font-weight: 700; color: #666; margin-bottom: 5px; }
.product-info .options-sizes .sizes { font-size: 0; }
.product-info .options-sizes .sizes a { display: block; color: #fff; text-decoration: none; line-height: inherit; }
.product-info .options-sizes .sizes .size-20x10 { width: 14px; height: 11px; line-height: 11px; }
.product-info .options-sizes .sizes .size-20x20 { width: 14px; height: 14px; line-height: 14px; }
.product-info .options-sizes .sizes .size-30x30 { width: 20px; height: 20px; line-height: 20px; }
.product-info .options-sizes .sizes .size-40x34 { width: 27px; height: 23px; line-height: 23px; }
.product-info .options-sizes .sizes .size-52x52 { width: 35px; height: 35px; line-height: 35px; }
.product-info .options-sizes .sizes .size-60x20 { width: 40px; height: 13px; line-height: 13px; }
.product-info .options-sizes .sizes .size-60x30 { width: 40px; height: 20px; line-height: 20px; }
.product-info .options-sizes .sizes .size-60x60 { width: 40px; height: 40px; line-height: 40px; }
.product-info .options-sizes .sizes .size-75x25 { width: 50px; height: 17px; line-height: 17px; }
.product-info .options-sizes .sizes .size-75x37-5 { width: 50px; height: 25px; line-height: 25px; }
.product-info .options-sizes .sizes .size-75x75 { width: 50px; height: 50px; line-height: 50px; }
.product-info .options-sizes .sizes .size-80x40 { width: 54px; height: 27px; line-height: 27px; }
.product-info .options-sizes .sizes .size-80x80 { width: 54px; height: 54px; line-height: 54px; }
.product-info .options-sizes .sizes .size-90x15 { width: 60px; height: 12px; line-height: 12px; }
.product-info .options-sizes .sizes .size-90x45 { width: 60px; height: 22px; line-height: 22px; }
.product-info .options-sizes .sizes .size-90x90 { width: 60px; height: 30px; line-height: 30px; }
.product-info .options-sizes .sizes .size-120x20 { width: 80px; height: 14px; line-height: 14px; }
.product-info .options-sizes .sizes .size-120x30 { width: 80px; height: 20px; line-height: 20px; }
.product-info .options-sizes .sizes .size-120x60 { width: 80px; height: 40px; line-height: 40px; }


.label { display: block; font-family: 'Open Sans Condensed', 'Open Sans', arial, sans-serif; font-size: 0.75em; font-weight: 700; color: #666; margin-bottom: 3px; }
.swatches .swatch { display: inline-block; width: 28px; height: 28px; position: relative; }
.swatches .swatch .image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; }
.swatches .swatch:after { content: ""; position: absolute; left: 0px; top: 0px; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid rgb(62,140,184); opacity: 0; transition: opacity 200ms; }
.swatches .selected:after { opacity: 1; }

.swatches .swatch .popout { visibility: hidden; opacity: 0; transition: all 200ms; }
.swatches .swatch .popout { position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%);transform: translateX(-50%); padding-bottom: 15px; }
.swatches .swatch .popout:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 15px solid #333; position: absolute; left: 50%; bottom: 0%; }
.swatches .swatch .popout .inner { padding: 4px 5px; background: #333; border-radius: 5px; color: #fff; }
.swatches .swatch:hover .popout { visibility: visible; opacity: 1; }

.product-form { margin: 16px 0 25px; }
.product-form .fields { padding: 20px 25px; border: 1px solid #eaeaea; border-width: 1px 1px 0; }
.product-form .fields li.total .price { font-size: 2em; font-weight: bold; color: #333946; line-height: 100%; }

.product-form .discount-options { border: 1px solid #eaeaea; border-width: 1px 1px 0; padding: 20px 25px; }

.product-form .discount-container { border: 1px solid #eaeaea; border-width: 1px 1px 0; }
.product-form .discount-container .discount-wrapper { padding: 20px 25px; }
.product-form .discount-container .discount-info { display: block; font-size: .75em; font-family: 'Open Sans Condensed', 'Open Sans', arial, sans-serif; font-weight: bold; color: #666; position: relative; line-height: 24px; }
.product-form .discount-container .discount-info .text { display: inline-block; padding: 5px 0 5px 36px; }
.product-form .discount-container .discount-info .discount-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(/img/icons/discount-gold-n.svg) no-repeat 50% 50% / 24px 24px; vertical-align: middle; }
.product-form .discount-container .platinum-discount .discount-icon { background: url(/img/icons/discount-platinum-n.svg) no-repeat 50% 50% / 24px 24px; }
.product-form .discount-container .target-info { display: block; font-size: .75em; color: #666; position: relative; }
.product-form .discount-container .target-info .text { display: inline-block; padding: 5px 0 5px 36px; }
.product-form .discount-container .target-info .info-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin: 0; }
.product-form .has-both .discount-info { margin-bottom: 10px; }

.product-form .submit { background: #3F4E5C; padding: 20px 25px; }
.product-form .submit li.compare { margin-bottom: 10px; display: none; }
.product-form .submit li.compare .btn { font-size: 14px; }
.product-form .submit .btn { width: 100%; text-align: center; }
.product-form .submit .btn-addtobasket { box-shadow: 0 2px 3px rgba(0,0,0,0.6); }

.samples {  }
.samples .info { background: #eaeaea; padding: 25px 25px 15px; }
.samples .info .title { font-family: Merriweather, times, serif; font-size: 1.125em; font-weight: normal; color: #333; }
.samples .info .summary { font-size: 1em; font-weight: 300; }
.samples .info p { margin-bottom: 8px; }
.samples .info .desc { font-size: 0.875em; font-style: italic; font-weight: 300; margin-bottom: 0; }
.samples .sample-form { background: #333; padding: 10px; }
.samples .sample-form .swatches .swatch:after { border-color: #FF7954; }
.samples .sample-form .input { padding: 10px 5px; }
.samples .sample-form .label { color: #fff; }
.samples .sample-form .btn { width: 100%; text-align: center; font-family: Merriweather, times, serif; font-weight: 400; font-style: italic; box-shadow: 0 2px 3px rgba(0,0,0,0.6); }

.available-info { margin-top: 25px; border: 1px solid #eaeaea; border-width: 1px 1px 0; }
.available-info p { padding: 15px 20px; margin: 0; border-bottom: 1px solid #eaeaea; font-family: Raleway, arial, sans-serif; font-size: 0.875em; line-height: 100%; font-weight: 700; color: #3F4D5B; }
.available-info p span { display: inline-block; vertical-align: middle; }
.available-info p .icon { display: inline-block; width: 25px; position: relative; margin-right: 5px; font-size: 16px; }
.available-info p.stock .icon::before { content: ""; display: block; width: 22px; height: 16px; background: url(/img/skin/decor.png) no-repeat -3px -4px; background-size: 120px 120px; }
.available-info p.delivery .icon::before { content: "\f0d1"; font-family: FontAwesome; }
.available-info p.sample .icon::before { content: ""; display: block; width: 18px; height: 18px; background: url(/img/skin/decor.png) no-repeat -51px 0px; background-size: 120px 120px; }
.available-info p .text .note { font-weight: 300; padding: 0 5px; }

.product-details .tabs .tab { background: #eee; }
.product-details .nav { display: block; text-align: center; }
.product-details .nav li { display: inline-block; width: 32%; margin: 0 2px; }
.product-details .nav li a { display: block; text-decoration: none; font-family: Raleway, arial, sans-serif; font-weight: 600; font-size: .875em; color: #fff; background: #3F4E5C; padding: 10px; }
.product-details .nav li.selected a { background: #eee; color: #3F4E5C; }
.product-details p { line-height: 130%; }
#body .product-details .tabs .tab .wrapper { padding: 26px; }
.product-details .tabs .spec table { font-size: .75em; line-height: 120%; border-collapse: collapse; width: 100%; }
.product-details .tabs .spec table tr td { padding: 5px 6px; }
.product-details .tabs .spec table tr:nth-child(odd) td { background: rgba(77,93,108,0.1); }
.product-details .tabs .spec table tr td:first-child { font-family: 'Open Sans Condensed', arial, sans-serif; font-weight: bold; width: 84px; }

/* !5.3.2 Related Items */
.related-items { margin-top: 25px; }
.related-items h4.title { font-family: Merriweather, serif; text-align: center; font-weight: normal; font-size: 1.125em; }
.related-items .product-listing { padding-top: 0; }
.related-items .product-listing .product .buttons { padding: 5px; }

.page-reasons-to-buy ol { font-size: 1.1667em; font-weight: bold; margin-top: 20px; }
.page-reasons-to-buy ol li { margin-bottom: 8px; }



/* !6.0 Contact Form */
.page-content .contact-details { margin-top: 40px; }
.page-content .contact-details ul { margin: 0 0 30px; list-style: none; padding-left: 0; } 
.page-content .contact-details ul li { line-height: 120%; display: block; font-size: 1.125em; }
.page-content .contact-details ul .title { font-family: Merriweather, Times, serif; margin-bottom: 5px; }
.page-content .contact-details ul li a { text-decoration: none; color: #3E8CB8; }
.page-content .contact-details ul li a:hover { text-decoration: underline; }
.page-content .contact-details .map iframe { width: 100%; height: 200px; }
.page-content .contact-details .map small a { color: #fff !important; padding-top: 3px; display: block; }

.contact-form-container { margin-top: 50px; }
.contact-form { padding: 22px 30px 25px; border: 1px solid #eaeaea; background: #fff; }
.contact-form .success { padding: 22px 30px 55px; position: relative; }

.contact-form .title-block { background: #3F4E5C; margin: -23px -31px 22px; padding: 15px 28px; }
.contact-form .title-block .title { float: left; font-size: 1em; font-family: Raleway, arial, sans-serif; font-weight: 600; color: #fff; margin: 0; }
.contact-form .title-block .required-notice { float: right; font-size: .75em; font-weight: normal; color: #fff; margin: 0; }
.contact-form span.required { font-family: Raleway, arial, sans-serif; font-size: 2em; font-weight: 600; color: #FF2626; padding: 0 2px; line-height: 50%; display: inline-block; position: relative; top: 5px; vertical-align: bottom; }
.contact-form .title-block .required-notice span.required { font-size: 3.333em; }

.contact-form .fields li { margin-bottom: 22px; }
.contact-form label { font-family: Raleway, arial, sans-serif; font-size: .875em; font-weight: 600; color: #666; margin-bottom: 4px; }
.contact-form .fields li .text { width: 100%; }
.contact-form .submit { margin: 0; text-align: center; }
.contact-form .submit .btn { width: 244px; text-align: center; font-size: 0.875em; }

.contact-form .error { margin-top: 2px; color: #F00000; font-weight: 300; font-style: italic; }


/* 7.0 Search Results */
.search-summary .search-query { font-style: italic; font-weight: bold; color: #666; padding: 0 5px; display: inline-block; }
.search-results { margin-top: 25px; }
.search-result { padding: 20px 18px; border: 1px solid #eaeaea; margin-bottom: 20px; }
.search-result .title { font-family: Merriweather, georgia, times, serif; font-weight: normal; font-size: 1.25em; }
.search-result .title a { text-decoration: none; }
.search-result .thumbnail { float: left; width: 100px; margin-right: 15px; width: 100px; height: 100px; overflow: hidden; }
.search-result .price { font-size: 1em; }

/* 7.1 Advanced Search */
.form { margin: 20px 0 0 0; padding: 15px 20px; border: 1px solid #fff; position: relative; background: url(/img/skin/product_info_bg.png) repeat-x 50% 100%; background: linear-gradient(rgba(17,17,17,0) 0%, #111 100%); }
.form .submit { position: absolute; right: -10px; bottom: 5px; }
.advanced-search-form { margin-right: 10px; }
.advanced-search-form .fields li { float: left; width: 260px; padding: 0 10px; height: 35px; margin: 10px 0;}
.advanced-search-form .fields select { width: 80%; }
.advanced-search-form label { clear: both; font-weight: bold; display: block; padding-bottom: 3px; }
.advanced-search div.contact-form { margin-left: 20px; }
.advanced-search div.contact-form, .advanced-search .body { margin-top: 20px; }
.advanced-search .contact-details { font-size: 0.923em; margin-top: 15px; }
.advanced-search .contact-details li { color: #fff; }


/* !8.0 Blog */
.page-blog .page-title { margin-bottom: 25px; }
.blog-listing .article { padding-bottom: 35px; border-bottom: 1px solid #ddd; margin-bottom: 35px; }
.blog-listing .article:last-child { border-bottom: 0 none; }
.page-blog .title a { color: #3E8CB8; text-decoration: none; }
.page-blog .title a:hover { text-decoration: underline; }
.blog-listing .article .article-info { margin: -10px 0 15px 0; padding: 0; list-style: none; font-size: .75em; font-weight: 300; color: #666; }
.blog-listing .article .article-info li { display: inline-block; margin-right: 10px; }
.blog-listing .article .article-info li a { color: #3E8CB8; }
.blog-listing .article .header-image { margin-bottom: 15px; }
.blog-listing .article .read-more { padding-top: 5px; margin: 0; }
.blog-listing .article .read-more a { color: #3E8CB8; font-weight: bold; text-decoration: none; }
.blog-listing .article .read-more a:hover { color: #666; }
.blog-listing .article .read-more a::after { content: "\f061"; font-family: FontAwesome; padding-left: 5px; font-size: 0.75em; vertical-align: middle; }

.page-blog .paging { text-align: center; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.2); margin: 20px 0; }

/* !8.1 Blog Pages */
.page-blog-article #banner { height: auto; }
.page-blog-article #banner .img { height: 100px; }
.page-blog-article #banner .page-title { padding: 120px 20px 0; position: static; -webkit-transform: none;transform: none; background: 0; color: rgb(52,60,72); font-size: 1.25em; }

.page-blog-article .back { display: inline-block; margin: 0px 0px 20px -10px; padding: 8px 26px; background: rgba(52,60,72,0.8); font-size: 1em; font-weight: bold; color: #fff; text-decoration: none; line-height: 100%; text-align: right; box-sizing: border-box; transition: all 200ms; }
.page-blog-article .back:hover { background: rgba(52,60,72,1); }
.page-blog-article .back::before { content: "\f0a8"; font-family: FontAwesome; padding-right: 10px; }

.page-blog-article .page-title { text-align: center; }
.page-blog-article .article-info { text-align: center; font-size: 0.875em; font-weight: 300; color: #666; margin-top: 0px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 20px; }
.page-blog-article .article-info li { margin-bottom: 2px; }
.page-blog-article .article-info li .title { font-style: italic; padding-right: 4px; }
.page-blog-article .article-info a { color: #3E8CB8; font-weight: 400; }
.page-blog-article .article-info a:hover { color: #666; }



/* !9.0 Basket */
.basket { color: #333946; }
table.basket { border-collapse: collapse; margin: 30px -10px 0; width: calc(100% + 20px); }
.basket thead { border-spacing: 0 25px; }
.basket thead th { font-size: .75em; font-weight: 300; font-family: 'Open Sans Condensed', 'Open Sans', sans-serif; padding-bottom: 10px; padding-left: 0px; border-bottom: 1px solid #ddd; color: #666; }
.basket td { padding: 10px 0px 10px 5px; font-size: 0.75em; font-family: Lato, sans-serif; }

.basket .item-name { padding-left: 10px; }
.basket .item-name .thumb { display: none; }
.basket .item-name a { color: #333A46; }
.basket .price { width: 60px; }
.basket .qty { width: 60px; }
.basket .qty .text { width: 30px; padding: 2px; }
.basket .qty .icon-btn { margin-left: 2px; }

.basket .value { font-weight: bold; }

.sub-total-container { margin: 10px -8px 0px; border-bottom: 2px solid #ddd; padding: 0 8px; }
table.basket-sub-total { margin-top: 0; }
.basket .totals { text-align: right; font-weight: bold; }
.basket .sub-total { padding-top: 2px; text-align: right; }
.basket td.total, 
.basket th.total { text-align: right; padding-right: 10px; width: 65px; }
.basket td.total { font-weight: bold; color: #333946; } 


table.discount-explained { padding-top: 0px; margin: 10px -8px 0px; width: calc(100% + 16px); }
.discount-explained thead th { border: 1px solid #3F4E5C; padding: 8px 10px 8px; text-align: left; background: #3F4E5C; color: #fff; }
.discount-explained td { text-align: right; border: 1px solid #eaeaea; border-width: 0; padding: 5px; }
.discount-explained td:first-child { border-width: 0 0 0 1px; }
.discount-explained td:last-child { border-width: 0 1px 0 0px; }
.discount-explained tr.row-1 td { padding-top: 15px; }
.discount-explained tr.row-2 td { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; }
.discount-explained tr.row-3 td { padding-top: 15px; padding-bottom: 15px; }
.discount-explained .discount .icon { position: relative; top: -1px; }
.discount-explained td.sub-total { padding-top: 10px; }
.discount-explained td.total { padding-right: 8px; width: 65px; font-weight: bold; } 
.basket .discount .discount-icon { display: inline-block; width: 20px; height: 20px; background: url(/img/icons/discount-gold-n.svg) no-repeat 50% 50% / 20px 20px; vertical-align: middle; margin-top: -2px; }
.basket .discount .icon-platinum-discount { background: url(/img/icons/discount-platinum-n.svg) no-repeat 50% 50% / 20px 20px; }

.voucher-container { display: block; clear: both; margin: 10px auto 0; padding: 16px; border: 1px solid #eaeaea; }
.voucher-container .title { font-size: 0.875em; font-family: Merriweather, times, serif; font-style: italic; font-weight: bold; margin-bottom: 15px; }
.voucher-container .fields li { display: inline-block; margin: 0; }
.voucher-container .fields li.vouchercode { margin-right: 5px; width: 50%; }
.voucher-container .fields li.vouchercode .text { position: relative; top: 2px; width: 100%; }

.delivery-container { margin-top: 40px; }
.delivery-container .title { font-family: Merriweather, times, serif; color: #333A46; padding: 0 5px 5px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.delivery-container .title .text { display: inline-block; vertical-align: top; }
.delivery-container .title .delivery-notice { display: inline-block; width: 71%; font-family: Lato, arial, sans-serif; font-size: 0.75em; font-weight: 300; color: #666; margin-left: 10px; }
.delivery-container .delivery-form { margin: 0 0 0 5px; display: inline-block; width: 76%; }
.delivery-container .delivery-form label { font-size: .875em; }
.delivery-container .delivery-total { display: inline-block; width: 20%; text-align: right; vertical-align: bottom; margin-bottom: 0; }
.delivery-container .note { margin: 20px 5px 0; font-size: 0.75em; font-weight: 300; color: #666; font-style: italic; }

.grand-total-container { margin-top: 50px; }
.grand-total-container .info { border: 1px solid #ddd; border-width: 1px 1px 0; padding: 12px; }
.grand-total-container .info p { display: inline-block; margin: 0; }
.grand-total-container .info .title { font-family: Merriweather, times, serif; font-size: 1em; color: #333A46; }
.grand-total-container .info .title .note { font-family: Lato, arial, sans-serif; font-size: 11px; font-weight: 300; color: #666; margin-left: 2px; }
.grand-total-container .info .grand-total { float: right; font-weight: bold; color: #333A46; font-size: 1.125em; }
.grand-total-container .pay-form { background: #3F4E5C; padding: 12px; }
.grand-total-container .submit .btn { text-align: center; width: 100%; }
.grand-total-container .submit li.continue { margin-bottom: 10px; }
.grand-total-container .submit li.continue .btn { font-size: .875em; }
.grand-total-container .submit .btn-checkout { padding: 15px 25px 14px; }


/* !11.0 Messages */
/* .message-wrap { display: block !important; opacity: 1 !important; } */
.message-wrap { display: block; text-shadow: none; }
.message-wrap .message { margin: 0; padding: 10px; background: #333; border: 1px solid #fff; color: #fff; font-weight: 400; font-size: .875em; line-height: 150%; }
.message-wrap .arrow { display: block; width: 100%; height: 14px; margin-top: -1px; background: url(/img/skin/message-arrow.png) no-repeat 50%; }

#discount-message .message-wrap { left: -20px !important; }
#discount-message .message-wrap .arrow { background-position: 15px 0; }


.project-listing { text-align: center; font-size: 0; }
.project-listing .project { display: block; width: 100%; margin: 0 0 10px 0; text-align: left; font-size: 16px; }
.project-listing .project .image-wrap { position: relative; width: 100%; height: 200px; overflow: hidden;}
.project-listing .project .image-wrap img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.project-listing .project .title { font-weight: normal; font-family: Merriweather, serif; font-size: 1em; margin-top: 10px; margin-bottom: 12px; }
.project-listing .project .title a { text-decoration: none; color: inherit; }
.project-listing .project .title a:hover { text-decoration: underline; }


.project-images .image {  height: 300px; position: relative; }
.project-images .image .image-wrapper { position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }
.project-images .image .image-wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }


/* Wider Screens */
@media screen and ( min-width: 450px ) {
	#slideshow { height: 235px; }
    .paging .pages { font-size: 1em; font-family: 'Open Sans'; }
}
@media screen and ( min-width: 580px ) {
	#slideshow { height: 300px; }
	#slideshow .slide .slide-text .title { font-size: 1.375em; }
    #slideshow .slide .slide-text ul { font-size: 1em; }

    .paging .nav a span { display: inline-block; }
    .paging .first { margin-right: 10px; }
    .paging .nav-back a::before { padding-right: 4px; }
    .paging .last { margin-left: 10px; }
    .paging .nav-forward a::after { padding-left: 4px; }


    .bottom-pods .pod .thumbnail { vertical-align: top; margin: 10px 20px 0 0; }
    .bottom-pods .pod-2 .thumbnail { margin-top: 15px; }
    .bottom-pods .pod .contents { display: inline-block; width: calc(100% - 90px); text-align: left; }
    .bottom-pods .pod .title { text-align: left; }

}
@media screen and ( min-width: 710px ) {
	#slideshow { height: 340px; }
}