/*
 Theme Name:   Seabin
 Theme URI:    https://knd.com.au/
 Description:  Seabin Theme
 Author:       KND Digital
 Author URI:   https://knd.com.au/
 Version:      1.0.0
 Text Domain:  seabin
*/

* {margin:0; padding:0;}
html, body {height: 100%;}
body {font-family: Metropolis; font-weight: 400; font-size:18px; line-height:26px; color:#282828; background:#ffffff;}
.clear {display:block; clear:both; height:0;}
a img {border:none;}
a {outline:none;}

header, nav, section, article, aside, footer {display:block;}

.loaded *, .loaded {-moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
input[type="submit"] {-webkit-appearance: none;}
a i {-moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important;}


/***** Fonts *****/
@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaPTLight.eot');
    src: url('fonts/FuturaPTLight.eot') format('embedded-opentype'),
         url('fonts/FuturaPTLight.woff2') format('woff2'),
         url('fonts/FuturaPTLight.woff') format('woff'),
         url('fonts/FuturaPTLight.ttf') format('truetype'),
         url('fonts/FuturaPTLight.svg#FuturaPTLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaPTBook.eot');
    src: url('fonts/FuturaPTBook.eot') format('embedded-opentype'),
         url('fonts/FuturaPTBook.woff2') format('woff2'),
         url('fonts/FuturaPTBook.woff') format('woff'),
         url('fonts/FuturaPTBook.ttf') format('truetype'),
         url('fonts/FuturaPTBook.svg#FuturaPTBook') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaPTMedium.eot');
    src: url('fonts/FuturaPTMedium.eot') format('embedded-opentype'),
         url('fonts/FuturaPTMedium.woff2') format('woff2'),
         url('fonts/FuturaPTMedium.woff') format('woff'),
         url('fonts/FuturaPTMedium.ttf') format('truetype'),
         url('fonts/FuturaPTMedium.svg#FuturaPTMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaPTDemi.eot');
    src: url('fonts/FuturaPTDemi.eot') format('embedded-opentype'),
         url('fonts/FuturaPTDemi.woff2') format('woff2'),
         url('fonts/FuturaPTDemi.woff') format('woff'),
         url('fonts/FuturaPTDemi.ttf') format('truetype'),
         url('fonts/FuturaPTDemi.svg#FuturaPTDemi') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaPTBold.eot');
    src: url('fonts/FuturaPTBold.eot') format('embedded-opentype'),
         url('fonts/FuturaPTBold.woff2') format('woff2'),
         url('fonts/FuturaPTBold.woff') format('woff'),
         url('fonts/FuturaPTBold.ttf') format('truetype'),
         url('fonts/FuturaPTBold.svg#FuturaPTBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaPTHeavy.eot');
    src: url('fonts/FuturaPTHeavy.eot') format('embedded-opentype'),
         url('fonts/FuturaPTHeavy.woff2') format('woff2'),
         url('fonts/FuturaPTHeavy.woff') format('woff'),
         url('fonts/FuturaPTHeavy.ttf') format('truetype'),
         url('fonts/FuturaPTHeavy.svg#FuturaPTHeavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/MetropolisRegular.eot');
    src: url('fonts/MetropolisRegular.eot') format('embedded-opentype'),
         url('fonts/MetropolisRegular.woff2') format('woff2'),
         url('fonts/MetropolisRegular.woff') format('woff'),
         url('fonts/MetropolisRegular.ttf') format('truetype'),
         url('fonts/MetropolisRegular.svg#MetropolisRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/MetropolisMedium.eot');
    src: url('fonts/MetropolisMedium.eot') format('embedded-opentype'),
         url('fonts/MetropolisMedium.woff2') format('woff2'),
         url('fonts/MetropolisMedium.woff') format('woff'),
         url('fonts/MetropolisMedium.ttf') format('truetype'),
         url('fonts/MetropolisMedium.svg#MetropolisMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Metropolis';
    src: url('fonts/MetropolisBold.eot');
    src: url('fonts/MetropolisBold.eot') format('embedded-opentype'),
         url('fonts/MetropolisBold.woff2') format('woff2'),
         url('fonts/MetropolisBold.woff') format('woff'),
         url('fonts/MetropolisBold.ttf') format('truetype'),
         url('fonts/MetropolisBold.svg#MetropolisBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/MetropolisExtraBold.eot');
    src: url('fonts/MetropolisExtraBold.eot') format('embedded-opentype'),
         url('fonts/MetropolisExtraBold.woff2') format('woff2'),
         url('fonts/MetropolisExtraBold.woff') format('woff'),
         url('fonts/MetropolisExtraBold.ttf') format('truetype'),
         url('fonts/MetropolisExtraBold.svg#MetropolisExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}




/***** Header *****/
#header-container {position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; -moz-transition: box-shadow 0.2s ease; -webkit-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease;}
#header {max-width: 1680px; margin: 0 auto; position: relative; padding-top: 6px; padding-bottom: 6px; -moz-transition: padding 0.2s ease; -webkit-transition: padding 0.2s ease; -o-transition: padding 0.2s ease; transition: padding 0.2s ease;}

#header .header-buttons {position: absolute; right: 0; top: 50%; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin-top: -23px;}
#header .shop-button {display: inline-block; text-decoration: none; background-color: #3579B9; height: 46px; line-height: 46px; text-align: center; border-radius: 23px; text-transform: uppercase; font-family: Futura; font-weight: 700; color: #121312; padding: 0 15px 0 23px; font-size: 19px;}
#header .shop-button i {display: inline-block; font-weight: normal; margin-left: 4px;}
#header .shop-button:hover {background-color: #121312; color: #ffffff;}

#header .shop-button .count {display: inline-block; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important;}
#header .shop-button.buy {padding: 0 23px;}
#header .shop-button.buy.active {background-color: #121312; color: #ffffff;}

#header .shop-button-wrap {position: relative; display: inline-block;}
#header .shop-button-wrap ul {list-style: none; position: absolute; left: 0; top: 46px; padding-top: 6px; white-space: nowrap; visibility: hidden; opacity: 0; -moz-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease;}
#header .shop-button-wrap ul.visible {opacity: 1; visibility: visible;}
#header .shop-button-wrap ul li {display: block; margin-bottom: 6px;}
#header .shop-button-wrap ul li a {display: inline-block; text-decoration: none; background-color: #3579B9; height: 46px; line-height: 46px; text-align: center; border-radius: 23px; text-transform: uppercase; font-family: Futura; font-weight: 700; color: #121312; padding: 0 15px 0 23px; font-size: 19px;}
#header .shop-button-wrap ul li a:hover {background-color: #121312; color: #ffffff;}

#header a.contact-icon {display: inline-block; text-decoration: none; background-color: #3579B9; height: 46px; line-height: 46px; text-align: center; border-radius: 23px; text-transform: uppercase; font-family: Futura; font-weight: 700; color: #121312; padding: 0 15px; font-size: 19px;}
#header a.contact-icon:hover {background-color: #121312; color: #ffffff;}

body.page-template-template-order-now #header .shop-button-wrap ul li:nth-child(1) a {background-color: #121312; color: #ffffff;}
body.woocommerce-page #header .shop-button-wrap ul li:nth-child(2) a {background-color: #121312; color: #ffffff;}
body.page-id-428 #header .shop-button-wrap ul li:nth-child(3) a {background-color: #121312; color: #ffffff;}




/***** Logo *****/
/* #logo {display: block; max-width: 161px; margin: 0 auto -72px auto;} */
#logo {display: block; max-width: 90px; margin: 0 0 0 53px;}
#logo img {display: block; max-width: 100%; height: auto;}




/***** Header Scrolled *****/
#header-container.scrolled {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
#header-container.scrolled #logo {max-width: 70px;}
#header-container.scrolled #header {padding: 3px 0;}
/* #header-container.scrolled #menu-button {top:27px;}
#header-container.scrolled .header-buttons {top:17px;} */




/***** Menu Button *****/
/* #menu-button {position: absolute; left: 0; top: 46px; text-decoration: none; text-transform: uppercase; display: inline-block; font-family: Futura; font-weight: bold; font-size: 19px; color: #001a39; height: 28px; line-height: 28px; padding: 0 0 0 28px;}
#menu-button:hover {color: #3579B9;}

#menu-button span.lines {width:28px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; position:absolute; left:0; top:0; z-index:150; display:block; height:28px;}
#menu-button span.lines span {display:block; position: absolute; height: 1px; width: 100%; background: #3579B9; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; border-radius:0; }


#menu-button span.lines span:nth-child(1) {top:0; width: 19px; left: 0%; transform-origin: left top; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#menu-button span.lines span:nth-child(2) {bottom:0; width: 19px; left: 0%; transform-origin: left bottom; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

#menu-button.active span.lines span:nth-child(1) {width: 28px; top: 3px;}
#menu-button.active span.lines span:nth-child(2) {width: 28px; bottom: 4px;} */



/***** Mobile Menu *****/
#menu-button {position: absolute; left: 0; top: 50%; text-decoration: none; text-transform: uppercase; display: inline-block; font-family: Futura; font-weight: bold; font-size: 19px; color: #001a39; height: 18px; line-height: 18px; padding: 0 0 0 0; margin-top: -9px;}
#menu-button span.lines {width:28px; height:18px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; position:relative; z-index:150; display:inline-block; vertical-align:middle;}
#menu-button span.lines span {display:block; position: absolute; height: 4px; width: 100%; background: #3579B9; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; border-radius: 1px;}
#menu-button span.lines span:nth-child(1) {top: 0px;}
#menu-button span.lines span:nth-child(2),#menu-button span:nth-child(3) {top:7px;}
#menu-button span.lines span:nth-child(4) {top:14px;}
#menu-button.active span.lines span:nth-child(1) {top:7px; width: 0%; left: 50%;}
#menu-button.active span.lines span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#menu-button.active span.lines span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#menu-button.active span.lines span:nth-child(4) {top:7px; width: 0%; left: 50%;}
#menu-button.active span.lines span {background-color:#001a39;}




/***** Menu *****/
#nav {position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: #f1f6f9; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none;}
#menu {list-style: none; max-width: 1680px; margin: 0 auto; padding: 119px 0 50px 0; text-transform: uppercase;}
#menu:after {content:''; display:table; clear:both;}

#menu > li {display: block; float: left; width: 15.775%; margin-right: 1.07%;}
#menu > li:last-of-type {margin-right: 0;}
#menu > li > a.image {display: block; overflow: hidden;}
#menu > li > a.image > img {display: block; max-width: none; width: 100%; height: auto; display: block; margin-bottom: 28px; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both;}
#menu > li > a.image:before {display: none;}
#menu > li > a.image:hover img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
#menu > li > a {text-decoration: none; font-size: 18px; line-height: 24px; color: #202721; font-weight: bold; font-family: Futura;}
#menu > li > a:before {content:">"; display: inline-block; margin-right: 5px;}
#menu > li > a:hover, #menu > li.current-menu-ancestor > a, #menu > li.current-menu-parent > a, #menu > li.current-menu-item > a {color:#3579B9;}

#menu > li > ul {list-style: none; padding-top: 23px;} 
#menu > li > ul > li {display: block; padding-bottom: 14px;}
#menu > li > ul > li > a {text-decoration: none; font-size: 16px; line-height: 22px; color: #202721; font-weight: 600; font-family: Futura;}
#menu > li > ul > li > a:before {content:">"; display: inline-block; margin-right: 6px;}
#menu > li > ul > li > a:hover, #menu > li > ul > li.current-menu-parent > a, #menu > li > ul > li.current-menu-item > a {color:#3579B9;}

#menu > li > ul > li ul {list-style: none; padding: 1px 0 0 30px;} 
#menu > li > ul > li ul > li {display: block; text-decoration: none; padding-bottom: 2px;}
#menu > li > ul > li ul > li:last-child {padding-bottom: 0;}
#menu > li > ul > li ul > li > a {text-decoration: none; font-size: 16px; line-height: 22px; color: #202721; font-weight: 600; font-family: Futura;}
#menu > li > ul > li ul > li > a:hover, #menu > li > ul > li ul > li.current-menu-item > a {color:#3579B9;}




/***** Slider *****/
#slider-container {overflow: hidden; position: relative;}
#slider .slides li {background-size: cover !important; position: relative;}
#slider .slides li img {display: none; max-width: none; width: 100%; height: auto;}
#slider .slides li .slide-content {text-align: center; text-transform: uppercase; font-size: 52px; line-height: 49px; font-weight: 400; font-family: Futura; color: #ffffff; letter-spacing: 10px; opacity: 0; max-width:1180px; margin:0 auto;}
#slider .slides li .slide-content strong {font-weight: 600; letter-spacing: 11px;}
#slider .slides li .discover {position: absolute; left: 50%; bottom: 85px; width: 200px; height: 46px; line-height: 46px; display: block; text-align: center; border-radius: 23px; color: #121312; font-weight: bold; font-family: Futura; font-size: 20px; text-transform: uppercase; text-decoration: none; background-color: #F4B241; margin-left: -100px; letter-spacing: 2px;}
#slider .slides li .discover:hover {background-color: #3579B9;}


#slider-nav {position: absolute; left: 140px; top: 50%; z-index: 10; max-width: 212px; width: 100%;}
#slider-nav span {display: block;}
#slider-nav span.line {height: 2px; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -1px; z-index: 1; background-color: #fff; opacity: 0.46;}
#slider-nav span.number {height: 43px; width: 43px; line-height: 43px; text-align: center; position: relative; z-index: 5; font-weight: bold; font-size: 21px; font-family: Futura; color: #3579B9; background-color: #fff; border-radius: 50%; margin-left: 37px;}


#slider-cta {position: absolute; right: -100%; top: 0; max-width: 324px; width: 100%; height: 100%; z-index: 10; overflow: hidden;}
#slider-cta a {display: block; height: 100%; width: 100%; background-color: #3579B9; text-decoration: none; text-transform: uppercase; color: #ffffff;}
#slider-cta a span.wrap {position: absolute; left: 0; bottom: -324px; height: 324px;  transform: rotate(-90deg); transform-origin: left top;}
#slider-cta a span.text {display: block; font-size: 31px; line-height: 34px; font-weight: bold; font-family: Futura; position: absolute; top: 50%; transform:translate(0,-50%); padding-left: 80px;}
#slider-cta a span.arrow {display: block; width: 23px; height: 42px; margin: 20px auto 0 auto; background: transparent url(images/slider-cta-arrow.png) no-repeat left top; background-size: 23px auto; transform: rotate(90deg); transform-origin: center center;}
#slider-cta a:hover {color: #0b0d0e; opacity:0.8;}
#slider-cta a span {-moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important;}




/***** Quiz *****/
#quiz {margin: 0 auto;}
#quiz h2 {font-size: 52px; line-height: 52px; font-weight: 400; font-family: Futura; letter-spacing: 11px; padding: 0 0 48px 0;}
#quiz p {font-size: 52px; line-height: 48px; font-weight: 900; font-family: Futura; letter-spacing: 5px; max-width: 880px; margin: 0 auto;}
#quiz a {font-size: 32px; line-height: 38px; font-weight: 900; font-family: Futura; letter-spacing: 2px; text-decoration:none; color: #ffffff; display: inline-block; margin: 0 20px;}
#quiz a:before {content: ""; display: inline-block; width: 38px; height: 38px; border-radius: 50%; background-color: #F4B241; vertical-align: top; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin-right: 11px;}
#quiz a:hover:before, #quiz a.active:before {background-color: #3579B9;}
#quiz a.disabled:hover {cursor: default;}
#quiz a.disabled:hover:before {background-color: #F4B241;}
#quiz a.disabled.active:before {background-color: #3579B9 !important;}

#quiz .quiz-step .quiz-step-result {padding-top: 40px;}
#quiz .quiz-step .quiz-step-result p {font-size: 26px; line-height: 32px; max-width: none; letter-spacing: 2px;}
#quiz .quiz-step .quiz-step-result a.next {display: inline-block; border-radius: 23px; color: #121312; font-weight: bold; font-family: Futura; font-size: 20px; text-transform: uppercase; text-decoration: none; background-color: #F4B241; letter-spacing: 2px; padding: 5px 20px; width: auto; line-height: 26px; height: auto; margin:0 0 0 15px;}
#quiz .quiz-step .quiz-step-result a.next:before {display: none !important;}
#quiz .quiz-step .quiz-step-result a.next:hover {background-color: #3579B9;}

#quiz .quiz-results {max-width: 750px; margin: 0 auto;}
#quiz .quiz-results small {font-size: 32px; line-height: 38px; letter-spacing: 2px; display: block; padding-top: 30px;}
#quiz .quiz-results .incorrect-message {display: none;}

#quiz .quiz-step {display: none; opacity: 0;}
#quiz .answers {padding-top: 47px;}
#quiz .quiz-step.active {display: block;}
#quiz .quiz-step .quiz-step-result {display: none; opacity: 0;}
#quiz .quiz-step .quiz-step-result p {display: none;}
#quiz .quiz-results {display: none;}




/***** Image CTA *****/
.image-cta-container {position: relative; margin-top: 58px;}
.image-cta-container img {display: block; max-width: none; width: 100%; height: auto; max-height: 716px; object-fit: cover;}
.image-cta {display: block; width: 50%; background: rgba(255,255,255,0.89); position: absolute; left: 0; top: 0; height: 100%;}
.image-cta .inner {padding: 0 18px; max-width: 705px; margin: 0 auto;}
.image-cta h2 {color: #3579B9; font-weight: 900; font-family: Futura; font-size: 68px; line-height: 70px; text-transform: uppercase; letter-spacing: 7px;}
.image-cta a.scrollDown {margin: 78px 0 0 63px;}
a.scrollDown {display: inline-block; width: 41px; height: 22px; background: transparent url(images/scroll-down-arrow.png) no-repeat left top; background-size: 41px auto; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; position: relative;}
a.scrollDown:hover {-webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused;}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px);}
}




/***** Latest News *****/
#latest-news-container {padding: 0 18px;}
#latest-news {max-width: 1884px; margin: 0 auto;}
#latest-news h1 {color: #282828; font-family: Futura; font-weight: 700; font-size: 60px; line-height: 49px; letter-spacing: 6px; text-transform: uppercase; position: relative; margin-bottom: 88px; padding: 25px 0 0 0;}
#latest-news h1.mobile-title {display: none;}
#latest-news h1:before {content:""; position: absolute; left: 0; bottom: 4px; left: -241px; width: 180px; height: 14px; background-color: #3579B9;}
#latest-news h2 {font-size: 26px; line-height: 25px; font-family: Futura; font-weight: 900; text-transform: uppercase;}
#latest-news h2 a {color: #282828; text-decoration: none;}
#latest-news h2 a:hover {color: #3579B9;}
#latest-news a.read-more {text-decoration: underline; color: #0089be; position: relative; display: inline-block;}
#latest-news a.read-more:after {content:" >"; position: absolute; right: -16px; top: -4;}
#latest-news a.read-more:hover {text-decoration: none; color: #1a1a1a;}
#latest-news .post-date {display: block; font-size: 22px; line-height: 28px; font-family: Futura; font-weight: 900; text-transform: uppercase;}
#latest-news .post-excerpt {max-width: 395px;}

#latest-news .post-thumb a {display: block; overflow: hidden; background-color: #000000; position: relative;}
#latest-news .post-thumb a img {display: block; max-width: none; width: 100%; height: auto; margin: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both;}
#latest-news .post-thumb a:hover img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); opacity: 0.8;}
#latest-news .post-thumb a:after {content:''; display: block; position: absolute; left: 50%; top: 50%; z-index: 10; width: 50px; height: 50px; background: transparent url(images/link-icon.png) no-repeat center center; background-size: 50px auto; margin: -25px 0 0 -25px; opacity: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both; -webkit-transform:scale(0.65); -moz-transform:scale(0.65); -ms-transform:scale(0.65); -o-transform:scale(0.65); transform:scale(0.65);}
#latest-news .post-thumb a:hover:after {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


/* Featured Post */
#latest-news .featured-post {padding: 58px 0;}
#latest-news .featured-post h2 {font-size: 49px; line-height: 45px; padding: 0 0 23px 0;}
#latest-news .featured-post h2 a {color: #3579B9;}
#latest-news .featured-post h2 a:hover {color: #282828;}
#latest-news .featured-post .post-excerpt {padding: 49px 0 37px 0;}
#latest-news .featured-post .post-thumb {float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#latest-news .featured-post .post-content {float: right; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 10; padding: 0 0 25px 155px;}


/* Post */
#latest-news .posts {max-width: 1670px; margin: 0 auto; padding: 26px 0 26px 0;}
#latest-news .posts .post {float: left; margin-right: 1.44%; width: 23.92%; margin-bottom: 50px;}
#latest-news .posts .post:nth-child(4n) {margin-right: 0;}
#latest-news .posts .post .post-content {padding: 51px 0 0 0;}
#latest-news .posts .post .post-excerpt {padding: 52px 0 37px 0;}




/***** Locations *****/
#locations-container {padding: 0 0 48px 0;}
#locations-content {padding: 60px 18px 100px 18px; max-width: 1670px; margin: 0 auto;}
#locations-content h2 {font-weight: bold; font-family: Futura; font-size: 60px; line-height: 49px; letter-spacing: 7px; text-transform: uppercase; max-width: 700px;}
#locations-map img {display: block; max-width: none; width: 100%; height: auto; max-height: 873px; object-fit: cover;}




/***** Full Image *****/
.full-image-container {padding: 0 0 39px 0;}
.full-image img {display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}




/***** Social News *****/
.social-news-container {background-color: #eaf0f5; padding: 0 18px;}
.social-news {max-width: 1670px; margin:0 auto; padding: 120px 0 5px 0;}

.social-news h2.title {font-weight: bold; font-family: Futura; font-size: 60px; line-height: 49px; letter-spacing: 7px; text-transform: uppercase; max-width: 750px; float: left;}
.social-news .social-icon {float: right; font-size: 60px; color: #005c8f; text-decoration: none; margin-top: 3px;}
.social-news .social-icon:hover {color: #282828 !important;}

.social-news .posts {padding-top: 88px;}
.social-news .posts .post {float: left; margin-right: 1.44%; width: 23.92%; padding-bottom: 30px; margin-bottom: 50px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.social-news .posts .post:nth-child(4n) {margin-right: 0;}
.social-news .posts .post .post-header {padding: 0 15px;}
.social-news .posts .post .post-content {padding: 28px 15px 28px 15px; word-break: break-word;} 

.social-news .posts .post h2 {font-size: 33px; line-height: 35px; font-weight: 400; font-family: Futura; padding: 40px 0 31px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.social-news .posts .post h2 a {color: #282828; text-decoration: none;}
.social-news .posts .post h2 a:hover {color: #3579B9;}
.social-news .posts .post a.read-more {text-decoration: underline; color: #0089be; position: relative; display: inline-block; margin: 0 0 0 15px;}
.social-news .posts .post a.read-more:after {content:" >"; position: absolute; right: -16px; top: -4;}
.social-news .posts .post a.read-more:hover {text-decoration: none; color: #1a1a1a;}

.social-news .posts .post .post-header p {padding: 24px 0; font-family: Futura; font-weight: bold; font-size: 26px; line-height: 32px; color: #01050d; text-transform: uppercase; letter-spacing: 3px;}

.social-news .posts .post .post-thumb a {display: block; overflow: hidden; background-color: #000000; position: relative;}
.social-news .posts .post .post-thumb a img {display: block; max-width: none; width: 100%; height: 300px; object-fit:cover; margin: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both;}
.social-news .posts .post .post-thumb a:hover img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); opacity: 0.8;}
.social-news .posts .post .post-thumb a:after {content:''; display: block; position: absolute; left: 50%; top: 50%; z-index: 10; width: 50px; height: 50px; background: transparent url(images/link-icon.png) no-repeat center center; background-size: 50px auto; margin: -25px 0 0 -25px; opacity: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both; -webkit-transform:scale(0.65); -moz-transform:scale(0.65); -ms-transform:scale(0.65); -o-transform:scale(0.65); transform:scale(0.65);}
.social-news .posts .post .post-thumb a:hover:after {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


/* Social News Instagram */
.social-news-container.instagram {background-color: #fffdf2;}
.social-news-container.instagram .social-news {padding-bottom: 19px;}
.social-news-container.instagram .social-news .posts .post {padding: 0; margin-bottom: 30px;}
.social-news-container.instagram .social-news .social-icon {color: #d200a8;}
 




/***** Seabin Foundation CTA *****/
.seabin-foundation-cta-container {padding: 0 18px; background-size: cover !important; text-align: center; text-transform: uppercase; font-size: 42px; line-height: 50px; font-family: Futura; font-weight: 600px; color: #ffffff; letter-spacing: 10px;}
.seabin-foundation-cta {padding: 68px 0 94px 0;}
.seabin-foundation-cta img {display: block; max-width: 100%; height: auto; margin: 0 auto 35px auto;}
.seabin-foundation-cta h1 {font-size: 137px; line-height: 115px; font-weight: 700;}
.seabin-foundation-cta h2 {font-size: 72px; line-height: 72px; font-weight: 700; padding-bottom: 67px;}
.seabin-foundation-cta h3 {font-size: 44px; line-height: 54px; font-weight: 700;}
.seabin-foundation-cta p {padding: 11px 0 10px 0;}

.seabin-foundation-cta .discover {max-width: 200px; height: 46px; line-height: 46px; display: block; text-align: center; border-radius: 23px; color: #121312; font-weight: bold; font-family: Futura; font-size: 20px; text-transform: uppercase; text-decoration: none; background-color: #F4B241; letter-spacing: 2px; margin: 109px auto 0 auto;}
.seabin-foundation-cta .discover:hover {background-color: #3579B9;}


.seabin-foundation-cta.v2 {font-size: 26px; line-height: 33px; font-weight: 600; letter-spacing: 6px; padding: 236px 0 140px 0;}
.seabin-foundation-cta.v2 h1 {font-size: 118px; line-height: 120px; padding: 0 0 85px 0; font-weight: 700; letter-spacing: 0;}
.seabin-foundation-cta.v2 h2 {font-weight: 500; font-size: 57px; line-height: 48px; padding: 0; font-weight: 600; letter-spacing: 12px;}
.seabin-foundation-cta.v2 h3 {font-weight: 500; font-size: 42px; line-height: 34px; padding: 0; font-weight: 600; letter-spacing: 9px;}
.seabin-foundation-cta.v2 p {padding: 0;}





/***** Footer *****/
#footer-container {background-color: #01050d; padding: 0 18px;}
#footer {max-width: 1342px; margin: 0 auto; padding: 57px 0 62px 0; color: #fff;}




/***** Footer Ticker *****/
#footer-ticker {float: left;}
#footer-ticker .dot {display: inline-block; width: 168px; height: 168px; border-radius: 50%; text-align: center; background-color: #3579B9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 500; font-size: 18px; line-height: 18px; color: #01050d; vertical-align: top; position: relative;}
#footer-ticker .dot .inner {max-width: 74%; margin: 0 auto;}
#footer-ticker .dot .number {color: #ffffff; font-size: 37px; line-height: 37px; font-weight: 400; padding-top: 15px;}
#footer-ticker .dot small {font-size: 18px; line-height: 13px; color: #ffffff; font-weight: 400; display: block;}

#footer-ticker .dot.dot-1 {margin-top: 67px;}

#footer-ticker .dot.dot-2 {margin: 204px -28px 0 -39px;}
#footer-ticker .dot.dot-2 .number {padding-top: 8px;}

#footer-ticker .dot.dot-3 {background-color: #F4B241; width: 288px; height: 288px; font-size: 18px; line-height: 22px;}
#footer-ticker .dot.dot-3 .inner {max-width: 90%;}
#footer-ticker .dot.dot-3 .number {font-size: 50px; line-height: 50px; font-weight: bold; color: #282828; padding-top: 16px;}
#footer-ticker .dot.dot-3 small {font-size: 26px; line-height: 26px; font-weight: 500; color: #282828;}
#footer-ticker .dot.dot-3 p {max-width: 74%; margin: 0 auto;}




/***** Footer Items *****/
#footer-items {float: right; max-width: 550px; width: 100%;}


/* Social Icons */
#footer .social-icons {font-size: 0; line-height: 0; text-align: justify; padding: 80px 0 62px 0;}
#footer .social-icons a {display: inline-block; text-decoration: none; color: #3579B9; font-size: 60px; line-height: 60px;}
#footer .social-icons a:hover {color: #fff;}
#footer .social-icons:after {content:""; display: inline-block; width: 100%; clear: both;}


/* Footer Menu */
#footer .footer-nav {padding: 0 0 87px 0;}
#footer .footer-menu {list-style: none;}
#footer .footer-menu li {display: inline-block; margin-right: 26px;}
#footer .footer-menu li a {text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 400; font-size: 21px; line-height: 28px;}
#footer .footer-menu li a:hover {color: #3579B9;}


/* Copyright */
#footer .copyright {float: left;}


/* Credits */
#footer .credits {float: right; text-decoration: none; color: #9c9c9c;}
#footer .credits:hover {color: #ffffff;}



/***** Page Banner *****/
#page-banner-container {position: relative;}
#page-banner {text-align: center; color: #ffffff; text-transform: uppercase;}
#page-banner img {display: block; max-width: none; width: 100%; height: auto; max-height: 450px; object-fit: cover; min-height: 450px;}
#page-banner .inner {padding: 0 18px; position: absolute; left: 0; top: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10;}
#page-banner h1 {font-size: 77px; line-height: 70px; font-weight: 600; font-family: Futura; letter-spacing: 18px;}
#page-banner h1 strong {font-weight: 300;}
#page-banner h2 {font-size: 52px; line-height: 70px; font-weight: 400; font-family: Futura; letter-spacing: 15px;}
#page-banner h3 {font-size: 52px; line-height: 50px; font-weight: 600; font-family: Futura; letter-spacing: 13px;}
#page-banner h4 {font-size: 52px; line-height: 50px; font-weight: 400; font-family: Futura; letter-spacing: 12px;}

#page-banner .large-text h1 {font-size: 137px; line-height: 100px; letter-spacing: 0; font-weight: bold;}
#page-banner .large-text h2 {font-size: 72px; line-height: 82px; letter-spacing: 0; font-weight: bold;}
#page-banner .large-text h3 {font-size: 44px; line-height: 48px; letter-spacing: 12px; font-weight: bold;}

#page-banner .button {height: 46px; line-height: 46px; display: block; text-align: center; border-radius: 23px; color: #121312; font-weight: bold; font-family: Futura; font-size: 20px; text-transform: uppercase; text-decoration: none; background-color: #F4B241; letter-spacing: 2px; padding: 0 35px; display: inline-block; position: relative; top: 30px;}
#page-banner .button:hover {background-color: #3579B9;}



/***** Case Studies Map *****/
#case-studies-map-nav {padding: 0 18px; text-align: center;}
#case-studies-map-menu {list-style: none; padding: 26px 0 16px 0;}
#case-studies-map-menu li {display: inline-block; padding: 0 5px;}
#case-studies-map-menu li a {display: inline-block; text-decoration: none; color: #121312; font-size: 19px; line-height: 28px; font-family: Futura; font-weight: bold; letter-spacing: 2px; border-radius: 14px; padding: 0 15px; text-transform: uppercase;}
#case-studies-map-menu li a:hover, #case-studies-map-menu li a.active {background-color: #F4B241;}


#case-studies-map img {display: block; max-width: none; width: 100%; height: auto; max-height: 620px; object-fit: cover;}




/***** Case Studies List *****/
#case-studies-list-container {padding: 0 18px;}
#case-studies-list {max-width: 1670px; margin: 0 auto; padding: 89px 0 60px 0;}
#case-studies-list .case-study {float: left; width: 30.2%; margin:0 4.7% 70px 0; border: 1px solid #9c9c9c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 63px 0;}
#case-studies-list .case-study:nth-child(3n) {margin-right: 0;}
#case-studies-list .case-study:nth-child(3n+1) {clear: left;}


#case-studies-list .case-study .case-study-thumb {display: block; overflow: hidden; position: relative; background-color: #000000;}
#case-studies-list .case-study .case-study-thumb img {display: block; max-width: none; width: 100%; height: auto; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both;}
#case-studies-list .case-study .case-study-thumb:hover img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); opacity: 0.8;}
#case-studies-list .case-study .case-study-thumb:after {content:''; display: block; position: absolute; left: 50%; top: 50%; z-index: 10; width: 50px; height: 50px; background: transparent url(images/link-icon.png) no-repeat center center; background-size: 50px auto; margin: -25px 0 0 -25px; opacity: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both; -webkit-transform:scale(0.65); -moz-transform:scale(0.65); -ms-transform:scale(0.65); -o-transform:scale(0.65); transform:scale(0.65);}
#case-studies-list .case-study .case-study-thumb:hover:after {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


#case-studies-list .case-study .case-study-inner {padding: 0 35px;}

#case-studies-list .case-study .case-study-title {max-width: 350px; padding: 77px 0 57px 0;}
#case-studies-list .case-study h2 {text-transform: uppercase; font-size: 24px; line-height: 26px; color: #282828; font-weight: 700; letter-spacing: 3px;}
#case-studies-list .case-study h2 a {text-decoration: none; color: #282828;}
#case-studies-list .case-study h2 a:hover {color: #3579B9;}

#case-studies-list .case-study .case-study-excerpt {padding: 0 0 32px 0;}

#case-studies-list .case-study .read-more {text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; background-color: #F4B241; color: #121312; font-family: Futura; font-weight: bold; padding: 0 27px;}
#case-studies-list .case-study .read-more:hover {background-color: #3579B9;}




/***** Single Case Study *****/
#case-study-container {padding: 0 18px;}
#case-study {max-width: 1670px; margin: 0 auto; padding: 60px 0 114px 0;}
#case-study .page-content {position: relative; padding: 0;}
#case-study .content {margin-right: 404px; padding: 0 !important; max-width: none !important;}
#case-study .content img {display: block; max-width: 100%; height: auto; margin: 0 0 65px 0;}
#case-study .sidebar {position: absolute; right: 0; top: 0; width: 350px;}
#case-study .top {position: relative; padding-right: 404px;}
#case-study .next-button {position: absolute; right: 0; top: 47px; text-decoration: none; text-transform: uppercase; font-weight: 900; font-size: 26px; line-height: 25px; color: #ababab; letter-spacing: 4px; background: transparent url(images/next-button-arrow.png) no-repeat right center; background-size:22px auto; padding: 8px 48px 8px 0;}
#case-study .next-button:hover {color: #3579B9;}
#case-study .page-content p {padding-bottom: 37px;}
#case-study .page-content h2 {padding: 24px 0 53px 0;}



/***** Widgets *****/
.page-content .counter-widget {border-top: 1px solid #c4c4c4; padding: 37px 38px;}
.page-content .counter-widget:first-of-type {border:none; padding-top: 0;}
.page-content .counter-widget h3 {font-family: Futura; font-weight: bold; text-transform: uppercase; color: #3579B9; font-size: 24px; line-height: 26px; padding: 0 0 10px 0; margin: 0;}
.page-content .counter-widget p {padding: 0 !important; font-size: 60px; line-height: 60px; color: #000000; font-weight: 900;}


.page-content .map-widget {padding: 35px 0;}
.page-content .map-widget iframe {width: 100%; height: 350px;}
.page-content .map-widget .button {display: block; text-align: center; margin-top: 55px;}




/***** Page Content *****/
.page-content h1 {text-transform: uppercase; font-size: 60px; line-height: 49px; font-weight: 700; font-family: Futura; letter-spacing: 6px; padding: 34px 0 55px 0;}
.page-content h2 {text-transform: uppercase; font-size: 26px; line-height: 30px; font-weight: 900; font-family: Futura; letter-spacing: 0; padding: 24px 0 22px 0;}
.page-content h3 {text-transform: uppercase; font-size: 24px; line-height: 28px; font-weight: 900; font-family: Futura; letter-spacing: 0; padding: 19px 0 17px 0;}
.page-content h4 {text-transform: uppercase; font-size: 22px; line-height: 26px; font-weight: 900; font-family: Futura; letter-spacing: 0; padding: 19px 0 17px 0;}
.page-content h5 {text-transform: uppercase; font-size: 20px; line-height: 24px; font-weight: 900; font-family: Futura; letter-spacing: 0; padding: 14px 0 12px 0;}
.page-content h6 {text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 900; font-family: Futura; letter-spacing: 0; padding: 14px 0 12px 0;}

.page-content p {padding: 0 0 19px 0;}

.page-content a {font-weight: 500; text-decoration: none; color: #3579B9;}
.page-content a:hover {color: #282828;}

.page-content a.button {text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; background-color: #F4B241; color: #121312; font-family: Futura; font-weight: bold; padding: 0 27px; margin-top: 20px; font-size: 19px;}
.page-content a.button:hover {background-color: #3579B9;}
.page-content a.button i {display: inline-block; margin-right: 10px;}

.woocommerce-notices-wrapper a.button {text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; background-color: #F4B241; color: #121312; font-family: Futura; font-weight: bold; padding: 0 27px; margin:0 15px 0 0; font-size: 19px;}
.woocommerce-notices-wrapper a.button:hover {background-color: #3579B9;}
.woocommerce-notices-wrapper a.button i {display: inline-block; margin-right: 10px;}



.page-content img {max-width: 100%; height: auto;}

.page-content .image-text .image {float: left; width: 40%; margin-right: 10.7%; margin-bottom: 83px;}
.page-content .image-text .image img {display: block; max-width: none; width: 100%; height: auto;}
.page-content .image-text .image .thumb {position: relative; display: block; background-color: #000000;}
.page-content .image-text .image .thumb span {position: absolute; left: 50%; top: 50%; height: 56px; line-height: 56px; border-radius: 28px; text-align: center; text-transform: uppercase; color: #fff; font-size: 24px; letter-spacing: 2px; background-color: #3579B9; display:block; max-width: 247px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform:translate(-50%,-50%);}
.page-content .image-text .image .thumb:hover img {opacity: 0.85;}
.page-content .image-text .image .thumb:hover span {background-color: #F4B241;}
.page-content .image-text .text {float: left; width: 49.3%; max-width:610px;}
.page-content .image-text .text h2 {padding-top: 0;}

.page-content .column {float:left; width:47.5%; margin-right: 5%;}
.page-content .column.small {max-width: 610px;}
.page-content .column.last {float:right; margin-right: 0 !important;}

.page-content .one-third {width: 30%; margin-right: 5%;}
.page-content .two-third {width: 65%;}

body.page-template-default .column {padding: 20px 0 0 0;}

.page-content ul { padding: 0 0 19px 22px;}
.page-content ul li {padding: 10px 0;}

.page-content ol {padding: 0 0 19px 22px;}
.page-content ol li {padding: 10px 0;}

.page-content hr {display: block; margin: 15px 0 40px 0; border:none; height: 1px; width: 100%; background-color: #959595;}

.page-content ul.awards {padding: 61px 0 0 0; margin: 0; list-style: none; font-weight: normal; text-transform: uppercase; font-size: 23px; line-height: 29px;}
.page-content ul.awards li {padding: 0 0 0 96px; margin: 0; font-weight: normal; position: relative; min-height: 60px; margin-bottom: 40px;}
.page-content ul.awards li:before {content:"\f091"; color: #b09a00; font-size: 60px; font-weight: 400; position: absolute; left: 0; top: 50%; font-family:"Font Awesome\ 5 Pro"; transform: translate(0,-50%);}
.page-content ul.awards li p {display: block; padding: 0;}


.page-content .statistics {padding: 84px 0 0 0;}
.page-content .statistics .items {text-align: center; padding: 16px 0 0 0;}
.page-content .statistics .items .item {display: block; float: left; width: 25%; padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 23px; line-height: 29px; font-weight: bold; text-transform: uppercase; margin-bottom: 50px;}
.page-content .statistics .items .item i {display: block; color: #3579B9; font-size: 120px; line-height: 120px; margin-bottom: 38px;}
.page-content .statistics .items .item p {padding: 0; max-width: 300px; margin: 0 auto;}


.container {padding: 0 18px;}
.content {max-width: 1670px; margin: 0 auto; padding: 39px 0 80px 0;}




/***** Page Menu *****/
#page-nav {padding: 0 18px;}
#page-menu {list-style: none; max-width: 1670px; margin: 0 auto; padding: 53px 0 53px 0;}
#page-menu li {display: inline-block;}
#page-menu li a {display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: Futura; font-size: 19px; line-height: 46px; border-radius: 23px; letter-spacing: 1px; color: #121312; padding: 0 22px;}
#page-menu li a:hover, #page-menu li.current-menu-item a {background-color: #F4B241;}




/***** News *****/
#news-container {padding: 0 18px;}
#news {max-width: 1670px; margin: 0 auto; padding: 54px 0 60px 0;}
#news h1 {font-size: 60px; line-height: 60px; font-family: Futura; font-weight: bold; text-transform: uppercase; letter-spacing: 7px; padding: 0 0 98px 0;}
#news .post {float: left; width: 30.2%; margin:0 4.7% 79px 0; border: 1px solid #9c9c9c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 63px 0; min-height: 1px;}
#news .post:nth-child(3n) {margin-right: 0;}
#news .post:nth-child(3n+1) {clear: left;}
#news .post .post-inner {padding: 0 35px; position: relative;}

#news .post .post-thumb {display: block; overflow: hidden; position: relative; background-color: #000000;}
#news .post .post-thumb img {display: block; max-width: none; width: 100%; height: auto; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both;}
#news .post .post-thumb:hover img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); opacity: 0.8;}
#news .post .post-thumb:after {content:''; display: block; position: absolute; left: 50%; top: 50%; z-index: 10; width: 50px; height: 50px; background: transparent url(images/link-icon.png) no-repeat center center; background-size: 50px auto; margin: -25px 0 0 -25px; opacity: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both; -webkit-transform:scale(0.65); -moz-transform:scale(0.65); -ms-transform:scale(0.65); -o-transform:scale(0.65); transform:scale(0.65);}
#news .post .post-thumb:hover:after {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

#news .post .post-title {padding: 51px 0 40px 0;}
#news .post h2 {text-transform: uppercase; font-size: 32px; line-height: 30px; color: #282828; font-weight: 700; letter-spacing: 2px;}
#news .post h2 a {text-decoration: none; color: #282828;}
#news .post h2 a:hover {color: #3579B9;}

#news .post .post-date {text-transform: uppercase; font-weight: bold; color: #3579B9; letter-spacing: 1px; padding-top: 23px; display: block;}

#news .post .post-category {display: block; width: 63px; height: 63px; line-height: 66px; font-size: 34px; border-radius: 50%; background-color: #3579B9; color: #ffffff; text-align: center; position: absolute; left: 35px; top: -32px;}
#news .post .post-category:hover {background-color: #F4B241;}

#news .post .post-excerpt {padding: 0 0 52px 0;}

#news .post .read-more {text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; background-color: #F4B241; color: #121312; font-family: Futura; font-weight: bold; padding: 0 27px;}
#news .post .read-more:hover {background-color: #3579B9;}


/* News Sidebar */
#page-wrapper .news-sidebar {float: right; width: 30.2%; margin:-153px 0 0 0; font-size: 23px; line-height: 26px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 0 35px 0 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


#page-wrapper .news-sidebar .categories-widget {padding: 0 0 97px 0;}
#page-wrapper .news-sidebar .categories-widget p {padding: 0 0 18px 0;}
#page-wrapper .news-sidebar .categories-widget a {text-decoration: none; color: #282828; font-weight: 700;}
#page-wrapper .news-sidebar .categories-widget a i {display: inline-block; font-size: 17px; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; background-color: #3579B9; color: #fff;}
#page-wrapper .news-sidebar .categories-widget a:hover {color: #3579B9;}
#page-wrapper .news-sidebar .categories-widget ul {list-style: none; padding: 0; margin: 0; font-weight: 700;}
#page-wrapper .news-sidebar .categories-widget ul li {padding: 15px 0 16px 0;}


#page-wrapper .news-sidebar .social-widget {text-align: justify; font-size: 0; line-height: 0; max-width:392px;}
#page-wrapper .news-sidebar .social-widget p {padding: 0 0 41px 0; font-size: 23px; line-height: 26px;}
#page-wrapper .news-sidebar .social-widget a {text-decoration: none; color: #3579B9; font-size: 45px; display: inline-block;}
#page-wrapper .news-sidebar .social-widget a i {display: inline-block;}
#page-wrapper .news-sidebar .social-widget a:hover {color: #282828;}
#page-wrapper .news-sidebar .social-widget:after {content:""; display: inline-block; width: 100%; height: 0;}


#case-study.single-post .page-content .content {margin-right: 34.91%;}
#case-study.single-post .page-content .news-sidebar {margin-top: 0;}



/***** Quote Banner *****/
.quote-banner-container {background-size: cover !important; position: relative; padding-bottom: 62px;}
.quote-banner-container img {display: block; max-width: none; width: 100%; height: auto; max-height: 716px; object-fit: cover;}
.quote-banner {color: #fff; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; padding: 167px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.quote-banner h2 {text-transform: uppercase; font-weight: 900; font-family: Futura; font-size: 68px; line-height: 70px; letter-spacing: 7px; max-width: 1670px; margin: 0 auto;}




/***** Our Team *****/
/* Team Intro */
.content.page-content .team-intro .text {float: left; width: 36.46%; margin-right: 3%;}
.content.page-content .team-intro .image {float: left; width: 30.36%; margin-right: 4.8%;}
.content.page-content .team-intro .image img {display: block; max-width: none; width: 100%; height: auto; margin: 0; border-radius: 50%;}
.content.page-content .team-intro .info {float: left; width: 25.38%; padding: 147px 0 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content.page-content .team-intro .info img {display: block; max-width: 100%; height: auto; margin: 0 0 48px -16px;}
.content.page-content .team-intro .info p {padding: 0;}
.content.page-content .team-intro .info h3 {padding: 0; margin: 0; text-transform: none; font-size: 24px; line-height: 26px; font-weight: bold; font-family: Metropolis;}


/* Team List */
.content.page-content .team-list-container {padding-top: 70px;}
.content.page-content .team-list-container h2 {font-family: Futura; font-weight: bold; font-size: 60px; line-height: 60px; padding: 0; margin: 0; letter-spacing: 7px;}
.content.page-content .team-list {padding-top: 27px;}
.content.page-content .team-list .member {float: left; width: 30.06%; margin-right: 4.91%; margin-top: 74px; border: 1px solid #9c9c9c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden;}
.content.page-content .team-list .member:nth-child(3n) {margin-right: 0;}
.content.page-content .team-list .member .padding {padding: 84px 35px 63px 35px;}
.content.page-content .team-list .member .back {display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: #F4B241;}

.content.page-content .team-list .member .member-thumb img {display: block; max-width: none; width: 100%; height: auto; margin: 0;}

.content.page-content .team-list .member .member-info {margin-bottom: 30px;}
.content.page-content .team-list .member .member-info h3 {padding: 0; margin: 0; text-transform: uppercase; font-size: 24px; line-height: 26px; font-weight: bold; font-family: Metropolis; letter-spacing: 2px;}
.content.page-content .team-list .member .member-info p {padding: 0;}

.content.page-content .team-list .read-more {display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 19px; line-height: 46px; height: 46px; border-radius: 23px; background-color: #F4B241; color: #121312; font-weight: bold; font-family: Futura; padding: 0 26px; letter-spacing: 3px; margin: 40px 0 0 0;}
.content.page-content .team-list .read-more:hover {background-color: #3579B9;}


.content.page-content .team-list .member .back .close {position: absolute; right: 29px; top: 36px; width: 50px; height: 50px; border-radius: 50%; background: #fff url(images/close-icon.png) no-repeat center center; background-size: 24px auto;}
.content.page-content .team-list .member .back .close:hover {background-color: #3579B9;}
.content.page-content .team-list .member .back .padding {padding: 106px 35px 63px 35px;}
.content.page-content .team-list .member .back .scroll-pane {outline: none !important; width:100%; padding-right: 15px;}
.content.page-content .team-list .member .back .scroll-pane .jspVerticalBar {background-color: transparent; width: 8px; border-radius: 4px; overflow: hidden;}
.content.page-content .team-list .member .back .scroll-pane .jspVerticalBar .jspTrack {background: rgba(255,255,255,0.5) !important;}
.content.page-content .team-list .member .back .scroll-pane .jspVerticalBar .jspDrag {background: #fff !important; border-radius: 4px;}




/***** Pillars *****/
.content.page-content .pillars .pillar {margin-bottom: 31px;}
.content.page-content .pillars .pillar .thumb {float: left; width: 49.16%;}
.content.page-content .pillars .pillar .description {float: left; width: 49.16%; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px 0 181px;}
.content.page-content .pillars .pillar .thumb img {display: block; margin: 0; max-width: none; width: 100%; height: auto;}
.content.page-content .pillars .pillar h2 {font-size: 36px; line-height: 33px; letter-spacing: 5px; font-weight: 700; position: relative; padding: 0; margin-top: 15px; margin-bottom: 51px;}
.content.page-content .pillars .pillar i {position: absolute; left: -142px; top: 50%; margin-top: -47px; width: 94px; height: 94px; line-height: 94px; text-align: center; border-radius: 50%; background-color: #3579B9; color: #ffffff; font-size: 50px;}

.content.page-content .pillars .pillar:nth-of-type(even) .thumb {float: right;}
.content.page-content .pillars .pillar:nth-of-type(even) .description {float: left;}




/***** Specifications *****/
.content.page-content .specifications .col {float: left; padding-top: 30px;}
.content.page-content .specifications .col.col-1 {width: 20%; margin-right: 5%;}
.content.page-content .specifications .col.col-2 {width: 30%; margin-right: 9%;}
.content.page-content .specifications .col.col-3 {width: 36%;}




/***** Request More Information Form *****/
.request-form-container {padding: 0 18px;}
.request-form {max-width: 1670px; margin: 0 auto; text-align: center; padding: 74px 0 100px 0;}
.request-form h3 {text-transform: uppercase; font-weight: 400; font-family: Futura; font-size: 45px; line-height: 50px; color: #121312; letter-spacing: 9px;}

.gform_wrapper {padding: 78px 0 40px 0; margin: 0; max-width: 940px; width: 100%; margin: 0 auto; position: relative; left: -60px;}
.gform_wrapper ul {list-style: none; padding: 0 !important; margin: 0 !important; font-family: Futura !important; font-weight: 400 !important;}
.gform_wrapper ul li {list-style: none; padding: 0 0 80px 224px !important; margin: 0 !important; display: block; position: relative;}
.gform_wrapper ul > li:last-of-type {padding-bottom: 0 !important;}
.gform_wrapper ul li.gform_validation_container {display: none !important;}
.gform_wrapper label {display: block; text-transform: uppercase; font-family: Futura; font-weight: 400; color: #121312; letter-spacing: 2px; font-size: 20px; line-height: 20px; position: absolute; left: 0; top: 2px; text-align: right; width: 200px;}
.gform_wrapper .gfield_required {display: none;}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="password"] {width: 100%; font-family: Futura; font-weight: 400; color: #121312; letter-spacing: 0; font-size: 20px; line-height: 20px; height: 20px; border: none; border-bottom: 1px solid #3579B9; outline: none; padding: 0 0 0 4px; margin: 0; border-radius: 0px; box-shadow: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 0.2s ease; -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease;}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="password"]:focus {border-color: #F4B241;}

.gform_wrapper .gform_footer {text-align: left; padding: 0 0 0 224px; margin: -14px 0 0 0;}
#gform_wrapper_5 .gform_footer {margin: 2em 0 0 0;}
.gform_wrapper input[type="submit"] {width: auto; font-family: Futura; font-weight: 700; color: #121312; letter-spacing: 2px; font-size: 19px; line-height: 46px; height: 46px; border: none; outline: none; padding: 0 45px; margin: 0; border-radius: 23px; box-shadow: none; background-color: #F4B241; text-transform: uppercase; display: inline-block; margin: 0;}
.gform_wrapper input[type="submit"]:hover {cursor: pointer; background-color: #3579B9;}

.gform_wrapper .validation_error {font-weight: 500; letter-spacing: 0; font-family: Futura; color: #ff0000; font-size: 24px; line-height: 30px; padding: 0 0 40px 0;}
.gform_wrapper .validation_message {font-weight: 400; letter-spacing: 0; font-family: Futura; color: #ff0000; font-size: 20px; line-height: 20px; margin: 0 0 -20px 0;}


.request-form-container-pricing-page .gform_wrapper {padding: 0; left:0;}


/***** Order Now Form *****/
#order-now-container {padding: 0 18px;}
#order-now {max-width: 1670px; margin: 0 auto; padding-bottom: 40px;}

#order-now .text {width: 31.55%; margin-right: 5.88%;}
#order-now .text h1 {text-transform: uppercase; font-weight: bold; font-family: Futura; font-size: 60px; line-height: 60px; letter-spacing: 7px; padding: 0 0 88px 0;}
#order-now .text p {padding-bottom: 20px;}
#order-now .text a {text-decoration: underline; color: #282828;}
#gform_wrapper_2 {left: auto;}
#gform_wrapper_2 {float: left; width: 62.57%; text-align:left;}
.page-template-template-pricing #gform_wrapper_2 {float: none; margin: 0 auto;}
#gform_wrapper_2 .gf_progressbar_title {display: none;}
#gform_wrapper_2 .gf_progressbar {height: 13px; border-radius: 7px; background-color: #3579B9; margin-bottom: 83px; max-width: 625px;}
#gform_wrapper_2 .gf_progressbar_percentage {background-color: #F4B241; height: 13px; border-radius: 7px; text-align: center; position: relative; padding-left: 2px; left: -1px;}
#gform_wrapper_2 .gf_progressbar_percentage span {line-height: 15px; font-size: 10px; position: absolute; left: 0; top: 0; width: 100%; display: none;}
#gform_wrapper_2 {padding: 42px 0;}
#gform_wrapper_2 ul li {padding: 0 0 80px 326px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Metropolis; font-weight: 400 !important; letter-spacing: 0;}
#gform_wrapper_2 label {width: 300px; text-align: left;}

#gform_wrapper_2 ul li.full-width {padding-bottom: 19px !important;}
#gform_wrapper_2 ul li.gfield_html_formatted {padding-bottom: 19px !important;}
#gform_wrapper_2 ul li.full-width label {position: relative; left: auto; top: auto; width: 100%; padding-bottom: 10px; text-transform: none; font-size: 18px !important; line-height: 26px !important; font-weight: 400 !important; font-family: Metropolis !important; letter-spacing: 0 !important;}
#gform_wrapper_2 ul li.full-width-radio ul li {padding: 0 !important; display: inline-block !important; width: auto !important;}
#gform_wrapper_2 ul li.full-width-radio ul li input {display: none !important;}
#gform_wrapper_2 ul li.full-width-radio ul li label {min-width: 70px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: none; font-size: 18px; line-height: 35px !important; font-family: Metropolis; font-weight: 400; height: 33px !important; border-radius: 17px; text-align: center; cursor: pointer; background-color: #eaeaea; margin: 0 0 0 0 !important; color: #121312 !important;}

#gform_wrapper_2 ul li.full-width-radio ul li input[type="radio"]:checked+label {background-color: #F4B241 !important;}
#gform_wrapper_2 ul li.full-width-radio ul li input[type="checkbox"]:checked+label {background-color: #F4B241 !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.images {padding-bottom: 20px !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.images img {border: 1px solid #3579B9; border-radius: 10px; margin-right: 10px;}

#gform_wrapper_2 select {width: 100%; font-family: Futura; font-weight: 400; color: #121312; letter-spacing: 0; font-size: 20px; line-height: 25px; height: 25px; border: none; border-bottom: 1px solid #3579B9; outline: none; padding: 0 !important; margin: 0 0 10px 0; border-radius: 0px; box-shadow: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 0.2s ease; -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease;}

#gform_wrapper_2 .gform_page_footer {padding: 58px 0 0 326px;}
#gform_wrapper_2 input.gform_next_button, #gform_wrapper_2 input.gform_previous_button {width: 160px; font-family: Futura; font-weight: 700; color: #121312; letter-spacing: 2px; font-size: 19px; line-height: 46px; height: 46px; border: none; outline: none; padding: 0; margin: 0; border-radius: 23px; box-shadow: none; background-color: #F4B241; text-transform: uppercase; display: inline-block; margin: 0; -webkit-appearance: none;}
#gform_wrapper_2 input.gform_next_button:hover, #gform_wrapper_2 input.gform_previous_button:hover {cursor: pointer; background-color: #3579B9;}
#gform_wrapper_2 input.gform_previous_button {margin-right: 10px;}

#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li {padding-left: 0 !important; padding-bottom: 50px !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li ul.gfield_radio li {padding-bottom: 10px !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li ul.gfield_checkbox li {padding-bottom: 10px !important;}
#gform_wrapper_2 .gform_body > div li ul.gfield_radio li {margin-right: 10px !important;}
#gform_wrapper_2 .gform_body > div li ul.gfield_checkbox li {margin-right: 10px !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) .gform_page_footer {padding-left: 0 !important; text-align: center !important;}
#gform_wrapper_2 .gfield_description {font-style: italic; font-size: 14px; line-height: 22px;}
#gform_wrapper_2 h3 {text-transform: uppercase; font-size: 26px; line-height: 30px; font-weight: 900; font-family: Futura; letter-spacing: 0; padding: 0 0 22px 0;}

#gform_wrapper_2 .gform_body > div li.fl {float: left !important; width: 47.5% !important; margin-right: 5% !important;}
#gform_wrapper_2 .gform_body > div li.fl.last {margin-right: 0 !important;}

#gform_wrapper_2 li.full-width .validation_message {margin:0 !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.full-width.gfield_error label {color: #ff0000 !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.full-width.gfield_error ul.gfield_radio li label {color: #121312 !important;}
#gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.full-width.gfield_error ul.gfield_checkbox li label {color: #121312 !important;}
#gform_wrapper_2 .gform_body > div#gform_page_2_5 li.full-width.gfield_error label.gfield_label {color: #121312 !important;}

#gform_wrapper_2 .gform_body > div#gform_page_2_5 label.gfield_label {text-transform: uppercase; font-size: 26px !important; line-height: 30px !important; font-weight: 900 !important; font-family: Futura !important; letter-spacing: 0 !important; padding: 0 0 22px 0 !important;}
#gform_wrapper_2 .gform_body > div li.full-width-radio .gfield_checkbox label {background-color: transparent !important; padding: 0 0 0 30px !important; text-align: left !important; width: auto !important; height: auto !important; line-height: 26px !important; position: relative !important; min-width: 1px !important; margin-right: 25px !important;} 
#gform_wrapper_2 .gform_body > div li.full-width-radio .gfield_checkbox label:before {content:''; display: inline-block; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #F4B241;}

#gform_wrapper_2 .gform_body > div#gform_page_2_5 li.full-width-radio label.gfield_label {margin-right: 0 !important; display: none !important;}
#gform_wrapper_2 .gform_body > div#gform_page_2_5 li.full-width-radio:first-of-type label.gfield_label {display: block !important;}
#gform_wrapper_2 .gform_body > div#gform_page_2_5 li.full-width-radio {padding-bottom: 0 !important;}
#gform_wrapper_2 .gform_body > div#gform_page_2_5 .validation_message {margin-bottom: 25px !important; margin-top: -10px !important;}

#gform_wrapper_2 .gform_body > div li.full-width-radio .gfield_checkbox input[type="checkbox"]:checked+label {background-color: transparent !important;}
#gform_wrapper_2 .gform_body > div .gfield_checkbox input[type="checkbox"]:checked+label:before {background: #F4B241 url(images/checkmark.png) no-repeat center center; background-size: 10px auto;}



/***** Store *****/
#primary {padding: 0 18px;}
#main {max-width: 1670px; margin: 0 auto; padding: 60px 0 30px 0;}
#main:after {content:''; display:table; clear:both;}
#main h1 {text-transform: uppercase; font-family: Futura; font-weight: bold; font-size: 60px; line-height: 64px; letter-spacing: 7px;}

#main .woocommerce-notices-wrapper {text-align: center; padding-bottom: 0; margin-top: -15px;}
#main .woocommerce-notices-wrapper > * {padding-bottom: 40px;}

#main ul.products {list-style: none; padding: 40px 0 0 0; margin: 0;}
#main ul.products:after {content:''; display:table; clear:both;}
#main ul.products li {padding: 0 0 35px 0; margin: 0; float: left; width: 30.06%; margin-right: 4.91%; margin-bottom: 50px; border: 1px solid #9d9d9d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main ul.products li:nth-child(3n) {margin-right: 0;}
#main ul.products li:nth-child(3n+1) {clear: left;}
#main ul.products li a {text-decoration: none; color: #282828; font-size: 24px; line-height: 26px; text-transform: uppercase;}
#main ul.products li a h2 {font-family: Metropolis; font-weight: bold; font-size: 24px; line-height: 26px; text-transform: uppercase; padding: 35px 35px 15px 35px; letter-spacing: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main ul.products li a h2:hover {color: #3579B9;}
#main ul.products li a span.price {display: block; padding: 0 35px;}
#main ul.products li a span.woocommerce-Price-amount {display: inline-block; font-size: 20px; line-height: 26px; font-weight: bold; font-family: Futura;}

#main ul.products li .button {display: inline-block; font-size: 20px; line-height: 26px; font-weight: bold; font-family: Futura; padding: 0 25px; height:46px; line-height: 46px; border-radius: 23px; background-color: #F4B241; margin: 25px 15px 0 35px; clear: both; border: none;}
#main ul.products li .button:hover {background-color: #3579B9;}

#main ul.products li .added_to_cart {display: inline-block; font-size: 20px; line-height: 26px; font-weight: bold; font-family: Futura; padding: 0 25px; height:46px; line-height: 46px; border-radius: 23px; background-color: #F4B241; margin: 25px 0 0 0; clear: both; border: none;}
#main ul.products li .added_to_cart:hover {background-color: #3579B9;}


#main ul.products li a .thumbnail {display: block; position: relative; overflow: hidden; background-color: #000000;}
#main ul.products li a .thumbnail img {display: block; max-width: none; width: 100%; height: auto; margin: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both;}
#main ul.products li a:hover .thumbnail img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); opacity: 0.8;}
#main ul.products li a .thumbnail:after {content:''; display: block; position: absolute; left: 50%; top: 50%; z-index: 10; width: 50px; height: 50px; background: transparent url(images/link-icon.png) no-repeat center center; background-size: 50px auto; margin: -25px 0 0 -25px; opacity: 0; animation-duration: 0.5s; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-fill-mode: both; -webkit-transform:scale(0.65); -moz-transform:scale(0.65); -ms-transform:scale(0.65); -o-transform:scale(0.65); transform:scale(0.65);}
#main ul.products li a:hover .thumbnail:after {opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}




/***** Store Single *****/
#main .woocommerce-product-gallery {float: right; width: 48.62%; margin-right: 10.2%;}
#main .woocommerce-product-gallery img {display: block; max-width: none; width: 100%; height: auto; margin: 0;}
#main .woocommerce-product-gallery .thumbnails a img {max-width: 100px;}

#main .summary {float: left; width: 41.18%;}
.single-product #main .product {padding-bottom: 40px; padding-top: 20px;}
.single-product #main .product:after {content:''; display:table; clear:both;}
.single-product .wc-pao-addon-custom-amount {display: none;}

#product-addons-total  {display: none;}
.postid-431 .quantity {display: none !important;}

#main .summary h1 {line-height: 48px; padding: 0 0 58px 0;}
#main .summary .price {display: block; padding-bottom: 42px; font-family: Futura; font-weight: bold; color: #3579B9; font-size: 60px; line-height: 48px;}

#main .summary ul {padding: 0 0 20px 20px;}
#main .summary ul li {padding: 2px 0;}

#main .summary ol {padding: 0 0 20px 20px;}
#main .summary ol li {padding: 2px 0;}


#main .summary a {font-weight: 500; text-decoration: none; color: #3579B9;}
#main .summary a:hover {color: #282828;}

#main .summary .variations {margin-bottom: 20px;}
#main .summary .variations .label {display: inline-block; font-family: Futura; font-weight: bold; font-size: 22px; line-height: 28px; color: #121312; text-transform: uppercase; letter-spacing: 2px; padding: 8px 0 0 0; width:140px; margin: 0; vertical-align: top;}
#main .summary .single_variation_wrap {display: inline-block;}
#main .summary .quantity {font-size: 0;}
#main .summary .quantity:after {content:''; display:table; clear:both;}
#main .summary .quantity label {display: inline-block; font-family: Futura; font-weight: bold; font-size: 22px; line-height: 28px; color: #121312; text-transform: uppercase; letter-spacing: 2px; padding: 8px 0 0 0; width:140px; margin: 0; vertical-align: top;}

#main .summary select {border: 1px solid #959595; background-color: #fff; outline: none; height: 44px; line-height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; font-family: Futura; font-weight: bold; font-size: 16px; line-height: 24px; color: #121312; text-transform: uppercase; padding: 0 15px 0 15px; width: auto; display: inline-block; vertical-align: top; -webkit-appearance: none;}
#main .summary input[type="number"] {border: 1px solid #959595; background-color: #fff; outline: none; height: 44px; line-height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; font-family: Futura; font-weight: bold; font-size: 16px; line-height: 24px; color: #121312; text-transform: uppercase; padding: 0 15px 0 15px; width: 80px; display: inline-block; vertical-align: top; box-shadow: none; -webkit-appearance: none;}

#main .summary .reset_variations {display: none !important;}

#main .summary .button {display: inline-block; font-size: 20px; line-height: 26px; font-weight: bold; font-family: Futura; padding: 0 25px; height:46px; line-height: 46px; border-radius: 23px; background-color: #F4B241; margin: 25px 0 0 0; clear: both; box-shadow: none; border: none; outline: none; text-transform: uppercase; width: 220px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main .summary .button.disabled {background-color: #eaeaea !important; cursor: default !important;}
#main .summary .button:hover {background-color: #3579B9; cursor: pointer;}

#main .summary .product-description {padding-top: 40px;}
#main .summary .product-description p {padding-bottom: 16px;}




/***** Cart *****/
.container .woocommerce .woocommerce-cart-form .shop_table {width: 100%;}
.container .woocommerce .woocommerce-cart-form img {display: block; max-width: 100px; height: auto; margin: 0;}
.container .woocommerce .woocommerce-cart-form td {border-bottom: 1px solid #9d9d9d; padding: 25px 0; text-align: center;}
.container .woocommerce .woocommerce-cart-form td.actions {border-bottom: none;}
.container .woocommerce .woocommerce-cart-form th {border-bottom: 1px solid #9d9d9d; padding: 15px 0; text-align: center; font-family: Futura; font-weight: bold; font-size: 22px; line-height: 28px; color: #121312; text-transform: uppercase; letter-spacing: 2px;}
.container .woocommerce .woocommerce-cart-form .product-name {text-align: left;}
.container .woocommerce .woocommerce-cart-form .product-subtotal {font-weight: bold;}
.container .woocommerce .woocommerce-cart-form td .quantity label {display: none;}
.container .woocommerce .woocommerce-cart-form a {color: #282828;}
.container .woocommerce .woocommerce-cart-form a:hover {color: #3579B9;}
.container .woocommerce .woocommerce-cart-form input[type="number"] {border: 1px solid #959595; background-color: #fff; outline: none; height: 44px; line-height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; font-family: Futura; font-weight: bold; font-size: 16px; line-height: 24px; color: #121312; text-transform: uppercase; padding: 0 15px 0 15px; width: 80px; display: inline-block; vertical-align: top; -webkit-appearance: none;}

.container .woocommerce .woocommerce-cart-form .actions {text-align: right;}
.container .woocommerce .woocommerce-cart-form .actions .button {text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; background-color: #F4B241; color: #121312; font-family: Futura; font-weight: bold; padding: 0 27px; margin-top: 20px; font-size: 19px; border: none; outline: none !important;}
.container .woocommerce .woocommerce-cart-form .actions .button:disabled {background-color: #eaeaea !important;}
.container .woocommerce .woocommerce-cart-form .actions .button:hover {background-color: #3579B9; cursor: pointer;}

.container .woocommerce .cart-collaterals {float: right; text-align: right; min-width: 25%;}
.container .woocommerce .cart-collaterals table {width: 100%;}
.container .woocommerce .cart-collaterals td {text-align: right;}
.container .woocommerce:after {content:''; display:table; clear:both; text-align: right;}

.container .woocommerce .cart-collaterals .select2-container {padding-bottom: 15px;}
.container .woocommerce .cart-collaterals .select2-container .select2-selection--single {padding-left: 6px; font-size: 18px; font-family: Metropolis; font-weight: 400;}
.container .woocommerce .cart-collaterals .shipping-calculator-form input {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 6px; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #aaaaaa; outline: none; margin-bottom: 11px; font-size: 18px; font-family: Metropolis; font-weight: 400; box-shadow: none; -webkit-appearance: none;}
.container .woocommerce .cart-collaterals .shipping-calculator-form .button {margin-top: 0; margin-bottom: 10px;}


.container .woocommerce .cart-collaterals p {padding: 0;}
.container .woocommerce .cart-collaterals table {border-collapse: collapse;}
.container .woocommerce .cart-collaterals th {text-align: left; border-bottom: 1px solid #9d9d9d; padding: 10px 15px;}
.container .woocommerce .cart-collaterals td {text-align: left; border-bottom: 1px solid #9d9d9d; padding: 10px 15px;}
.container .woocommerce .cart-collaterals label {padding: 0; margin: 0; width: auto; display: inline-block;}
.container .woocommerce .cart-collaterals ul {list-style: none; padding: 0; margin: 0;}
.container .woocommerce .cart-collaterals ul li {list-style: none; padding: 0; margin: 0;}
.container .woocommerce .cart-collaterals input {margin-right: 6px;}
.container .woocommerce .cart-collaterals .woocommerce-info {padding: 30px 0 15px 0;}
.container .woocommerce .cart-collaterals button {width: auto; font-family: Futura; font-weight: 700; color: #121312; letter-spacing: 2px; font-size: 19px; line-height: 46px; height: 46px; border: none; outline: none; padding: 0 45px; margin: 30px 0 0 0; border-radius: 23px; box-shadow: none; background-color: #F4B241; text-transform: uppercase; display: inline-block;}
.container .woocommerce .cart-collaterals button:hover {cursor: pointer; background-color: #3579B9;}




/***** Checkout *****/
.container .woocommerce .woocommerce-checkout .col-1 {float: left; width: 47.5%; margin-right: 5%; padding-top: 0;}
.container .woocommerce .woocommerce-checkout .col-1 .woocommerce-billing-fields__field-wrapper {padding-top: 16px;}
.container .woocommerce .woocommerce-checkout .col-2 {float: left; width: 47.5%; padding-top: 10px;}

.container .woocommerce .form-row {float: left; width: 47.5%; margin-right: 5%;}
.container .woocommerce .form-row.form-row-last {margin-right: 0;}
.container .woocommerce .form-row.form-row-wide {width: 100%; clear: both;}
.container .woocommerce .form-row.notes {width: 100%; clear: both;}

.container .woocommerce .checkout input[type="text"],
.container .woocommerce .checkout input[type="tel"],
.container .woocommerce .checkout input[type="email"],
.container .woocommerce .checkout input[type="password"] {width: 100%; font-family: Futura; font-weight: 400; color: #121312; letter-spacing: 0; font-size: 20px; line-height: 20px; height: 20px; border: none; border-bottom: 1px solid #3579B9; outline: none; padding: 0 0 0 0; margin: 0; border-radius: 0px; box-shadow: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 0.2s ease; -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease;}

.container .woocommerce h3#ship-to-different-address {padding-top: 0;}

.container .woocommerce .checkout textarea {width: 100%; min-width: 100%; max-width: 100%; font-family: Futura; font-weight: 400; color: #121312; letter-spacing: 0; font-size: 20px; line-height: 20px; height: 20px; border: none; border-bottom: 1px solid #3579B9; outline: none; padding: 0 0 0 0; margin: 0; border-radius: 0px; box-shadow: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 0.2s ease; -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease; max-height: 20px; min-height: 20px; resize: none;}

.container .woocommerce .checkout input[type="text"]:focus,
.container .woocommerce .checkout input[type="tel"]:focus,
.container .woocommerce .checkout input[type="email"]:focus,
.container .woocommerce .checkout input[type="password"]:focus {border-color: #F4B241;}


.container .woocommerce .checkout .validate-required label {color: #ff0000 !important;}
.container .woocommerce .checkout .validate-required input[type="text"],
.container .woocommerce .checkout .validate-required input[type="tel"],
.container .woocommerce .checkout .validate-required input[type="email"],
.container .woocommerce .checkout .validate-required input[type="password"] {border-color: #ff0000;}

.container .woocommerce .checkout label {display: block; padding: 20px 0 10px 0; font-family: Futura; font-weight: 500; color: #121312; letter-spacing: 0; font-size: 20px; line-height: 25px;}

.container .woocommerce .checkout .select2-selection {width: 100%; font-family: Futura; font-weight: 400; color: #121312; letter-spacing: 0; font-size: 20px; line-height: 25px; height: 25px; border: none; border-bottom: 1px solid #3579B9; outline: none; padding: 0 !important; margin: 0 0 10px 0; border-radius: 0px; box-shadow: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 0.2s ease; -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0 !important; margin-left: 0 !important;}
.select2-dropdown {border: 1px solid #3579B9 !important; top:-10px !important; border-top: none !important;}
.select2-dropdown.select2-dropdown--above {border-top: 1px solid #3579B9 !important; top:0 !important;}

.container .woocommerce .checkout input[type="submit"] {width: auto; font-family: Futura; font-weight: 700; color: #121312; letter-spacing: 2px; font-size: 19px; line-height: 46px; height: 46px; border: none; outline: none; padding: 0 45px; margin: 0; border-radius: 23px; box-shadow: none; background-color: #F4B241; text-transform: uppercase; display: inline-block; margin: 0;}
.container .woocommerce .checkout input[type="submit"]:hover {cursor: pointer; background-color: #3579B9;}


.container .woocommerce h3#order_review_heading {display: block; clear: both; padding-top: 30px;}
.container .woocommerce #order_review p {padding: 0;}
.container .woocommerce #order_review table {border-collapse: collapse;}
.container .woocommerce #order_review th {text-align: left; border-bottom: 1px solid #9d9d9d; padding: 10px 15px;}
.container .woocommerce #order_review td {text-align: left; border-bottom: 1px solid #9d9d9d; padding: 10px 15px;}
.container .woocommerce #order_review label {padding: 0; margin: 0; width: auto; display: inline-block;}
.container .woocommerce #order_review ul {list-style: none; padding: 0; margin: 0;}
.container .woocommerce #order_review ul li {list-style: none; padding: 0; margin: 0;}
.container .woocommerce #order_review input {margin-right: 6px;}
.container .woocommerce #order_review .woocommerce-info {padding: 30px 0 15px 0;}
.container .woocommerce #order_review button {width: auto; font-family: Futura; font-weight: 700; color: #121312; letter-spacing: 2px; font-size: 19px; line-height: 46px; height: 46px; border: none; outline: none; padding: 0 45px; margin: 30px 0 0 0; border-radius: 23px; box-shadow: none; background-color: #F4B241; text-transform: uppercase; display: inline-block;}
.container .woocommerce #order_review button:hover {cursor: pointer; background-color: #3579B9;}

.container .woocommerce #order_review .wc_payment_methods {padding: 20px 0 !important; max-width: 700px;}
.container .woocommerce #order_review .wc_payment_methods li {padding: 10px 0 !important;}
.container .woocommerce #order_review .wc_payment_methods li p {font-weight: 400; font-size: 16px;}
.container .woocommerce #order_review .woocommerce-privacy-policy-text {font-size: 16px; max-width: 700px;}

.container .woocommerce-checkout .woocommerce-error {display: none !important;}




/***** Blue CTA *****/
.blue-cta-container {padding: 0 18px; background-color: #3579B9; color: #fff; font-size: 49px; line-height: 44px; font-weight: bold; font-family: Futura; text-transform: uppercase; letter-spacing: 5px;}
.blue-cta {max-width: 1670px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 111px 0 145px 0;}
.blue-cta .text-wrap {width: 55%; float: left;}
.blue-cta .button-wrap {width: 45%; float: left; max-width: 500px; text-align: center; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.blue-cta .button-wrap a.button {text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; background-color: #F4B241; color: #121312; font-family: Futura; font-weight: bold; padding: 0 27px; font-size: 19px; margin: 37px auto 0 auto;}
.blue-cta .button-wrap a.button:hover {background-color: #ffffff;}




/***** Pricing Page *****/
.pricing-page .page-content .left {float: left; width: 45%; max-width: 37%;}
.pricing-page .page-content .right {float: right; width: 45%; }

.page-content .pricing-table {width: 100%; border-collapse: collapse; text-align: left; font-family: Futura; font-weight: bold; color: #333333; background-color: #F4B241; border-radius: 9px; overflow: hidden; text-transform: uppercase; letter-spacing: 4px; margin: 45px 0 22px 0; max-width: 584px;}
.page-content .pricing-table thead {background-color: #3579B9; color: #fff;}
.page-content .pricing-table th {padding: 41px 25px 31px 65px;}
.page-content .pricing-table td {border-bottom: 2px solid #fff; padding: 14px 25px 14px 65px; letter-spacing: 2px;}
.page-content .pricing-table tr:last-child td {border-bottom: none;}

.pricing-page .page-content .right h2 {font-size: 45px; line-height: 44px; font-weight: bold; font-family: Futura; text-transform: uppercase; letter-spacing:5px; position: relative; padding: 10px 0 27px 140px;}
.pricing-page .page-content .right h2 i {font-size: 97px; color: #3579B9; position: absolute; top: 0; left: 0;}
.pricing-page .page-content .right p {padding: 0 0 10px 0; text-transform: uppercase; font-weight: bold; font-size: 19px; line-height: 22px;}
.pricing-page .page-content .right .button {margin: 28px 0 80px 142px;}
.pricing-page .page-content .right ul {padding: 0; margin: 0; list-style: none; font-weight: 400;} 
.pricing-page .page-content .right ul li {padding: 8px 0; margin: 0;}




/***** Intro Page *****/
.page-content .intro-content .left {float: left; width: 55.93%; margin-right: 7.54%; padding-top: 10px;}
.page-content .intro-content .left img {max-width: none; width: 100%; height: auto; display: block; margin: 0;}
.page-content .intro-content .right {float: left; width: 36.53%;} 




/***** Intro Box 1 *****/
.intro-box-1-container {padding: 0 18px;}
.intro-box-1 {max-width: 1670px; margin: 0 auto; padding: 74px 0 110px 0;}
.intro-box-1 .text {float: left; width: 43.11%; margin-right: 7.43%;}
.intro-box-1 .image {float: left; width: 49.46%; position: relative;}
.intro-box-1 .image:before {content:""; display: block; width: 264px; height: 14px; background-color: #3579B9; top: 156px; left: -129px; position: absolute;}
.intro-box-1 .image img {display: block; max-width: none; width: 100%; height: auto; margin: 0;}
.intro-box-1 h1 {font-size: 60px; line-height: 49px; font-weight: bold; letter-spacing: 6px; text-transform: uppercase; padding: 0 0 78px 0; font-family: Futura;}
.intro-box-1 h2 {font-size: 60px; line-height: 49px; font-weight: bold; letter-spacing: 6px; text-transform: uppercase; padding: 0 0 78px 0; font-family: Futura;}
.intro-box-1 h3 {font-size: 49px; line-height: 45px; font-weight: 900; letter-spacing: 0; text-transform: uppercase; padding: 0 0 90px 0; font-family: Futura; color: #3579B9;}
.intro-box-1 p {padding-bottom: 36px;}



/***** Intro Box 2 *****/
.intro-box-2-container {padding: 63px 0 0 0; position: relative;}
.intro-box-2 {margin: 0 auto; padding: 0; font-size: 50px; line-height: 70px; font-family: Futura; font-weight: 900; text-transform: uppercase; color: #3579B9; position: relative;}
.intro-box-2 .text {float: right; width: 50%; min-height: 716px; background: rgba(255,255,255,0.86); padding: 148px 50px 148px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 1px; position: relative; z-index: 10;}
.intro-box-2 .text .inner {max-width: 780px;}
.intro-box-2 img {display: block; max-width: none; width: 100%; height: auto; margin: 0; max-height: none; height:100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.intro-box-2 p {padding: 0;}



/***** Intro Box 3 *****/
.intro-box-3-container {padding: 54px 0 54px 0; position: relative;}
.intro-box-3 {margin: 0 auto; padding: 0; font-size: 50px; line-height: 70px; font-family: Futura; font-weight: 300; text-transform: uppercase; color: #9d9d9c; position: relative; letter-spacing: 1px;}
.intro-box-3 .text {float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.intro-box-3 .text .inner {max-width: 580px; margin: 0 auto;}
.intro-box-3 .text img {display: block; max-width: 100%; height: auto; margin: 0 0 64px 0;}
.intro-box-3 .image {float: left; width: 50%;}
.intro-box-3 .image img {display: block; max-width: none; width: 100%; height: auto; margin: 0; object-fit: cover;}
.intro-box-3 p {padding: 0;}



/***** Donations Page *****/
body.postid-431 #main .summary {float: none; max-width: 1200px; width: auto !important; margin: 0 auto;}
body.postid-431 #main .summary .price {font-size: 30px; line-height: 32px;}
body.postid-431 #main .woocommerce-product-gallery {float: right; width: 48.62%; margin-right: 10.2%;}
body.postid-431 #main .woocommerce-product-gallery img {display: block; max-width: none; width: 100%; height: auto; margin: 0;} 

body.postid-431 #main .summary .wcsatt-options-product {padding: 16px 0 20px 0; margin: 0;}
body.postid-431 #main .summary .wcsatt-options-product li {padding: 0 10px 0 0 !important; display: inline-block !important; width: auto !important;}
body.postid-431 #main .summary .wcsatt-options-product li input {display: none !important;}
body.postid-431 #main .summary .wcsatt-options-product li label {display: block; min-width: 70px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: none; font-size: 18px; line-height: 35px !important; font-family: Metropolis; font-weight: 400; height: 33px !important; border-radius: 17px; text-align: center; cursor: pointer; background-color: #eaeaea; margin: 0 0 0 0 !important; color: #121312 !important; text-transform: lowercase;}
body.postid-431 #main .summary .wcsatt-options-product li input[type="radio"]:checked+label {background-color: #F4B241 !important;}


.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options {padding: 10px 0 0 0; margin: 0;}
.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li {padding: 0 !important; display: inline-block !important; width: auto !important;}
.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li input {display: none !important;}
.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li label {display: block; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: none; padding: 0; min-width: 1px;}
.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li .no-price span.subscription-details:first-letter, li span.one-time-option-details:first-letter {text-transform: lowercase !important;}
.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li label > span {display: block; font-size: 14px; line-height: 30px !important; font-family: Metropolis; font-weight: 400; height: 30px !important; border-radius: 17px; text-align: center; cursor: pointer; background-color: #eaeaea; margin: 0 0 0 0 !important; color: #121312 !important; padding: 0 10px;}
.container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li input[type="radio"]:checked ~ span {background-color: #F4B241 !important;}


.gm-style-iw a {text-decoration: none; background-color: #F4B241; height: 24px; line-height: 24px; font-weight: bold; color: #121312; border-radius: 12px; padding: 0 8px; display: inline-block; margin: 10px 10px 0 0;}
.gm-style-iw a.zoom-in-on-seabins {margin-right: 0;}
.gm-style-iw a:hover {background-color: #121312; color: #ffffff;}
 


/***** FAQs *****/
.content.page-content .accordions .accordion {border: 1px solid #dddddd; margin-bottom: -1px;}
.content.page-content .accordions .accordion .accordion-title a {display: block; text-decoration: none; font-weight: 500; padding: 14px 45px 13px 15px; color: #282828 !important; cursor: pointer; position: relative;}
.content.page-content .accordions .accordion .accordion-title a:after {content:""; position: absolute; right: 15px; top: 50%; width: 20px; height: 11px; background: url(images/scroll-down-arrow-black.png) no-repeat right center; background-size: 20px auto; margin-top: -5px;}
.content.page-content .accordions .accordion .accordion-title:hover {background-color: #F4B241;}
.content.page-content .accordions .accordion .accordion-title a.open:after {transform: rotate(180deg);}
.content.page-content .accordions .accordion .accordion-content {display: none; border-top: 1px solid #dddddd; padding:25px 15px 10px 15px;}






/***** Media Queries *****/
@media screen and (max-width: 1940px){
    #header .shop-button-wrap ul {left: auto; right: 0; text-align: right;}
}

@media screen and (max-width: 1720px){
    /* Slider */
    #slider-nav {left: 50px;}

    #slider-cta {max-width: 270px;}
    #slider-cta a span.wrap {bottom: -270px; height: 270px;}


    /* Quiz */
    #quiz {max-width: 90%;}


    /* Image CTA */
    .image-cta-container {margin-top: 50px;}
    .image-cta-container img {max-height: 600px;}
    .image-cta h2 {font-size: 60px; line-height: 62px; letter-spacing: 5px;}
    .image-cta a.scrollDown {margin: 50px 0 0 50px;}


    /* Latest News */
    #latest-news h1 {font-size: 54px; line-height: 43px; letter-spacing: 4px; margin-bottom: 50px; padding: 20px 0 0 0;}
    #latest-news h2 {font-size: 24px; line-height: 23px;}

    
    /* Featured Post */
    #latest-news .featured-post {padding: 50px 0 25px 0;}
    #latest-news .featured-post h2 {font-size: 44px; line-height: 40px; padding: 0 0 18px 0;}
    #latest-news .featured-post .post-excerpt {padding: 39px 0 27px 0;}


    /* Post */
    #latest-news .posts {padding: 25px 0 0 0;}
    #latest-news .posts .post {margin-bottom: 50px;}
    #latest-news .posts .post .post-content {padding: 35px 0 0 0;}
    #latest-news .posts .post .post-excerpt {padding: 25px 0 25px 0;}


    /* Locations */
    #locations-container {padding: 0 0 50px 0;}
    #locations-content {padding: 50px 18px 50px 18px;}
    #locations-content h2 {font-size: 54px; line-height: 43px; letter-spacing: 5px;}
    #locations-map img {max-height: 700px;}


    /* Full Image */
    .full-image-container {padding: 0 0 50px 0;}


    /* Social News */
    .social-news {padding: 80px 0 0 0;}
    .social-news h2.title {font-size: 54px; line-height: 43px; letter-spacing: 5px;}
    .social-news .social-icon {font-size: 54px;}
    .social-news .posts {padding-top: 50px;}
    .social-news .posts .post .post-content {padding: 0 15px 25px 15px;}
    .social-news .posts .post h2 {font-size: 30px; line-height: 32px; padding: 25px 0 25px 0;}
    .social-news .posts .post .post-header p {padding: 20px 0; font-size: 24px; line-height: 30px; letter-spacing: 2px;}


    /* Seabin Foundation CTA */
    .seabin-foundation-cta-container {font-size: 38px; line-height: 46px; letter-spacing: 8px;}
    .seabin-foundation-cta {padding: 50px 0 50px 0;}
    .seabin-foundation-cta img {margin: 0 auto 30px auto;}
    .seabin-foundation-cta h1 {font-size: 130px; line-height: 108px;}
    .seabin-foundation-cta h2 {font-size: 62px; line-height: 62px; padding-bottom: 35px;}
    .seabin-foundation-cta h3 {font-size: 40px; line-height: 50px;}
    .seabin-foundation-cta p {padding: 6px 0 5px 0;}
    .seabin-foundation-cta .discover {margin: 35px auto 0 auto;}


    /* Footer */
    #footer {padding: 50px 0 50px 0;}


    /* Social Icons */
    #footer .social-icons {padding: 70px 0 62px 0;}
    #footer .social-icons a {font-size: 54px; line-height: 54px;}


    /* Footer Menu */
    #footer .footer-nav {padding: 0 0 77px 0;}


    /***** Our Team *****/
    .content.page-content .team-list {padding-top: 0;}
    .content.page-content .team-list .member .padding {padding: 50px 25px 45px 25px;}
    .content.page-content .team-list .read-more {margin: 25px 0 0 0;}
    .content.page-content .team-list .member .back .close {top: 20px; right: 20px;}
    .content.page-content .team-list .member .back .padding {padding: 80px 25px 35px 25px;}


    /***** Case Studies List *****/
    #case-studies-list {padding: 80px 0 30px 0;}
    #case-studies-list .case-study {padding-bottom: 45px;}
    #case-studies-list .case-study .case-study-title {padding: 50px 0 30px 0;}
    #case-studies-list .case-study .case-study-excerpt {padding: 0 0 26px 0;}


    /***** Store *****/
    #main h1 {font-size: 52px; line-height: 52px; letter-spacing: 5px;}
    #main ul.products li a h2 {padding: 30px 35px 10px 35px;}
    #main ul.products li .button {margin: 20px 15px 0 35px;}


    /***** Store Single *****/
    #main .summary h1 {font-size: 46px; line-height: 46px; letter-spacing: 4px; padding-bottom: 35px;}
    #main .summary .price {padding-bottom: 35px; font-size: 46px; line-height: 46px;}


    /***** Pricing Page *****/
    .pricing-page .page-content .left {width: 40%; max-width: none;}
    .pricing-page .page-content .right {width: 55%;}


    /***** Blue CTA *****/
    .blue-cta {padding: 90px 0 100px 0;}


    /***** News *****/
    #news {padding: 40px 0 40px 0;}
    #news h1 {font-size: 52px; line-height: 54px; letter-spacing: 5px; padding: 0 0 68px 0;}
    #news .post {padding: 0 0 40px 0;}
    #news .post .post-title {padding: 51px 0 25px 0;}
    #news .post h2 {font-size: 28px; line-height: 28px; letter-spacing: 2px;}
    #news .post .post-date {padding-top: 20px;}
    #news .post .post-excerpt {padding: 0 0 30px 0;}


    /* News Sidebar */
    #page-wrapper .news-sidebar {margin:-100px 0 0 0;}


    /* Single Post */
    body.single-post #case-study.single-post .page-content h1 {font-size: 52px; line-height: 54px; letter-spacing: 5px;}
    body.single-post #case-study.single-post .page-content h2 {padding: 20px 0 40px 0;}
    body.single-post #case-study.single-post .page-content p {padding-bottom: 30px;}
    body.single-post #case-study.single-post .page-content img {margin-bottom: 40px;}

    
    /* Single Post */
    #case-study .page-content h1 {font-size: 52px; line-height: 54px; letter-spacing: 5px;}
    #case-study .page-content h2 {padding: 20px 0 40px 0;}
    #case-study .page-content p {padding-bottom: 30px;}
    #case-study .page-content img {margin-bottom: 40px;}


    /***** Order Now Form *****/
    #gform_wrapper_2 ul li {padding: 0 0 60px 326px !important;}
}


@media screen and (max-width: 1500px){
    /* Slider */
    #slider-nav {left: 18px; max-width: 180px;}

    #slider-cta {max-width: 200px;}
    #slider-cta a span.wrap {bottom: -200px; height: 200px;}


    /* Quiz */
    #quiz h2 {font-size: 46px; line-height: 46px; letter-spacing: 8px; padding: 0 0 35px 0;}
    #quiz p {font-size: 46px; line-height: 42px;}
    #quiz a {font-size: 28px; line-height: 34px; letter-spacing: 1px; margin: 0 14px;}
    #quiz a:before {width: 34px; height: 34px; margin-right: 8px;}
    #quiz .quiz-step .quiz-step-result {padding-top: 40px;}
    #quiz .quiz-step .quiz-step-result p {font-size: 24px; line-height: 30px; letter-spacing: 1px;}
    #quiz .quiz-results small {font-size: 30px; line-height: 36px; letter-spacing: 1px; padding-top: 30px;}
    #quiz .answers {padding-top: 30px;}


    /* Image CTA */
    .image-cta-container img {max-height: 500px;}
    .image-cta h2 {font-size: 54px; line-height: 56px; letter-spacing: 4px;}


    /* Latest News */
    #latest-news h1 {font-size: 54px; line-height: 43px; letter-spacing: 4px; margin-bottom: 40px; padding: 20px 0 0 0;}
    #latest-news h1:before {display: none;}

    
    /* Featured Post */
    #latest-news .featured-post .post-content {padding-left: 25px;}
    #latest-news .featured-post h2 {font-size: 40px; line-height: 36px;}
    #latest-news .featured-post .post-excerpt {padding: 30px 0 24px 0;}


    /* Social News */
    .social-news .posts .post h2 {font-size: 26px; line-height: 28px; padding: 20px 0 15px 0;}


    /* Seabin Foundation CTA */
    .seabin-foundation-cta-container {font-size: 34px; line-height: 42px; letter-spacing: 6px;}
    .seabin-foundation-cta img {margin: 0 auto 30px auto;}
    .seabin-foundation-cta h1 {font-size: 116px; line-height: 94px;}
    .seabin-foundation-cta h2 {font-size: 56px; line-height: 56px; padding-bottom: 30px;}
    .seabin-foundation-cta p {padding: 5px 0 4px 0;}
    .seabin-foundation-cta .discover {margin: 26px auto 0 auto;}


    /***** Menu *****/
    #menu {padding: 80px 0 40px 0;}
    #menu > li > a {font-size: 16px; line-height: 22px;}
    #menu > li > ul {padding-top: 18px;} 
    #menu > li > ul > li > a {font-size: 14px; line-height: 20px;}
    #menu > li > ul > li ul {padding: 1px 0 0 25px;} 
    #menu > li > ul > li ul > li > a {font-size: 14px; line-height: 20px;}


    /***** Page Content *****/
    .content {padding-bottom: 50px;}
    .page-content .image-text .image {width: 47.5%; margin-right: 5%; margin-bottom: 50px;}
    .page-content .image-text .text {width: 47.5%; max-width:none; margin-bottom: 50px;}
    .page-content .image-text .image .thumb span {height: 50px; line-height: 50px; border-radius: 25px; font-size: 20px; letter-spacing: 1px; max-width: 210px;}
    .page-content h1 {font-size: 54px; line-height: 43px; letter-spacing: 5px; padding: 24px 0 40px 0;}
    .content.page-content .pillars .pillar .description {padding-left: 120px;}
    .content.page-content .pillars .pillar h2 {font-size: 32px; line-height: 30px; letter-spacing: 4px; margin-bottom: 40px;}
    .content.page-content .pillars .pillar i {left: -110px; margin-top: -40px; width: 80px; height: 80px; line-height: 80px; font-size: 42px;}



    /***** Page Menu *****/
    #page-menu {padding: 40px 0 40px 0;}
    #page-menu li a {font-size: 17px; line-height: 42px; border-radius: 21px; padding: 0 15px;}


    /***** Quote Banner *****/
    .quote-banner-container {padding-bottom: 50px;}
    .quote-banner-container img {max-height: 600px;}
    .quote-banner {padding: 140px 18px;}
    .quote-banner h2 {font-size: 60px; line-height: 62px; letter-spacing: 5px;}


    /***** Our Team *****/
    .content.page-content .team-list {padding-top: 0;}
    .content.page-content .team-list .member {margin-top: 50px;}
    .content.page-content .team-list .member .padding {padding: 35px 15px 30px 15px;}
    .content.page-content .team-list .read-more {margin: 20px 0 0 0;}
    .content.page-content .team-list .member .back .close {top: 10px; right: 15px;}
    .content.page-content .team-list .member .back .padding {padding: 80px 15px 35px 15px;}


    /***** Case Studies List *****/
    #case-studies-list {padding: 70px 0 40px 0;}
    #case-studies-list .case-study {padding-bottom: 30px;}
    #case-studies-list .case-study .case-study-title {padding: 35px 0 20px 0;}
    #case-studies-list .case-study .case-study-excerpt {padding: 0 0 25px 0;}
    #case-studies-list .case-study .case-study-inner {padding: 0 15px;}


    /***** Store *****/
    #main ul.products li a h2 {padding: 30px 15px 10px 15px;}
    #main ul.products li .button {margin: 20px 15px 0 15px; font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px;}
    #main ul.products li a span.price {padding: 0 15px;}
    #main ul.products li .added_to_cart {font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px; margin-top: 20px;}


    /***** Store Single *****/
    #main .woocommerce-product-gallery {width: 47.5%; margin-right: 5%;}
    #main .summary {width: 47.5%;}


    /***** Specifications *****/
    .content.page-content .specifications .col.col-1 {width: 25%; margin-right: 5%;}
    .content.page-content .specifications .col.col-2 {width: 30%; margin-right: 5%;}
    .content.page-content .specifications .col.col-3 {width: 35%;}


    /***** Request More Information Form *****/
    .request-form h3 {font-size: 40px; line-height: 45px; letter-spacing: 5px;}
    .gform_wrapper {padding: 68px 0 40px 0;}
    .gform_wrapper ul li {padding: 0 0 60px 224px !important;}


    /***** Pricing Page *****/
    
    .pricing-page .page-content .right h2 {font-size: 40px; line-height: 42px; letter-spacing: 4px; padding-bottom: 20px;}


    /***** Blue CTA *****/
    .blue-cta-container {font-size: 44px; line-height: 40px; letter-spacing: 4px;}
    .blue-cta .text-wrap {width: 65%;}
    .blue-cta .button-wrap {width: 35%;}


    /***** News *****/
    #news {padding: 40px 0 40px 0;}
    #news .post .post-inner {padding: 0 15px;}


    /* Single Post */
    body.single-post #case-study.single-post .page-content h1 {font-size: 46px; line-height: 48px; letter-spacing: 4px; padding: 0 0 40px 0;}
    body.single-post #case-study.single-post .page-content h2 {padding: 20px 0 40px 0;}
    body.single-post #case-study.single-post .page-content p {padding-bottom: 30px;}
    body.single-post #case-study.single-post .page-content img {margin-bottom: 40px;}
    body.single-post #case-study.single-post  {padding: 40px 0 70px 0;}


    /* Single Post */
    #case-study .page-content h1 {font-size: 46px; line-height: 48px; letter-spacing: 4px; padding: 0 0 40px 0;}
    #case-study .page-content h2 {padding: 20px 0 40px 0;}
    #case-study .page-content p {padding-bottom: 30px;}
    #case-study .page-content img {margin-bottom: 40px;}
    #case-study  {padding: 40px 0 70px 0;}
    #case-study .next-button {top: 30px; font-size: 24px; line-height: 23px; letter-spacing: 3px; background-size:16px auto; padding: 6px 32px 6px 0;}


    /***** Order Now Form *****/
    #gform_wrapper_2 ul li {padding: 0 0 40px 280px !important;}
    #gform_wrapper_2 label {width: 270px;}
    #gform_wrapper_2 .gform_page_footer {padding: 35px 0 0 280px;}
    #order-now .text h1 {font-size: 52px; line-height: 54px; letter-spacing: 5px;}


    /***** Intro Page *****/
    .page-content .intro-content .left {width: 55%; margin-right: 5%; padding-top: 10px;}
    .page-content .intro-content .right {width: 40%;} 

    .page-content ul.awards {padding: 30px 0 0 0; font-size: 21px; line-height: 27px;}
    .page-content ul.awards li {padding: 0 0 0 84px; min-height: 50px; margin-bottom: 30px;}
    .page-content ul.awards li:before {font-size: 50px;}

    .page-content .statistics {padding: 50px 0 0 0;}
    .page-content .statistics .items {padding: 10px 0 0 0;}
    .page-content .statistics .items .item {font-size: 21px; line-height: 27px; margin-bottom: 35px;}
    .page-content .statistics .items .item i {font-size: 106px; line-height: 106px; margin-bottom: 28px;}


    /***** Intro Box 1 *****/
    .intro-box-1 {padding: 50px 0 80px 0;}
    .intro-box-1 .text {width: 45.5%; margin-right: 5%;}
    .intro-box-1 .image {width: 49.5%; position: relative;}
    .intro-box-1 .image:before {width: 200px; height: 12px; top: 120px; left: -80px;}
    .intro-box-1 h1 {font-size: 52px; line-height: 42px; padding: 0 0 48px 0; letter-spacing: 4px;}
    .intro-box-1 h2 {font-size: 52px; line-height: 42px; padding: 0 0 48px 0; letter-spacing: 4px;}
    .intro-box-1 h3 {font-size: 45px; line-height: 41px; padding: 0 0 50px 0;}
    .intro-box-1 p {padding-bottom: 30px;}


    /***** Intro Box 2 *****/
    .intro-box-2-container {padding: 50px 0 0 0;}
    .intro-box-2 {font-size: 44px; line-height: 60px;}
    .intro-box-2 .text {padding: 100px 50px 100px 70px;}
    .intro-box-2 img {max-height: 600px}
    .intro-box-2 p {padding: 0;}


    /***** Intro Box 3 *****/
    .intro-box-3 {font-size: 44px; line-height: 60px;}
    .intro-box-3 .text img {margin: 0 0 40px 0; max-width: 160px;}
}


@media screen and (max-width: 1400px){
    /* Slider */
    #quiz {padding-top: 100px;}
}


@media screen and (max-width: 1200px){
    body {font-size:16px; line-height:24px;}


    /* Header */
    /* #header {padding-top: 20px;}
    #header .header-buttons {top: 21px;} */


    /* Logo */
    /* #logo {max-width: 120px; margin: 0 auto -52px auto;}
    #logo img {display: block; max-width: 100%; height: auto;} */
    #logo {max-width: 76px;}
    #header-container.scrolled #logo {max-width: 66px;}


    /* Menu Button */
    /* #menu-button {top: 31px;} */


    /***** Menu *****/
    #menu {padding: 60px 0 40px 0;}
    #menu > li > a.image > img {margin-bottom: 15px;}
    #menu > li > a {font-size: 14px; line-height: 20px; display: inline-block;}
    #menu > li > ul {padding-top: 8px;} 
    #menu > li > ul > li {padding-bottom: 4px;}
    #menu > li > ul > li > a {font-size: 12px; line-height: 18px; display: inline-block;}
    #menu > li > ul > li ul {padding: 1px 0 0 15px;} 
    #menu > li > ul > li ul > li > a {font-size: 12px; line-height: 18px; display: inline-block;}


    /***** Slider *****/
    #slider .slides li .slide-content {font-size: 40px; line-height: 37px; letter-spacing: 5px;}
    #slider .slides li .slide-content strong {letter-spacing: 6px;}
    #slider .slides li .discover {bottom: 30px; height: 42px; line-height: 42px; max-width: 160px; font-size: 18px; margin-left: -80px; letter-spacing: 1px;}
    #slider-nav {left: 18px; top: auto; max-width: 140px; bottom: 32px;}
    #slider-nav span.number {height: 40px; width: 40px; line-height: 40px; font-size: 19px; margin-left: 25px;}
    #slider-cta {max-width: 120px;}
    #slider-cta a span.wrap {bottom: -120px; height: 120px;}
    #slider-cta a span.text {font-size: 24px; line-height: 26px; padding-left: 50px;}
    #slider-cta a span.arrow {width: 16px; height: 29px; margin: 8px auto 0 auto; background-size: 16px auto;}


    /***** Quiz *****/
    #quiz {max-width: 80%;}
    #quiz h2 {font-size: 36px; line-height: 36px; letter-spacing: 5px; padding: 0 0 28px 0;}
    #quiz p {font-size: 36px; line-height: 34px; letter-spacing: 3px;}
    #quiz a {font-size: 26px; line-height: 32px; letter-spacing: 1px; margin: 0 10px;}
    #quiz a:before {width: 30px; height: 30px; margin-right: 8px;}
    #quiz .quiz-step .quiz-step-result {padding-top: 20px;}
    #quiz .quiz-step .quiz-step-result p {font-size: 20px; line-height: 28px; letter-spacing: 1px;}
    #quiz .quiz-step .quiz-step-result a.next {font-size: 16px; letter-spacing: 1px; padding: 4px 15px;}
    #quiz .quiz-results small {font-size: 24px; line-height: 30px; letter-spacing: 1px; padding-top: 20px;}
    #quiz .answers {padding-top: 30px;}


    /* Image CTA */
    .image-cta-container {margin-top: 40px;}
    .image-cta-container img {max-height: 500px;}
    .image-cta h2 {font-size: 44px; line-height: 46px; letter-spacing: 3px;}



    /***** Latest News *****/
    #latest-news h1 {font-size: 42px; line-height: 42px; letter-spacing: 4px; margin-bottom: 0; padding: 40px 0 0 0; display: none;}
    #latest-news h1.mobile-title {display: block;}
    #latest-news h1.mobile-title br {display: none;}
    #latest-news h2 {font-size: 22px; line-height: 21px;}
    #latest-news .post-date {font-size: 20px; line-height: 26px;}


    /* Featured Post */
    #latest-news .featured-post {padding:25px 0 0 0;}
    #latest-news .featured-post h2 {font-size: 32px; line-height: 36px; padding: 0 0 16px 0;}
    #latest-news .featured-post h2 a {color: #3579B9;}
    #latest-news .featured-post h2 a:hover {color: #282828;}
    #latest-news .featured-post .post-excerpt {padding: 15px 0 15px 0;}
    #latest-news .featured-post .post-content {padding: 0 0 25px 25px;}


    /* Post */
    #latest-news .posts {padding: 30px 0 0 0;}
    #latest-news .posts .post .post-content {padding: 25px 0 0 0;}
    #latest-news .posts .post .post-excerpt {padding: 15px 0 15px 0;}


    /***** Locations *****/
    #locations-container {padding: 0 0 40px 0;}
    #locations-content {padding: 40px 18px 30px 18px;}
    #locations-content h2 {font-size: 42px; line-height: 36px; letter-spacing: 4px; max-width: 600px;}


    /***** Full Image *****/
    .full-image-container {padding: 0 0 40px 0;}


    /***** Social News *****/
    .social-news {padding: 40px 0 0 0;}
    .social-news h2.title {font-size: 42px; line-height: 38px; letter-spacing: 4px; max-width: 560px;}
    .social-news .social-icon {font-size: 50px;}
    .social-news .posts {padding-top: 30px;}
    .social-news .posts .post .post-content {padding: 0 15px 20px 15px;}
    .social-news .posts .post h2 {font-size: 22px; line-height: 24px; padding: 15px 0 15px 0;}
    .social-news .posts .post .post-header p {padding: 15px 0; font-size: 20px; line-height: 24px; letter-spacing: 1px;}
    .social-news-container.instagram .social-news .posts .post {margin-bottom: 25px;}


    /***** Seabin Foundation CTA *****/
    .seabin-foundation-cta-container {font-size: 26px; line-height: 34px; letter-spacing: 2px;}
    .seabin-foundation-cta {padding: 40px 0 40px 0;}
    .seabin-foundation-cta img {margin: 0 auto 20px auto; max-width: 110px;}
    .seabin-foundation-cta h1 {font-size: 90px; line-height: 80px;}
    .seabin-foundation-cta h2 {font-size: 46px; line-height: 46px; padding-bottom: 25px;}
    .seabin-foundation-cta h3 {font-size: 30px; line-height: 40px;}
    .seabin-foundation-cta p {padding: 4px 0 4px 0;}
    .seabin-foundation-cta .discover {max-width: 160px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 18px; letter-spacing: 1px; margin: 30px auto 0 auto;}


    /***** Footer *****/
    #footer-container {min-height: 320px;}
    #footer {padding: 40px 0 40px 0;}


    /***** Footer Ticker *****/
    #footer-ticker {transform-origin: left top; -webkit-transform:scale(0.65); -moz-transform:scale(0.65); -ms-transform:scale(0.65); -o-transform:scale(0.65); transform:scale(0.65); height: 0;}


    /***** Footer Items *****/
    #footer-items {max-width: 500px;}


    /* Social Icons */
    #footer .social-icons {padding: 20px 0 40px 0;}
    #footer .social-icons a {font-size: 50px; line-height: 50px;}


    /* Footer Menu */
    #footer .footer-nav {padding: 0 0 45px 0;}
    #footer .footer-menu li {margin-right: 20px;}
    #footer .footer-menu li a {font-size: 18px; line-height: 24px;}


    /***** Page Content *****/
    .content {padding-bottom: 40px;}
    .page-content .image-text .image {margin-bottom: 35px;}
    .page-content .image-text .text {margin-bottom: 35px;}
    .page-content .image-text .image .thumb span {height: 40px; line-height: 40px; border-radius: 20px; font-size: 18px; max-width: 180px;}
    .page-content h1 {font-size: 46px; line-height: 46px; letter-spacing: 3px; padding: 15px 0 25px 0;}


    /***** Pillars *****/
    .content.page-content .pillars .pillar {margin-bottom: 30px;}
    .content.page-content .pillars .pillar .thumb {width: 47.5%; margin-right: 5%;}
    .content.page-content .pillars .pillar .description {width: 47.5%; float: left; padding: 0 30px 0 0;}
    .content.page-content .pillars .pillar h2 {font-size: 30px; line-height: 30px; letter-spacing: 3px; margin-top: 15px; margin-bottom: 30px; padding-left: 66px;}
    .content.page-content .pillars .pillar i {left: 0; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 26px;}
    .content.page-content .pillars .pillar:nth-of-type(even) .thumb {float: right; margin-right: 0;}
    .content.page-content .pillars .pillar:nth-of-type(even) .description {float: left; margin-right: 5%;}


    /***** Page Menu *****/
    #page-menu {padding: 25px 0 25px 0;}
    #page-menu li a {font-size: 15px; line-height: 36px; border-radius: 18px; padding: 0 8px;}


    /***** Quote Banner *****/
    .quote-banner-container {padding-bottom: 50px; min-height: 350px;}
    .quote-banner-container img {max-height: 600px; min-height: 350px;}
    .quote-banner {padding: 100px 18px;}
    .quote-banner h2 {font-size: 54px; line-height: 56px; letter-spacing: 4px;}


    /***** Page Banner *****/
    #page-banner img {min-height: 320px;}
    #page-banner h1 {font-size: 70px; line-height: 63px; letter-spacing: 14px;}
    #page-banner h2 {font-size: 46px; line-height: 64px; letter-spacing: 13px;}
    #page-banner h3 {font-size: 46px; line-height: 44px; letter-spacing: 11px;}
    #page-banner h4 {font-size: 46px; line-height: 44px; letter-spacing: 10px;}
    #page-banner .large-text h1 {font-size: 90px; line-height: 76px;}
    #page-banner .large-text h2 {font-size: 48px; line-height: 52px;}
    #page-banner .large-text h3 {font-size: 38px; line-height: 42px; letter-spacing: 10px;}
    #page-banner .button {height: 40px; line-height: 40px; border-radius: 20px; font-size: 18px; letter-spacing: 1px; padding: 0 20px; top: 20px;}


    /***** Our Team *****/
    .content.page-content .team-list-container h2 {font-size: 46px; line-height: 46px; letter-spacing: 5px;}
    .content.page-content .team-intro .image {margin-top: 30px;}
    .content.page-content .team-intro .info {padding: 80px 0 0 16px;}
    .content.page-content .team-list .member {margin-top: 40px; width: 31.5%; margin-right: 2.75%;}
    .content.page-content .team-list .member .padding {padding: 25px 15px 20px 15px;}
    .content.page-content .team-list .read-more {margin: 10px 0 0 0; font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px;}
    .content.page-content .team-list .member .member-info {margin-bottom: 20px;}
    .content.page-content .team-list .member .back .close {top: 10px; right: 15px; width: 30px; height: 30px; background-size: 16px auto;}
    .content.page-content .team-list .member .back .padding {padding: 50px 15px 35px 15px;}
    .content.page-content .team-list .member .back .padding .scroll-pane {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch;}


    /***** Case Studies List *****/
    #case-studies-list {padding: 70px 0 40px 0;}
    #case-studies-list .case-study {padding-bottom: 20px; width: 31.5%; margin-right: 2.75%; margin-bottom: 50px;}
    #case-studies-list .case-study .case-study-title {padding: 25px 0 20px 0;}
    #case-studies-list .case-study .case-study-excerpt {padding: 0 0 20px 0;}
    #case-studies-list .case-study .case-study-inner {padding: 0 15px;}
    #case-studies-list .case-study .read-more {font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px;}
    #case-studies-list .case-study h2 {letter-spacing: 2px;}


    /***** Store *****/
    #main h1 {font-size: 46px; line-height: 46px; letter-spacing: 5px;}
    #main ul.products li {width: 31.5%; margin-right: 2.75%; padding-bottom: 20px; margin-bottom: 40px;}
    #main ul.products li a h2 {font-size: 22px; line-height: 24px; padding-top: 25px;}
    #main ul.products li .button {font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px; margin-right: 5px;}


    /***** Store Single *****/
    #main .summary h1 {font-size: 40px; line-height: 42px; letter-spacing: 3px; padding-bottom: 25px;}
    #main .summary .price {font-size: 40px; line-height: 42px; padding-bottom: 25px;}
    #main .summary .variations .label {letter-spacing: 1px;}
    #main .summary .quantity label {letter-spacing: 1px;}
    .woocommerce-notices-wrapper a.button {font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px;}


    /***** Specifications *****/
    .content.page-content .specifications .col.col-1 {width: 27.5%; margin-right: 5%;}
    .content.page-content .specifications .col.col-2 {width: 27.5%; margin-right: 5%;}
    .content.page-content .specifications .col.col-3 {width: 35%;}


    /***** Request More Information Form *****/
    .request-form {padding: 30px 0 40px 0;}
    .gform_wrapper {padding: 48px 0 30px 0; left: auto;}
    .gform_wrapper ul li {padding: 0 0 45px 224px !important;}


    /***** Pricing Page *****/
    .page-content .pricing-table {letter-spacing: 3px; margin: 30px 0 22px 0;}
    .page-content .pricing-table th {padding: 25px 15px 25px 25px;}
    .page-content .pricing-table td {padding: 10px 15px 10px 25px; letter-spacing: 1px;}
    .page-content .pricing-table tr:last-child td {border-bottom: none;}


    /***** Blue CTA *****/
    .blue-cta-container {font-size: 40px; line-height: 40px; letter-spacing: 3px;}
    .blue-cta {padding: 80px 0 80px 0;}
    .blue-cta .text-wrap {width: 60%;}
    .blue-cta .button-wrap {width: 40%;}
    

    /***** News *****/
    #news {padding: 30px 0 30px 0;}
    #news h1 {font-size: 46px; line-height: 46px; letter-spacing: 5px; padding: 0 0 40px 0;}
    #news .post {width: 31.5%; margin:0 2.75% 50px 0; padding: 0 0 20px 0;}
    #news .post .post-title {padding: 32px 0 20px 0;}
    #news .post h2 {font-size: 24px; line-height: 26px; letter-spacing: 1px;}
    #news .post .post-date {padding-top: 11px;}
    #news .post .post-category {width: 50px; height: 50px; line-height: 50px; font-size: 25px; left: 15px; top: -25px;}
    #news .post .post-excerpt {padding: 0 0 20px 0;}
    #news .post .read-more {font-size: 17px; line-height: 40px; height: 40px; border-radius: 20px; padding: 0 15px; letter-spacing: 1px;}


    /* News Sidebar */
    #page-wrapper .news-sidebar {width: 31.5%; margin:0 0 0 0; font-size: 20px; line-height: 24px; padding: 0 15px 0 15px;}
    #page-wrapper .news-sidebar .categories-widget {padding: 0 0 50px 0;}
    #page-wrapper .news-sidebar .categories-widget p {padding: 0 0 14px 0;}
    #page-wrapper .news-sidebar .categories-widget ul li {padding: 12px 0 12px 0;}
    #page-wrapper .news-sidebar .social-widget p {padding: 0 0 30px 0; font-size: 20px; line-height: 24px;}
    #page-wrapper .news-sidebar .social-widget a {font-size: 36px;}


    /* Single Post */
    body.single-post #case-study.single-post .top {padding-right: 0;}
    body.single-post #case-study.single-post .page-content h1 {font-size: 40px; line-height: 42px; letter-spacing: 3px; padding: 0 0 30px 0;}
    body.single-post #case-study.single-post .page-content h2 {padding: 15px 0 25px 0;}
    body.single-post #case-study.single-post .page-content p {padding-bottom: 22px;}
    body.single-post #case-study.single-post .page-content img {margin-bottom: 25px;}
    body.single-post #case-study.single-post {padding: 40px 0 40px 0;}


    /* Case Study */
    #case-study .top {padding-right: 240px;}
    #case-study .page-content h1 {font-size: 40px; line-height: 42px; letter-spacing: 3px; padding: 0 0 30px 0;}
    #case-study .page-content h2 {padding: 15px 0 25px 0;}
    #case-study .page-content p {padding-bottom: 22px;}
    #case-study .page-content img {margin-bottom: 25px;}
    #case-study {padding: 40px 0 40px 0;}
    #case-study .next-button {font-size: 20px; line-height: 20px; letter-spacing: 1px; background-size: 12px; padding-right: 20px; top: 0;}
    #case-study .content {margin-right: 320px;}
    #case-study .sidebar {width: 290px;}
    .page-content .counter-widget h3 {font-size: 20px; line-height: 22px;}
    .page-content .counter-widget p {font-size: 44px; line-height: 44px;}
    .page-content .counter-widget {padding: 25px 15px;}
    .page-content .map-widget {padding: 25px 0;}
    .page-content .map-widget .button {margin-top: 30px;}


    /***** Order Now Form *****/
    .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"] {line-height: 22px; height: 22px;}
    #order-now .text h1 {font-size: 44px; line-height: 46px; letter-spacing: 4px; padding-bottom: 35px; padding-top: 34px;}
    #gform_wrapper_2 .gf_progressbar {margin-bottom: 58px;}


    /***** Intro Page *****/
    .page-content ul.awards {padding: 30px 0 0 0; font-size: 16px; line-height: 22px; clear: both;}
    .page-content ul.awards li {padding: 0 0 0 54px; display: inline-block; min-height: 36px; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 25px;}
    .page-content ul.awards li:nth-child(3n) {margin-right: 0;}
    .page-content ul.awards li:before {font-size: 36px;}

    .page-content .statistics {padding: 40px 0 0 0;}
    .page-content .statistics .items {padding: 10px 0 0 0;}
    .page-content .statistics .items .item {font-size: 16px; line-height: 22px; margin-bottom: 20px;}
    .page-content .statistics .items .item i {font-size: 70px; line-height: 70px; margin-bottom: 28px;}


    /***** Intro Box 1 *****/
    .intro-box-1 {padding: 35px 0 50px 0;}
    .intro-box-1 .image:before {width: 120px; height: 10px; top: 120px; left: -30px;}
    .intro-box-1 h1 {font-size: 45px; line-height: 36px; padding: 0 0 30px 0; letter-spacing: 4px;}
    .intro-box-1 h2 {font-size: 45px; line-height: 36px; padding: 0 0 30px 0; letter-spacing: 4px;}
    .intro-box-1 h3 {font-size: 40px; line-height: 36px; padding: 0 0 30px 0;}
    .intro-box-1 p {padding-bottom: 20px;}


    /***** Intro Box 2 *****/
    .intro-box-2-container {padding: 50px 0 0 0;}
    .intro-box-2 {font-size: 40px; line-height: 50px;}
    .intro-box-2 .text {padding: 100px 25px 100px 25px; min-height: 1px;}
    .intro-box-2 img {max-height: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .intro-box-2 p {padding: 0;}


    /***** Intro Box 3 *****/
    .intro-box-3 {font-size: 40px; line-height: 50px;}
    .intro-box-3 .text {padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .intro-box-3 .text img {margin: 0 0 25px 0; max-width: 130px;}


    /***** Seabin Foundation CTA V2 *****/
    .seabin-foundation-cta.v2 {font-size: 24px; line-height: 31px; letter-spacing: 5px; padding: 186px 0 90px 0;}
    .seabin-foundation-cta.v2 h1 {font-size: 104px; line-height: 106px; padding: 0 0 55px 0;}
    .seabin-foundation-cta.v2 h2 {font-size: 52px; line-height: 42px; letter-spacing: 9px;}
    .seabin-foundation-cta.v2 h3 {font-size: 38px; line-height: 38px; letter-spacing: 7px;}
    .seabin-foundation-cta.v2 p {padding: 0;}

    /* Cart */
    .container .woocommerce .cart-collaterals {min-width: 50%;}
    .container .woocommerce .woocommerce-cart-form th {font-size: 20px; line-height: 26px; letter-spacing: 1px;}
    .container .woocommerce .woocommerce-cart-form td {padding: 15px 0;}
}

@media screen and (max-width: 960px){
    /***** Slider *****/
    #slider-cta {right: auto !important; top: auto; bottom:-100%; max-width: 100%; width: 100%; height: auto !important; z-index: 10; overflow: hidden; text-align: center;}
    #slider-cta a {height: 100%; width: 100%; padding: 15px 0 10px 0;}
    #slider-cta a span.wrap {position: relative; left: auto; bottom: auto !important; width: auto !important; height: auto !important;  transform: none !important;}
    #slider-cta a span.text {font-size: 22px; line-height: 24px; position: relative; top: auto; transform: none; padding-left: 0;}
    #slider .slides li .slide-content {margin-top: -60px;}
    #slider-nav {bottom:140px;}
    #slider .slides li .discover {bottom: 140px;}
    #quiz {max-width: 92%;}


    /* Image CTA */
    .image-cta h2 {font-size: 34px; line-height: 36px; letter-spacing: 2px;}
    .image-cta a.scrollDown {margin: 28px 0 0 0;}
    a.scrollDown {width: 34px; height: 18px; background-size: 34px auto;}

    @-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0);}
    40% {-moz-transform: translateY(-20px); transform: translateY(-20px);}
    60% {-moz-transform: translateY(-8px); transform: translateY(-8px);}
    }
    @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(-20px); transform: translateY(-20px);}
    60% {-webkit-transform: translateY(-8px); transform: translateY(-8px);}
    }
    @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
    40% {-moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px);}
    60% {-moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px);}
    }


    /***** Latest News *****/
    #latest-news .featured-post .post-thumb {float: none; width: auto;}
    #latest-news .featured-post .post-content {float: none; width: auto; padding: 15px 0 10px 0 !important;}
    #latest-news .featured-post .post-excerpt {max-width: none;}
    #latest-news .featured-post h2 a {font-size: 28px; line-height: 32px;}
    #latest-news .posts .post {width: 47.5%; margin-right: 5%;}
    #latest-news .posts .post:nth-child(2n) {margin-right: 0;}
    #latest-news .posts .post:nth-child(2n+1) {clear: left;}

    
    /***** Social News *****/
    .social-news {padding: 40px 0 10px 0;}
    .social-news .posts .post {width: 47.5%; margin-right: 5%; margin-bottom: 30px;}
    .social-news .posts .post:nth-child(4n) {margin-right: 5%;}
    .social-news .posts .post:nth-child(2n) {margin-right: 0;}
    .social-news .posts .post:nth-child(2n+1) {clear: left;}


    /***** Menu *****/
    #menu > li {width: 31.5%; margin-right: 2.75%; margin-top: 30px;}
    #menu > li:nth-child(3n) {margin-right: 0;}
    #menu > li:nth-child(3n+1) {clear: left;}


    /***** Footer *****/
    #footer {padding: 30px 0 20px 0;}


    /***** Footer Ticker *****/
    #footer-ticker {float: none; margin: 0 auto; height: 250px; text-align: center; transform-origin: center top;}
    
    
    /***** Footer Items *****/
    #footer-items {max-width: none; float: none; padding: 30px 0 0 0;}


    /* Social Icons */
    #footer .social-icons {padding: 0 0 15px 0; max-width: none; margin: -3px auto 0 auto; float: right;}
    #footer .social-icons a {font-size: 30px; line-height: 30px; margin: 0 0 0 20px;}


    /* Footer Menu */
    #footer .footer-nav {padding: 0 0 0 0; float: left;}
    #footer .footer-menu li {margin: 0 30px 0 0;}
    #footer .footer-menu li a {font-size: 18px; line-height: 24px;}


    /***** Page Content *****/
    .content {padding-top: 25px;}
    .page-content .image-text .image {margin-bottom: 20px; float: none; width: auto; margin-right: 0;}
    .page-content .image-text .text {margin-bottom: 40px; float: none; width: auto;}
    .page-content .image-text .image .thumb span {height: 40px; line-height: 40px; border-radius: 20px; font-size: 18px; max-width: 180px;}
    .page-content .column {float:none; width:auto; margin-right: 0; padding-bottom: 30px; padding-top: 0;}
    .page-content .column.small {max-width: none;}
    .page-content .column.last {float:none; margin-right: 0 !important;}
    .page-content .one-third {width: auto; margin-right: 0;}
    .page-content .two-third {width: auto;}
    .page-content h1 {font-size: 40px; line-height: 44px; letter-spacing: 3px; padding: 10px 0 25px 0;}


    /***** Pillars *****/
    .content.page-content .pillars .pillar {margin-bottom: 30px;}
    .content.page-content .pillars .pillar .thumb {float: none !important; width: 100%; margin-right: 0 !important;}
    .content.page-content .pillars .pillar .description {width: 100% !important; float: none !important; margin-right: 0 !important; padding: 15px 0 10px 0 !important;}
    .content.page-content .pillars .pillar h2 {font-size: 30px; line-height: 30px; letter-spacing: 3px; margin-top: 15px; margin-bottom: 30px; padding-left: 66px;}
    .content.page-content .pillars .pillar i {left: 0; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 26px;}
    .content.page-content .pillars .pillar:nth-of-type(even) .thumb {float: right; margin-right: 0;}
    .content.page-content .pillars .pillar:nth-of-type(even) .description {float: left; margin-right: 5%;}


    /***** Our Team *****/
    .content.page-content .team-intro .text {width: 53%; margin-right: 10%;}
    .content.page-content .team-intro .image {float: right; width: 37%; margin-right: 0; margin-top: 0;}
    .content.page-content .team-intro .info {float: right; width: 37%; padding: 25px 0 0 0; clear:right;}
    .content.page-content .team-intro .info img {margin: 0 0 20px 0; max-width: 200px;}
    .content.page-content .team-list .member {width: 47.5%; margin-right: 5%; margin-top: 40px;}
    .content.page-content .team-list .member:nth-child(3n) {margin-right: 5%;}
    .content.page-content .team-list .member:nth-child(2n) {margin-right: 0;}
    .content.page-content .team-list .member:nth-child(2n+1) {clear: left;}


    /***** Case Studies List *****/
    #case-studies-list {padding: 50px 0 30px 0;}
    #case-studies-list .case-study {width: 47.5%; margin-right: 5%; margin-bottom: 40px;}
    #case-studies-list .case-study:nth-child(3n) {margin-right: 5%;}
    #case-studies-list .case-study:nth-child(2n) {margin-right: 0;}
    #case-studies-list .case-study:nth-child(3n+1) {clear: none;}
    #case-studies-list .case-study:nth-child(2n+1) {clear: left;}


    /***** Store *****/
    #main ul.products li {width: 47.5%; margin-right: 5%; padding-bottom: 20px; margin-bottom: 30px;}
    #main ul.products li:nth-child(3n) {margin-right: 5%;}
    #main ul.products li:nth-child(2n) {margin-right: 0;}
    #main ul.products li:nth-child(3n+1) {clear: none;}
    #main ul.products li:nth-child(2n+1) {clear: left;}


    /***** Store Single *****/
    #main .woocommerce-product-gallery {width: 35%; margin-right: 5%;}
    #main .summary {width: 60%;}


    /***** Specifications *****/
    .content.page-content .specifications .col.col-1 {width: 47.5%; margin-right: 5%;}
    .content.page-content .specifications .col.col-2 {width: 47.5%; margin-right: 0;}
    .content.page-content .specifications .col.col-3 {width: 100%;}


    /***** Pricing Page *****/
    .pricing-page .page-content .left {float: none; width: auto; text-align: center;}
    .pricing-page .page-content .left > h1, .pricing-page .page-content .left > p {text-align: left;}
    .pricing-page .page-content .right {padding-top: 80px; float: none; width: auto;}
    .pricing-page .page-content .pricing-table {margin: 0 auto 15px auto; text-align: center;}


    /***** Blue CTA *****/
    .blue-cta-container {font-size: 44px; line-height: 40px; letter-spacing: 4px; text-align: center;}
    .blue-cta {padding: 50px 0;}
    .blue-cta .text-wrap {width: 100%; float: none;}
    .blue-cta .button-wrap {width: 100%; float: none; max-width: none; padding: 0;}
    .blue-cta .button-wrap a.button {margin: 25px 0 0 0;}


    /***** News *****/
    #news .post {width: 47.5%; margin:0 5% 30px 0;}
    #news .post:nth-child(3n) {margin-right: 5%;}
    #news .post:nth-child(3n+1) {clear: none;}
    #news .post:nth-child(2n) {margin-right: 0;}
    #news .post:nth-child(2n+1) {clear: none;}

    /* News Sidebar */
    #page-wrapper .news-sidebar {width: 47.5%;}


    /* Single Post */
    body.single-post #case-study.single-post .page-content .content {margin-right: 0;}
    body.single-post #case-study.single-post .page-content .news-sidebar {width: auto; float: none; position: relative; top: auto !important; right: auto; padding:40px 0 0 0;}
    body.single-post #case-study.single-post .page-content .news-sidebar .categories-widget ul li {display: inline-block; margin-right: 30px;}
    body.single-post #case-study.single-post .page-content .news-sidebar .categories-widget {padding-bottom: 20px; padding-top: 0;}
    body.single-post #case-study.single-post .page-content .news-sidebar .categories-widget p {padding-bottom: 10px;}
    body.single-post #case-study.single-post .page-content  h1 {font-size: 40px; line-height: 44px; letter-spacing: 3px; padding: 0 0 5px 0;}


    /* Case Study */
    #case-study .page-content .content {margin-right: 0; min-height: 1px !important;}
    #case-study .page-content .news-sidebar {width: auto; float: none; position: relative; top: auto !important; right: auto; padding:40px 0 0 0;}
    #case-study .page-content .news-sidebar .categories-widget ul li {display: inline-block; margin-right: 30px;}
    #case-study .page-content .news-sidebar .categories-widget {padding-bottom: 20px; padding-top: 0;}
    #case-study .page-content .news-sidebar .categories-widget p {padding-bottom: 10px;}
    #case-study .page-content  h1 {font-size: 40px; line-height: 44px; letter-spacing: 3px; padding: 0 0 5px 0;}
    #case-study .sidebar {width: 100%; position: relative; top: auto !important; right: auto !important; margin-top: 40px;}
    .page-content .counter-widget {padding: 20px 15px !important; float: left; width: 47.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #c4c4c4 !important; border-bottom: 1px solid #c4c4c4 !important;}
    .page-content .counter-widget:first-of-type {margin-right: 5%;}
    .page-content .map-widget {padding: 25px 0; clear: both;}
    .page-content .map-widget .button {margin-top: 30px;}
    .single-case-study-map {width: 100%; height: 250px !important;}
    #case-study .top {padding-right: 0; padding-top: 35px; top: -25px;}
    #case-study .next-button {font-size: 18px; line-height: 18px;}


    /***** Order Now Form *****/
    #order-now .text {float: none; width: auto; margin-right: 0;}
    #order-now .text h1 {padding: 0 0 20px 0;}
    #order-now .text p {padding-bottom: 14px;}
    #gform_wrapper_2 {float: none; width: auto;}


    /***** Intro Page *****/
    .page-content .intro-content .left {float: none; width: 100%; margin-right: 0; padding-top: 0; padding-bottom: 10px;}
    .page-content .intro-content .left img {max-height: 400px; object-fit: cover;}
    .page-content .intro-content .right {float: none; width: 100%; margin-right: 0;}
    .page-content ul.awards li {padding: 0 0 0 54px; display: block; margin-right: 0;}
    .page-content .statistics {padding: 30px 0 0 0;}
    .page-content .statistics .items .item {font-size: 16px; line-height: 22px; margin-bottom: 20px; padding: 0 15px;}
    .page-content .statistics .items .item i {font-size: 54px; line-height: 54px; margin-bottom: 20px;}


    /***** Intro Box 1 *****/
    .intro-box-1 {padding: 35px 0 50px 0;}
    .intro-box-1 .image {float: none; width: auto; margin: 0;}
    .intro-box-1 .image:before {display: none;}
    .intro-box-1 .text {float: none; width: auto; margin: 0; padding: 0 0 10px 0 !important;}
    .intro-box-1 h1 {font-size: 40px; line-height: 36px; padding: 0 0 20px 0; letter-spacing: 3px;}
    .intro-box-1 h2 {font-size: 40px; line-height: 36px; padding: 0 0 20px 0; letter-spacing: 3px;}
    .intro-box-1 h3 {font-size: 35px; line-height: 36px; padding: 0 0 20px 0;}
    .intro-box-1 p {padding-bottom: 20px;}


    /***** Intro Box 2 *****/
    .intro-box-2-container {padding: 50px 0 0 0;}
    .intro-box-2 {font-size: 35px; line-height: 40px;}
    .intro-box-2 .text {padding: 60px 15px 60px 15px; min-height: 1px;}
    .intro-box-2 img {max-height: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .intro-box-2 p {padding: 0;}


    /***** Intro Box 3 *****/
    .intro-box-3 {font-size: 35px; line-height: 40px;}
    .intro-box-3 .text {padding: 25px 15px;}
    .intro-box-3 .text img {margin: 0 0 20px 0; max-width: 110px;}


    /* Cart */
    .container .woocommerce .woocommerce-checkout .col-1 {float: none; width: 100%; margin-right: 0; margin-bottom: 25px; clear: both;}
    .container .woocommerce .woocommerce-checkout .col-2 {float: none; width: 100%; margin-right: 0; clear: both;}

    .container .woocommerce .woocommerce-cart-form td ul.wcsatt-options {padding: 0 25px;}
    .container .woocommerce .woocommerce-cart-form td ul.wcsatt-options:after {content:''; display:table; clear:both;}
    .container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li {width:48.5% !important; margin-right: 3% !important; margin-bottom: 6px; padding: 0; float: left;}
    .container .woocommerce .woocommerce-cart-form td ul.wcsatt-options li:nth-child(2n) {margin-right: 0 !important;}
}


@media screen and (max-width: 767px){
    /***** Header *****/
    #header-container {padding: 0 15px;}
    #header {padding:5px 0; min-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #header .header-buttons {top: 50% !important; margin-top: -15px;}
    #header .header-buttons .shop-button {height: 30px; line-height: 30px; border-radius: 15px; padding: 0 10px 0 10px; font-size: 14px; display: none;}
    #header .header-buttons .shop-button.buy {display: inline-block;}

    #header a.contact-icon {height: 30px; line-height: 30px; border-radius: 15px; padding: 0 10px 0 10px; font-size: 14px;}

    #header .shop-button i {margin-left: 2px;}
    #header .shop-button-wrap ul {padding-top: 4px; top: 30px;}
    #header .shop-button-wrap ul li a {height: 30px; line-height: 30px; border-radius: 15px; padding: 0 10px 0 10px; font-size: 14px;}
    #header .shop-button-wrap ul li {margin-bottom: 4px;}


    /***** Logo *****/
    #logo {max-width: 70px; margin: 0 auto -30px auto;}
    #logo img {display: block; max-width: 100%; height: auto;}


    /***** Header Scrolled *****/
    #header-container.scrolled #logo {max-width: 36px;}
    #header-container.scrolled #header {padding: 2px 0;}
    #menu-button {margin-top: -11px;}


    /***** Menu Button *****/
    /* #menu-button {top: 50% !important; font-size: 14px; height: 30px; line-height: 30px; padding: 0 0 0 17px; margin-top: -15px;}
    #menu-button span.lines {width:20px; height:20px; top: 4px;}
    #menu-button span.lines span:nth-child(1) {width: 14px;}
    #menu-button span.lines span:nth-child(2) {width: 14px;}
    #menu-button.active span.lines span:nth-child(1) {width: 17px; top: 3px;}
    #menu-button.active span.lines span:nth-child(2) {width: 17px; bottom: 4px;} */


    /***** Slider *****/    
    #slider .slides li {background-size: cover !important; max-height: none !important;}
    #slider .slides li .slide-content {font-size: 28px; line-height: 28px; letter-spacing: 2px; padding-top: 100px !important; margin-top: 0 !important;}
    #slider .slides li .slide-content strong {letter-spacing: 3px;}
    #slider .slides li .discover {bottom: 102px; width: 120px; height: 32px; line-height: 32px; border-radius: 16px; font-size: 16px; margin-left: -60px; letter-spacing: 1px;}
    #slider .slides li .discover:hover {background-color: #3579B9;}
    #slider-nav {left: 10px; top: auto; bottom:104px; max-width: 60px;}
    #slider-nav span.line {height: 1px;}
    #slider-nav span.number {height: 28px; width: 28px; line-height: 28px; font-size: 14px; margin-left: 10px;}
    #slider-cta {position: absolute; bottom: 0 !important; left: 0 !important;}
    #slider-cta a {padding: 10px 0 5px 0;}
    #slider-cta a span.wrap {position: relative; left: auto; bottom: auto !important; width: auto !important; height: auto !important;  transform: none !important;}
    #slider-cta a span.text {font-size: 18px; line-height: 20px;}
    #slider-cta a span.arrow {width: 12px; height: 22px; background-size: 12px auto; margin-top: 0;}


    /***** Quiz *****/
    #quiz {margin: 0 !important; padding: 0 15px !important; max-width: none !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #quiz h2 {font-size: 24px; line-height: 26px; letter-spacing: 2px; padding: 10px 0 15px 0;}
    #quiz p {font-size: 24px; line-height: 26px; letter-spacing: 1px;}
    #quiz a {font-size: 16px; line-height: 24px; letter-spacing: 1px; margin: 0 10px;}
    #quiz a:before {width: 18px; height: 18px; margin-right: 4px; position: relative; top: 2px;}
    #quiz .quiz-step .quiz-step-result {padding-top: 20px;}
    #quiz .quiz-step .quiz-step-result p {font-size: 16px; line-height: 24px; letter-spacing: 1px;}
    #quiz .quiz-step .quiz-step-result a.next {font-size: 16px; letter-spacing: 1px; padding: 2px 10px; line-height: 24px; margin:0 0 0 6px;}
    #quiz .quiz-results small {font-size: 16px; line-height: 24px; letter-spacing: 1px; padding-top: 10px;}
    #quiz .answers {padding-top: 15px;}


    /***** Image CTA *****/
    .image-cta-container {margin-top: 25px;}
    .image-cta-container img {max-height: none;}
    .image-cta {width: 100%; position: relative; left: auto; top: auto; height: auto; text-align: center;}
    .image-cta .inner {padding: 15px 15px;}
    .image-cta h2 {font-size: 28px; line-height: 30px; letter-spacing: 1px;}
    .image-cta a.scrollDown {margin: 15px auto 0 auto;}
    a.scrollDown {width: 26px; height: 14px; background-size: 26px auto;}
    @-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0);}
    40% {-moz-transform: translateY(-14px); transform: translateY(-14px);}
    60% {-moz-transform: translateY(-5px); transform: translateY(-5px);}
    }
    @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(-14px); transform: translateY(-14px);}
    60% {-webkit-transform: translateY(-5px); transform: translateY(-5px);}
    }
    @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
    40% {-moz-transform: translateY(-14px); -ms-transform: translateY(-14px); -webkit-transform: translateY(-14px); transform: translateY(-14px);}
    60% {-moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px);}
    }


    /***** Latest News *****/
    #latest-news-container {padding: 0 15px;}
    #latest-news {padding: 25px 0 0 0;}
    #latest-news h1.mobile-title {font-size: 28px; line-height: 30px; letter-spacing: 1px; padding: 0;}
    #latest-news .featured-post h2 {font-size: 22px; line-height: 24px; letter-spacing: 0.5px;}
    #latest-news .featured-post h2 a {font-size: 22px; line-height: 24px; letter-spacing: 0.5px;}
    #latest-news h2 {font-size: 22px; line-height: 24px; letter-spacing: 0.5px;}
    #latest-news .posts .post {width: 100%; margin-right: 0;}
    #latest-news .post-thumb {width: calc(100% + 30px) !important; margin-left: -15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #latest-news .post-date {font-size: 16px; line-height: 24px;}


    /***** Locations *****/
    #locations-container {padding: 0 0 25px 0;}
    #locations-content {padding: 25px 15px 15px 15px;}
    #locations-content h2 {font-size: 28px; line-height: 30px; letter-spacing: 1px;}


    /***** Full Image *****/
    .full-image-container {padding: 0 0 25px 0;}


    /***** Social News *****/
    .social-news-container {padding: 0 15px;}
    .social-news {padding: 25px 0 0x 0;}
    .social-news h2.title {font-size: 28px; line-height: 30px; letter-spacing: 1px; padding: 0; float: left; width: 90%;}
    .social-news .social-icon {font-size: 30px; width: 10%;}
    .social-news .posts {padding-top: 25px;}
    .social-news .posts .post {float: none; margin-right: 0; width: 100%; padding-bottom: 25px; margin-bottom: 25px;}
    .social-news .posts .post .post-content {padding: 0 15px 15px 15px; min-height: 1px !important;}
    .social-news .posts .post h2 {font-size: 22px; line-height: 24px; padding: 15px 0 15px 0; min-height: 1px !important;}
    .social-news .posts .post .post-header p {padding: 10px 0; font-size: 20px; line-height: 22px; letter-spacing: 1px;}

    /* Social News Instagram */
    .social-news-container.instagram .social-news {padding-bottom: 0px;}
    .social-news-container.instagram .social-news .posts .post {margin-bottom: 25px;}


    /***** Seabin Foundation CTA *****/
    .seabin-foundation-cta-container {font-size: 22px; line-height: 24px; letter-spacing: 1px;}
    .seabin-foundation-cta {padding: 30px 0 30px 0;}
    .seabin-foundation-cta img {margin: 0 auto 15px auto; max-width: 90px;}
    .seabin-foundation-cta h1 {font-size: 50px; line-height: 44px;}
    .seabin-foundation-cta h2 {font-size: 26px; line-height: 28px; padding-bottom: 15px;}
    .seabin-foundation-cta h3 {font-size: 22px; line-height: 24px;}
    .seabin-foundation-cta .discover {max-width: 120px; height: 34px; line-height: 34px; border-radius: 17px; font-size: 16px; margin: 20px auto 0 auto;}


    /***** Footer Ticker *****/
    #footer-ticker {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; height: auto; float: none;}
    #footer-ticker .dot {width: 90px; height: 90px; font-size: 10px; line-height: 10px;}
    #footer-ticker .dot .inner {max-width: 74%; margin: 0 auto;}
    #footer-ticker .dot .number {font-size: 18px; line-height: 18px; padding-top: 6px;}
    #footer-ticker .dot small {font-size: 10px; line-height: 10px;}
    #footer-ticker .dot.dot-1 {margin-top: 20px;}
    #footer-ticker .dot.dot-2 {margin: 60px -6px 0 -6px;}
    #footer-ticker .dot.dot-2 .number {padding-top: 6px;}
    #footer-ticker .dot.dot-3 {width: 120px; height: 120px; font-size: 10px; line-height: 10px;}
    #footer-ticker .dot.dot-3 .inner {max-width: 90%;}
    #footer-ticker .dot.dot-3 .number {font-size: 24px; line-height: 24px; padding-top: 6px;}
    #footer-ticker .dot.dot-3 small {font-size: 10px; line-height: 12px;}


    /***** Footer *****/
    #footer-container {padding: 0 15px;}
    #footer {padding: 25px 0 10px 0; font-size: 14px; text-align: center;}


    /***** Footer Items *****/
    #footer-items {max-width: none;}


    /* Social Icons */
    #footer .social-icons {text-align: center; padding: 15px 0 30px 0; float: none;}
    #footer .social-icons a {font-size: 30px; line-height: 30px; margin: 0 10px;}


    /* Footer Menu */
    #footer .footer-nav {padding: 0 0 15px 0; float: none;}
    #footer .footer-menu li {margin:0 8px;}
    #footer .footer-menu li a {font-size: 16px; line-height: 24px;}


    /* Copyright */
    #footer .copyright {padding-bottom: 15px; float: none;}


    /* Credits */
    #footer .credits {float: none;}


    /***** Menu *****/
    #nav {padding: 0 15px; overflow: auto;}
    #menu {padding: 0px 0 20px 0;}
    #menu > li {float: none; width: auto; margin-right: 0;}
    #menu > li > a.image {display:none;}
    #menu > li > a {font-size: 16px; line-height: 22px;}
    #menu > li > ul {padding-top: 5px;} 
    #menu > li > ul > li {padding-bottom: 4px;}
    #menu > li > ul > li > a {font-size: 14px; line-height: 20px;}
    #menu > li > ul > li ul {padding: 1px 0 0 15px;} 
    #menu > li > ul > li ul > li > a {font-size: 14px; line-height: 20px;}



    /***** Page Content *****/
    .container {padding: 0 15px;}
    .content {padding-bottom: 20px; padding-top: 20px;}
    .page-content .image-text .image {width: calc(100% + 30px); margin-left: -15px;}
    .page-content .image-text .image .thumb span {height: 36px; line-height: 36px; border-radius: 18px; font-size: 16px; max-width: 160px;}
    .page-content h1 {font-size: 28px; line-height: 30px; letter-spacing: 2px; padding: 20px 0 25px 0;}
    .page-content h2 {font-size: 24px; line-height: 28px; letter-spacing: 0; padding: 16px 0 12px 0;}
    .page-content h3 {font-size: 22px; line-height: 26px; letter-spacing: 0; padding: 14px 0 10px 0;}
    .page-content h4 {font-size: 20px; line-height: 24px; letter-spacing: 0; padding: 14px 0 10px 0;}
    .page-content h5 {font-size: 18px; line-height: 22px; letter-spacing: 0; padding: 10px 0 8px 0;}
    .page-content h6 {font-size: 16px; line-height: 20px; letter-spacing: 0; padding: 10px 0 8px 0;}
    .page-content p {padding: 0 0 14px 0;}
    .page-content a.button {height: 40px; line-height: 40px; border-radius: 20px; padding: 0 15px; margin-top: 14px; font-size: 17px;}
    .page-content a.button i {margin-right: 6px;}
    .page-content .column {float:none; width:auto; margin-right: 0;}
    .page-content .column.small {max-width: none;}
    .page-content .column.last {float:none;}
    .page-content .one-third {width: auto; margin-right: 0;}
    .page-content .two-third {width: auto;}
    body.page-template-default .column {padding: 15px 0 0 0;}
    .page-content ul {padding: 0 0 14px 22px;}
    .page-content ul li {padding: 4px 0;}
    .page-content ol {padding: 0 0 14px 22px;}
    .page-content ol li {padding: 4px 0;}
    .page-content hr {margin: 10px 0 30px 0;}


    /***** Pillars *****/
    .content.page-content .pillars .pillar {margin-bottom: 15px;}
    .content.page-content .pillars .pillar .thumb {width:calc(100% + 30px); margin-left: -15px;}
    .content.page-content .pillars .pillar .description {width: 100% !important; float: none !important; margin-right: 0 !important; padding: 15px 0 10px 0 !important;}
    .content.page-content .pillars .pillar h2 {font-size: 26px; line-height: 26px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 25px; padding-left: 48px;}
    .content.page-content .pillars .pillar i {margin-top: -19px; width: 38px; height: 38px; line-height: 38px; font-size: 22px;}


    /***** Page Menu *****/
    #page-nav {padding: 0 15px;}
    #page-menu {padding: 12px 0 15px 0;}
    #page-menu li {margin-right: 3px;}
    #page-menu li a {font-size: 12px; line-height: 24px; border-radius: 12px; padding: 0 5px;}


    /***** Page Banner *****/
    #page-banner .inner {position: relative; left: auto; top: auto; padding: 50px 15px 35px 15px !important;}
    #page-banner img {min-height: 1px; max-height: none; height: 100%; position: absolute; left: 0; top: 0;}
    #page-banner h1 {font-size: 30px; line-height: 32px; letter-spacing: 2px;}
    #page-banner h2 {font-size: 26px; line-height: 28px; letter-spacing: 1px;}
    #page-banner h3 {font-size: 26px; line-height: 28px; letter-spacing: 1.1px;}
    #page-banner h4 {font-size: 26px; line-height: 28px; letter-spacing: 1px;}
    #page-banner .large-text h1 {font-size: 66px; line-height: 54px; letter-spacing: 0;}
    #page-banner .large-text h2 {font-size: 36px; line-height: 36px; letter-spacing: 0;}
    #page-banner .large-text h3 {font-size: 28px; line-height: 30px; letter-spacing: 2px;}
    #page-banner .button {height: 40px; line-height: 40px; border-radius: 20px; font-size: 17px; letter-spacing: 1px; padding: 0 15px;}


    /***** Quote Banner *****/
    .quote-banner-container {padding-bottom: 30px; min-height: 220px;}
    .quote-banner-container img {min-height: 220px;}
    .quote-banner {padding: 50px 18px;}
    .quote-banner h2 {font-size: 28px; line-height: 30px; letter-spacing: 2px;}


    /***** Our Team *****/
    .content.page-content .team-intro .text {width: auto; float: none; margin-right: 0;}
    .content.page-content .team-intro .image {float: none; width: 70%; margin: 20px auto 0 auto;}
    .content.page-content .team-intro .info {float: none; width: auto; padding: 25px 0 0 0; clear:right; text-align: center;}
    .content.page-content .team-intro .info img {margin: 0 auto 20px auto; max-width: 180px;}
    .content.page-content .team-intro .info h3 {font-size: 20px; line-height: 22px;}
    .content.page-content .team-list {padding-bottom: 30px !important;}
    .content.page-content .team-list:after {content:''; display:table; clear:both;}
    .content.page-content .team-list .member {width: auto; margin-right: 0; margin-top: 30px;}
    .content.page-content .team-list .member:nth-child(3n) {margin-right: 0;}
    .content.page-content .team-list-container h2 {font-size: 30px; line-height: 32px; letter-spacing: 2px;}
    .content.page-content .team-list .member .member-info h3 {font-size: 20px; line-height: 22px; letter-spacing: 1px;}
    .content.page-content .team-list .member .padding {padding: 15px;}
    .content.page-content .team-list .member .member-info {margin-bottom: 14px; min-height: 1px !important;}
    .content.page-content .team-list .member .member-description {min-height: 1px !important;}
    .content.page-content .team-list .read-more {margin: 5px 0 0 0; height: 34px; line-height: 34px; font-size: 16px;}


    /***** Case Studies List *****/
    #case-studies-map-nav {padding: 0 15px;}
    #case-studies-map-menu {padding: 15px 0;}
    #case-studies-map-menu li {padding: 0 3px;}
    #case-studies-map-menu li a {font-size: 13px; line-height: 24px; border-radius: 12px; padding: 0 6px; letter-spacing: 1px;}
    #case-studies-list-container {padding: 0 15px;}
    #case-studies-list {padding: 30px 0 20px 0;}
    #case-studies-list .case-study {width: 100%; margin-right: 0 !important; margin-bottom: 30px;}
    #case-studies-list .case-study h2 {font-size: 20px; line-height: 22px; letter-spacing: 1px;}
    #case-studies-list .case-study .case-study-title {min-height: 1px !important; padding-bottom: 10px;}
    #case-studies-list .case-study .case-study-excerpt {min-height: 1px !important; padding-bottom: 14px;}
    #case-studies-list .case-study .read-more {height: 34px; line-height: 34px; font-size: 16px;}


    /***** Store *****/
    #primary {padding: 0 18px;}
    #main {padding-top: 30px;}
    #main h1 {font-size: 30px; line-height: 32px; letter-spacing: 2px;}
    #main ul.products {padding-top: 20px;}
    #main ul.products li {width: 100%; margin-right: 0 !important;}
    #main ul.products li a h2 {min-height: 1px !important; font-size: 20px; line-height: 22px; letter-spacing: 1px; padding-top: 15px; padding-bottom: 5px;}
    #main ul.products li .button {height: 34px; line-height: 34px; font-size: 16px; margin-top: 15px;}
    #main ul.products li a span.woocommerce-Price-amount {font-size: 18px; line-height: 22px;}
    #main ul.products li .added_to_cart {height: 34px; line-height: 34px; font-size: 16px; margin-top: 15px;}


    /***** Store Single *****/
    .woocommerce-notices-wrapper a.button {height: 34px; line-height: 34px; font-size: 16px; margin-right: 8px;}
    #main .woocommerce-notices-wrapper > * {padding-bottom: 14px;}
    #main .woocommerce-product-gallery {float: none; width: auto; margin-right: 0; margin-bottom: 30px;}
    #main .woocommerce-product-gallery .thumbnails a img {max-width: 60px;}
    #main .summary {float: none; width: 100%;}
    .single-product #main .product {padding-bottom: 30px; padding-top: 0px;}
    #main .summary h1 {line-height: 28px; font-size: 26px; padding: 0 0 15px 0; letter-spacing: 1px;}
    #main .summary .price {line-height: 28px; font-size: 26px; padding: 0 0 15px 0;}
    #main .summary ul {padding: 0 0 14px 20px;}
    #main .summary ol {padding: 0 0 14px 20px;}
    #main .summary .variations {margin-bottom: 15px;}
    #main .summary .variations .label {font-size: 18px; line-height: 22px; letter-spacing: 1px; padding: 8px 0 0 0; width:110px;}
    #main .summary .quantity label {font-size: 18px; line-height: 22px; letter-spacing: 1px; padding: 8px 0 0 0; width:110px;}
    #main .summary select {height: 36px; line-height: 36px; border-radius: 18px; font-size: 14px; padding: 0 10px 0 10px;}
    #main .summary input[type="number"] {height: 36px; line-height: 36px; border-radius: 18px; font-size: 14px; padding: 0 10px 0 10px; width: 60px;}
    #main .summary .button {height: 34px; line-height: 34px; font-size: 16px; margin-top: 25px; width: auto;}
    #main .summary .product-description {padding-top: 25px;}
    #main .summary .product-description p {padding-bottom: 14px;}


    /***** Specifications *****/
    .content.page-content .specifications .col.col-1 {width: 100%; margin-right: 0; float: none; padding-top: 0;}
    .content.page-content .specifications .col.col-2 {width: 100%; margin-right: 0; float: none;}
    .content.page-content .specifications .col.col-3 {width: 100%; float: left;}


    /***** Request More Information Form *****/
    .request-form-container {padding: 0 15px;}
    .request-form {padding: 30px 0 30px 0;}
    .request-form h3 {font-size: 28px; line-height: 30px; letter-spacing: 2px;}
    .gform_wrapper {padding: 35px 0 20px 0;}
    .gform_wrapper ul li {padding: 0 0 25px 0 !important;}
    .gform_wrapper label {letter-spacing: 1px; font-size: 18px; line-height: 20px; position: relative; left: auto; top: auto; text-align: left; width: auto;}
    .gform_wrapper input[type="text"],
    .gform_wrapper input[type="tel"],
    .gform_wrapper input[type="email"],
    .gform_wrapper input[type="password"] {font-size: 18px;}
    .gform_wrapper .gform_footer {padding: 0 0 0 0; margin: 0;}
    .gform_wrapper input[type="submit"] {height: 34px; line-height: 34px; font-size: 16px; letter-spacing: 1px;}
    .gform_wrapper .validation_error {font-size: 20px; line-height: 24px; padding: 0 0 28px 0;}
    .gform_wrapper .validation_message {font-size: 16px; line-height: 18px; margin: 0 0 -4px 0; text-align: left;}

    

    /***** Pricing Page *****/
    .pricing-page .page-content .right {padding-top: 50px; float: none; width: auto;}
    .pricing-page .page-content .pricing-table {margin: 15px auto 10px auto; text-align: center; letter-spacing: 2px;}
    .page-content .pricing-table th {padding: 15px 15px 15px 15px;}
    .page-content .pricing-table td {padding: 10px 15px 10px 15px; letter-spacing: 1px;}

    .pricing-page .page-content .right h2 {font-size: 28px; line-height: 30px; letter-spacing:2px; padding: 0 0 20px 66px;}
    .pricing-page .page-content .right h2 i {font-size: 48px; top: 8px;}
    .pricing-page .page-content .right p {font-size: 17px; line-height: 22px;}
    .pricing-page .page-content .right .button {margin: 0 0 35px 66px;}
    .pricing-page .page-content .right ul li {padding: 4px 0; margin: 0;}


    /***** Blue CTA *****/
    .blue-cta-container {font-size: 30px; line-height: 32px; letter-spacing: 2px;}
    .blue-cta {padding: 35px 0;}
    .blue-cta .button-wrap a.button {margin: 25px 0 0 0; height: 34px; line-height: 34px; font-size: 16px; padding: 0 15px;}


    /***** News *****/
    #news-container {padding: 0 15px;}
    #news {padding: 30px 0 30px 0;}
    #news h1 {font-size: 30px; line-height: 32px; letter-spacing: 2px; padding: 0 0 30px 0;}
    #news .post {width: 100%; margin:0 0 30px 0 !important; float: none; padding: 0 0 20px 0; clear: both;}
    #news .post .post-title {padding: 26px 0 14px 0;}
    #news .post h2 {font-size: 20px; line-height: 22px; letter-spacing: 1px; min-height: 1px !important;}
    #news .post .post-date {padding-top: 8px;}
    #news .post .post-category {width: 40px; height: 40px; line-height: 44px; font-size: 20px; left: 15px; top: -20px;}
    #news .post .post-excerpt {padding: 0 0 15px 0; min-height: 1px !important;}
    #news .post .read-more {height: 34px; line-height: 34px; font-size: 16px; margin-top: 0;}

    /* News Sidebar */
    #page-wrapper .news-sidebar {width: 100%; float: none; margin:0; font-size: 14px; line-height: 18px; padding: 0 0 0 0; clear: both; letter-spacing: 0;}
    #page-wrapper .news-sidebar .categories-widget {padding: 0 0 20px 0;}
    #page-wrapper .news-sidebar .categories-widget:after {content:''; display:table; clear:both;}
    #page-wrapper .news-sidebar .categories-widget p {padding: 0; font-size: 18px;}
    #page-wrapper .news-sidebar .categories-widget ul {padding: 10px 0 0 0;}
    #page-wrapper .news-sidebar .categories-widget ul li {padding: 4px 0 4px 0; float: left; width: 50%;}
    #page-wrapper .news-sidebar .categories-widget a i {font-size: 10px; width: 20px; height: 20px; line-height: 20px;}
    #page-wrapper .news-sidebar .social-widget {display: none;}


    /* Single Post */
    body.single-post #case-study-container {padding: 0 15px;}
    body.single-post #case-study.single-post .top {padding-top: 0 !important;}
    body.single-post #case-study.single-post .page-content .news-sidebar {padding-top: 25px;}
    body.single-post #case-study.single-post .page-content .news-sidebar .categories-widget {padding: 0;}
    body.single-post #case-study.single-post .page-content .news-sidebar .categories-widget p {padding-bottom: 0;}
    body.single-post #case-study.single-post .page-content .news-sidebar .categories-widget ul li {padding: 4px 0 4px 0; float: left; width: 50%; margin: 0;}
    body.single-post #case-study.single-post .page-content h1 {font-size: 26px; line-height: 28px; letter-spacing: 2px; padding: 0 0 20px 0;}
    body.single-post #case-study.single-post .page-content h2 {padding: 15px 0 12px 0;}
    body.single-post #case-study.single-post .page-content p {padding-bottom: 14px;}
    body.single-post #case-study.single-post .page-content img {margin-bottom: 15px;}
    body.single-post #case-study.single-post {padding: 30px 0 30px 0;}


    /* Case Study */
    #case-study-container {padding: 0 15px;}
    #case-study .top {top: auto; padding-top: 20px;}
    #case-study .page-content .news-sidebar {padding-top: 25px;}
    #case-study .page-content .news-sidebar .categories-widget {padding: 0;}
    #case-study .page-content .news-sidebar .categories-widget p {padding-bottom: 0;}
    #case-study .page-content .news-sidebar .categories-widget ul li {padding: 4px 0 4px 0; float: left; width: 50%; margin: 0;}
    #case-study .page-content h1 {font-size: 26px; line-height: 28px; letter-spacing: 2px; padding: 0 0 20px 0;}
    #case-study .page-content h2 {padding: 15px 0 12px 0;}
    #case-study .page-content p {padding-bottom: 14px;}
    #case-study .page-content img {margin-bottom: 15px;}
    #case-study {padding: 30px 0 30px 0;}
    #case-study .next-button {font-size: 14px; line-height: 14px; font-weight: 600; background-size: 8px; padding: 2px 14px 1px 0; background-position: right top !important; letter-spacing: 1px; top: -15px; margin-bottom: -15px;}

    #case-study .sidebar {margin-top: 20px;}
    .page-content .counter-widget {padding: 12px 10px !important; float: none; width: 100%;}
    .page-content .counter-widget:first-of-type {margin-right: 5%; border-bottom: none !important;}
    .page-content .counter-widget h3 {min-height: 1px !important; font-size: 16px; line-height: 18px;}
    .page-content .counter-widget p {font-size: 34px; line-height: 34px;}
    .page-content .map-widget {padding: 25px 0; clear: both;}
    .page-content .map-widget .button {height: 34px; line-height: 34px; font-size: 16px; padding: 0 15px; margin-top: 20px;}
    .single-case-study-map {height: 180px !important;}


    /***** Order Now Form *****/
    #order-now .text h1 {padding: 15px 0 14px 0; font-size: 30px; line-height: 32px; letter-spacing: 2px;}
    #gform_wrapper_2 ul li {padding: 0 0 30px 0 !important;}
    #gform_wrapper_2 .gf_progressbar {margin-bottom: 35px;}
    #gform_wrapper_2 .gform_page_footer {padding: 15px 0 0 0;}
    #gform_wrapper_2 label {padding-bottom: 6px !important; width: auto !important;}
    .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"] {padding-left: 0 !important;}
    #gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li {padding-bottom: 35px !important;}
    #gform_wrapper_2 {padding-bottom: 15px;}
    #gform_wrapper_2 input.gform_next_button, #gform_wrapper_2 input.gform_previous_button {height: 34px; line-height: 34px; font-size: 16px; padding: 0 15px; width: 130px;}
    #gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.images img {float:left; width:23.5%; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.images img:nth-child(4n) {margin-right: 0;}
    #gform_wrapper_2 .gform_body > div:not(#gform_page_2_1) li.images:after {content:''; display:table; clear:both;}
    #gform_wrapper_2 ul li.full-width-radio ul li label {min-width: 60px; font-size: 16px !important; height: 30px; line-height: 30px; padding: 0 15px;}


    /***** Intro Page *****/
    .page-content .intro-content .left {width: calc(100% + 30px); margin-left: -15px;}
    .page-content ul.awards {padding-top: 15px;}
    .page-content .statistics {padding: 30px 0 0 0;}
    .page-content .statistics h1 {padding-bottom: 18px;}
    .page-content .statistics .items {text-align: center; padding: 16px 0 0 0;}
    .page-content .statistics .items .item {width: 50%; padding: 0 10px; margin-bottom: 30px;}
    .page-content .statistics .items .item:nth-child(2n+1) {clear: left;}
    .page-content .statistics .items .item i {font-size: 40px; line-height: 40px; margin-bottom: 10px;}


    /***** Intro Box 1 *****/
    .intro-box-1-container {padding: 0;}
    .intro-box-1 .text {padding: 0 15px 10px 15px !important;}
    .intro-box-1 h1 {font-size: 30px; line-height: 32px; letter-spacing: 2px; padding: 0 0 20px 0;}
    .intro-box-1 h2 {font-size: 30px; line-height: 32px; letter-spacing: 2px; padding: 0 0 20px 0;}
    .intro-box-1 h3 {font-size: 26px; line-height: 28px; letter-spacing: 1px; padding: 0 0 15px 0;}
    .intro-box-1 p {padding-bottom: 14px;}


    /***** Intro Box 2 *****/
    .intro-box-2-container {padding: 30px 0 0 0; position: relative;}
    .intro-box-2 {margin: 0 auto; padding: 0; font-size: 30px; line-height: 32px;}
    .intro-box-2 .text {float: none; width: 100%; min-height: 1px; padding: 40px 15px 40 15px; background: rgba(255,255,255,0.70);}


    /***** Intro Box 3 *****/
    .intro-box-3-container {padding: 30px 0 30px 0;}
    .intro-box-3 {font-size: 30px; line-height: 32px;}
    .intro-box-3 .text {float: none; width: 100%; padding: 0 15px 25px 15px;}
    .intro-box-3 .text img {margin: 0 0 15px 0; max-width: 100px;}
    .intro-box-3 .image {float: none; width: 100%;}
    .intro-box-3 .image img {min-height: 1px; position: relative; left: auto; top: auto;}


    /***** Seabin Foundation CTA V2 *****/
    .seabin-foundation-cta.v2 {font-size: 20px; line-height: 26px; letter-spacing: 3px; padding: 60px 0 50px 0;}
    .seabin-foundation-cta.v2 h1 {font-size: 56px; line-height: 64px; padding: 0 0 25px 0;}
    .seabin-foundation-cta.v2 h2 {font-size: 36px; line-height: 32px; letter-spacing: 2px;}
    .seabin-foundation-cta.v2 h3 {font-size: 26px; line-height: 26px; letter-spacing: 1px;}
    .seabin-foundation-cta.v2 p {padding: 0;}


    /* Cart */
    .container .woocommerce .woocommerce-cart-form thead {display: none !important;}
    .container .woocommerce .woocommerce-cart-form tbody tr.cart_item {border-bottom: 1px solid #9d9d9d; position: relative; display: block; padding: 15px 0;}
    .container .woocommerce .woocommerce-cart-form tbody tr.cart_item:first-of-type {border-top: 1px solid #9d9d9d;}
    .container .woocommerce .woocommerce-cart-form tbody td {padding: 0; display: block; border:none; text-align: left;}
    .container .woocommerce .woocommerce-cart-form tbody td.product-remove {position: absolute; right: 15px; top: 30px; width: 32px; height: 32px; background-color: #F4B241; color: #000000; text-align: center; font-size: 18px; line-height: 32px; border-radius: 50%;}
    .container .woocommerce .woocommerce-cart-form tbody td.product-remove a {color: #000000; font-size: 26px; line-height: 34px}
    .container .woocommerce .woocommerce-cart-form tbody td.product-thumbnail {margin-bottom: 15px;}
    .container .woocommerce .woocommerce-cart-form tbody td.product-name:before {content:"Product: "; font-weight:600;}
    .container .woocommerce .woocommerce-cart-form tbody td.product-price:before {content:"Price: "; font-weight:600;}
    .container .woocommerce .woocommerce-cart-form tbody td.product-quantity:before {content:"Quantity: "; font-weight:600;}
    .container .woocommerce .woocommerce-cart-form tbody td.product-subtotal:before {content:"Total: "; font-weight:600;}
    .container .woocommerce .woocommerce-cart-form input[type="number"] {height: 24px; line-height: 24px; border-radius: 12px; font-size: 14px; padding: 0 10px 0 5px; width: 40px; display: inline-block;}
    .container .woocommerce .woocommerce-cart-form .quantity {display: inline-block;}
    .container .woocommerce .woocommerce-cart-form img {max-width: none; width: 100%;}

    .container .woocommerce .woocommerce-cart-form .actions .button {height: 34px; line-height: 34px; font-size: 16px; padding: 0 15px;}
    .container .woocommerce .cart-collaterals {min-width: 100%; float: none; padding-top: 25px; text-align: left;}
    .container .woocommerce .cart-collaterals th {padding: 10px 15px 10px 0; vertical-align: top; font-size: 14px; line-height: 20px;}
    .container .woocommerce .cart-collaterals td {vertical-align: top; font-size: 14px; line-height: 20px;}
    .container .woocommerce .form-row.place-order {float: none; margin: 0; width: auto;}
    .container .woocommerce #order_review {font-size: 14px; line-height: 20px;}
    .container .woocommerce #order_review th {padding: 10px 15px 10px 0; vertical-align: top;}
    .container .woocommerce #order_review td {padding: 10px 15px 10px 0; vertical-align: top;}
    .container .woocommerce #order_review td.product-name {max-width: 165px;}
    .container .woocommerce .checkout #order_review table label {font-size: 14px; line-height: 20px;}
    .container .woocommerce .checkout #order_review table input[type="radio"] {position: relative; top: 3px;}
    .container .woocommerce .cart-collaterals .select2-container .select2-selection--single {font-size: 14px; height: 24px; line-height: 22px !important; border-radius: 2px; padding: 0 0 0 6px !important;}
    .container .woocommerce .cart-collaterals .select2-container .select2-selection--single .select2-selection__rendered {line-height: 24px;}
    .container .woocommerce .cart-collaterals .select2-container {padding-bottom: 10px;}
    .container .woocommerce .cart-collaterals .shipping-calculator-form input {height: 24px; line-height: 24px; border-radius: 2px; margin-bottom: 6px; font-size: 14px;}
    .container .woocommerce .cart-collaterals .shipping-calculator-form .button {margin-top: 0; margin-bottom: 10px;}
    .container .woocommerce .cart-collaterals button {height: 34px; line-height: 34px; font-size: 16px; padding: 0 15px; margin-top: 8px;}


    /***** Donations Page *****/
    body.postid-431 #main .summary .price {font-size: 22px; line-height: 24px;}
    body.postid-431 #main .summary .price.woocommerce-Price-amount.amount {font-size: 28px; line-height: 30px;}
    body.postid-431 #main .summary .wcsatt-options-product {padding: 6px 0 0 0;}
    body.postid-431 #main .summary .wcsatt-options-product:after {content:''; display:table; clear:both;}
    body.postid-431 #main .summary .wcsatt-options-product li {padding: 0 !important; width:48.5% !important; margin-right: 3%; float: left; margin-bottom: 8px;}
    body.postid-431 #main .summary .wcsatt-options-product li:nth-child(2n) {margin-right: 0;}
    body.postid-431 #main .summary .wcsatt-options-product li label {display:block !important; padding: 0 5px; font-size: 14px; line-height: 30px !important; height: 30px !important; border-radius: 15px;}


    .container .woocommerce .woocommerce-cart-form td ul.wcsatt-options {padding: 3px 0 4px 0;}
    .container .woocommerce .woocommerce-cart-form td ul.wcsatt-options:after {content:''; display:table; clear:both;}
}