/*============================================================================
 Styles
==============================================================================*/
body, input, textarea, button, select,
h1, .h1, h2, .h2, h3:not(.description_item_header), .h3, h4, .h4, h5, .h5, h6, .h6, p {
  font-family: "futura-pt",sans-serif;
  font-weight: 500;
  hyphens: none;}

h1, h2:not(.description_item_header):not(.common_header), h3:not(.description_item_header) {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0; }

h1 {
  font-size: 36px;
  letter-spacing: 0.4px;
  color: #666666;
  margin-bottom: 20px; }

h2:not(.description_item_header):not(.common_header) {
  font-size: 22px;
  padding: 10px 0 10px 0;
  hyphens: auto;
  letter-spacing: 2.5px;
  line-height: 1em; }

h3:not(.description_item_header) {
  font-size: 18px;
  letter-spacing: 0.4px;
  line-height: 1.5em; }

p {
  font-size: 16px;
  letter-spacing: 0.7px;
  line-height: 1.8em;
  color: #666666;
  font-weight: normal; }

ul li {
  font-size: 16px;
  letter-spacing: 0.7px;
  line-height: 1.8em;
  color: #666666;
  font-weight: normal; }

@media (max-width: 480px) {
  h1, h2 {
    font-size: 28px; } }
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input:focus, select:focus {
  outline: none; }

.cta {
  text-transform: uppercase;
  float: left;
  line-height: 48px;
  height: 48px;
  width: 190px;
  text-align: center;
  background: #f7941d;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  transition: all 0.2s; }
  .cta:hover {
    background: #6699CC;
    color: #fff; }
  .cta:focus {
    color: #fff;
    outline: none; }
  .cta.white {
   border: none;
    background: #BF403A;
    line-height: 24px;
    padding: 12px 40px;
    border-radius: 4px;
    font-size: 20px;
    text-transform: none;
	font-weight: 400;}
@media (max-width: 480px) {
	.cta.white {
		padding: 12px 8px;
	}
}	
    .cta.white:hover {
      background: #6699CC;
    color: white; }
  .cta.disabled {
    background-color: #f6f6f6;
    color: #b6b6b6; }
    .cta.disabled:hover {
      background-color: #f6f6f6;
      color: #b6b6b6; }

.breadcrumb {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .breadcrumb span, .breadcrumb a {
    color: #666666;
    padding: 0 5px 0 0;
    margin-right: 5px; }
  .breadcrumb a:hover {
    color: #f7941d; }
  @media (max-width: 480px) {
    .breadcrumb {
      font-size: 12px; } }

.pagination {
  margin-bottom: 30px; }
  .pagination span {
    color: black; }
  .pagination a:hover {
    color: #f7941d; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.wrapper {
  position: relative;
  z-index: 1; }
  .wrapper.main-content {
    margin-top: 40px; }
    @media (max-width: 768px) {
      .wrapper.main-content {
        margin-top: 20px;
        padding-bottom: 40px; } }

.main-page {
  margin-top: 30px; }

.background-pattern {
  background-image: url(/wp-content/themes/threo/images/background-pattern.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 1980px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0; }

.bg-grey {
  background-color: #f9f9f9;
  overflow: hidden;
  position: relative; }

.grid__item.product {
  position: relative; }
  .grid__item.product .grid__image {
    position: relative;
    overflow: hidden; }
    .grid__item.product .grid__image .reveal {
      display: block; }
    .grid__item.product .grid__image .hidden {
      display: none; }
  .grid__item.product .container {
    padding: 25px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    border-radius: 2px;
    display: block; }
    .grid__item.product .container:hover .grid__image .reveal {
      display: none; }
    .grid__item.product .container:hover .grid__image .hidden {
      display: block; }
  .grid__item.product p {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-size: 14px;
    color: #666666; }
  .grid__item.product .h6 {
    font-size: 16px;
    margin: 30px 0 10px 0;
    color: black;
    min-height: 44px; }

/*============================================================================
 Header
==============================================================================*/
.drawer {
  background-color: #fff; }
  .drawer a {
    color: #666666; }

.is-moved-by-drawer {
  -webkit-transform: inherit;
  will-change: inherit; }

.mobile-nav__item--active a {
  color: #f7941d; }

.mobile-nav > .mobile-nav__item {
  background-color: #fff; }

.site-header {
  padding-bottom: 0;
  border-bottom: solid 1px #e5e5e5; }
  .site-header .site-header__logo {
    margin-top: -25px;
    outline: none; }
    .site-header .site-header__logo img {
      min-width: 160px;
      z-index: 1;
      position: relative; }
  .site-header .nav-bar {
    background-color: transparent; }
    .site-header .nav-bar .site-nav {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 0.7px;
      font-weight: 600; }
      .site-header .nav-bar .site-nav li {
        line-height: 1.6;
        font-weight: 600;
        font-size: inherit; }
        .site-header .nav-bar .site-nav li a {
          color: #4a4a4a;
          transition: all 0.2s; }
          .site-header .nav-bar .site-nav li a:hover {
            color: #f7941d; }
        .site-header .nav-bar .site-nav li.site-nav--active a {
          color: #f7941d; }
  .site-header .cart-and-account {
    height: 55px;
    line-height: 55px; }
    .site-header .cart-and-account .site-header__cart-toggle {
      float: right;
      margin-left: 15px; }
      .site-header .cart-and-account .site-header__cart-toggle .fa-shopping-bag {
        font-size: 20px;
        position: relative;
        color: #666666;
        cursor: pointer;
        transition: all 0.2s; }
        .site-header .cart-and-account .site-header__cart-toggle .fa-shopping-bag:hover {
          color: #f7941d; }
      .site-header .cart-and-account .site-header__cart-toggle .cart-count {
        float: right;
        font-weight: 600;
        font-size: 10px;
        background: #f7941d;
        border-radius: 100%;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        color: #fff;
        margin-top: 6px; }
    .site-header .cart-and-account .account-options {
      float: right; }
      .site-header .cart-and-account .account-options .fa-user {
        font-size: 24px;
        top: 2px;
        position: relative;
        color: #666666;
        cursor: pointer;
        transition: all 0.2s; }
        .site-header .cart-and-account .account-options .fa-user:hover {
          color: #f7941d; }
  .site-header .shipping-bar {
    width: 98%;
    height: 30px;
    background: #f7941d;
    float: right;
    margin-top: 10px;
    position: relative;
    top: 1px; }
    .site-header .shipping-bar .curve {
      overflow: hidden;
      float: left;
      width: 30px;
      height: 30px;
      position: relative; }
      .site-header .shipping-bar .curve:before {
        content: '';
        height: 40px;
        width: 15px;
        background-color: #fff;
        left: -10px;
        top: -5px;
        position: absolute;
        float: left;
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg); }
    .site-header .shipping-bar:before {
      content: '';
      height: 30px;
      width: 100%;
      background: #f7941d;
      position: absolute;
      float: right;
      z-index: 0;
      right: -100%; }
    .site-header .shipping-bar .text-content {
      color: #fff;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 11px;
      letter-spacing: 0.7px;
      margin: 0;
      line-height: 30px;
      z-index: 1;
      position: relative;
      text-align: right; }
    .site-header .shipping-bar .fa-truck {
      font-size: 15px;
      margin-right: 8px;
      top: 1px;
      position: relative; }
  @media (max-width: 1050px) {
    .site-header .site-nav__link {
      padding: 15px 12px; } }
  @media (max-width: 960px) {
    .site-header .nav-bar .site-nav {
      font-size: 13px; }
      .site-header .nav-bar .site-nav li a {
        padding: 15px 10px; }
    .site-header .cart-and-account {
      height: 50px;
      line-height: 50px; }
      .site-header .cart-and-account .site-header__cart-toggle {
        margin-left: 8px; }
        .site-header .cart-and-account .site-header__cart-toggle .fa-shopping-bag {
          font-size: 17px; }
      .site-header .cart-and-account .account-options .fa-user {
        font-size: 20px; }
    .site-header .shipping-bar {
      width: 100%; } }
  @media (max-width: 865px) {
    .site-header .nav-bar .site-nav {
      font-size: 12px; }
    .site-header .nav-bar .site-nav li a {
      padding: 15px 7px; } }
  @media (max-width: 768px) {
    .site-header .nav-bar {
      float: right;
      width: auto; }
      .site-header .nav-bar .site-nav li a {
        padding: 11px 0 11px 11px;
        color: #666666;
        font-size: 20px;
        outline: none; }
    .site-header .cart-and-account {
      float: right;
      width: auto; }
      .site-header .cart-and-account .site-header__cart-toggle {
        margin-left: 20px; }
    .site-header .shipping-bar:before {
      right: -30px; } }
  @media (max-width: 480px) {
    .site-header {
      padding-bottom: 40px; }
      .site-header .nav-bar {
        float: right;
        width: auto; }
      .site-header .site-header__logo {
        margin-top: -13px; }
        .site-header .site-header__logo img {
          min-width: 140px; }
      .site-header .shipping-bar {
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        top: 55px; }
        .site-header .shipping-bar:before, .site-header .shipping-bar .curve {
          display: none; }
        .site-header .shipping-bar .text-content {
          text-align: center; } }

/*============================================================================
 Footer
==============================================================================*/
.site-footer {
  padding: 60px 0 40px 0;
  border-top: solid 1px #e5e5e5;
  background-color: #fff;
  float: left;
  width: 100%; }
  .site-footer hr {
    margin: 40px 0; }
  .site-footer h3, .site-footer .widgettitle, .site-footer .widget-title, .newsletter .newsletter_title, .social-links-title {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1F1F1F; }
  .site-footer .footer-logo img {
    transition: all 0.2s; }
  .site-footer .footer-list {
    list-style-type: none;
    margin: 0; }
    .site-footer .footer-list li {
      margin-bottom: 7px;
      color: #929292;
      font-weight: 500;
      line-height: 1.6; }
      .site-footer .footer-list li a {
        text-transform: uppercase;
        font-size: 12px;
        line-height: 1.6;
        color: #929292;
        letter-spacing: 0.7px;
        transition: all 0.2s; }
        .site-footer .footer-list li a:hover {
          color: #f7941d; }
      .site-footer .footer-list li:last-child {
        margin-bottom: 0; }
  .site-footer .input-group {
    margin-bottom: 40px; }
    .site-footer .input-group input {
      border-radius: 0 !important;
      outline: none;
      border: 0;
      background-color: #f6f6f6;
      font-size: 14px;
      letter-spacing: 0.7px;
      color: #666666; }
      .site-footer .input-group input::-webkit-input-placeholder {
        color: #d0d0d0;
        letter-spacing: 0.7px;
        font-size: 12px;
        line-height: 25px; }
      .site-footer .input-group input:-moz-placeholder {
        /* Firefox 18- */
        color: #d0d0d0;
        letter-spacing: 0.7px;
        font-size: 12px; }
      .site-footer .input-group input::-moz-placeholder {
        /* Firefox 19+ */
        color: #d0d0d0;
        letter-spacing: 0.7px;
        font-size: 12px; }
      .site-footer .input-group input:-ms-input-placeholder {
        color: #d0d0d0;
        letter-spacing: 0.7px;
        font-size: 12px; }
    .site-footer .input-group .btn {
      text-transform: uppercase;
      font-size: 11px;
      background-color: #f7941d;
      border-radius: 0 !important;
      letter-spacing: 0.7px;
      padding: 8px 20px;
      color: #fff;
      transition: all 0.2s; }
      .site-footer .input-group .btn:hover {
         }
  .site-footer .social-icons li {
    margin: 0 15px 20px 0; }
    .site-footer .social-icons li .icon, .site-footer .social-icons li .fa {
      color: #666666;
      font-size: 22px;
      transition: all 0.2s; }
      .site-footer .social-icons li .icon:hover, .site-footer .social-icons li .fa:hover {
        color: #6699CC; }
  .site-footer .copyright .copyright-text {
    font-size: 13px;
    letter-spacing: 0.7px;
    color: #929292;
    margin: 0;
    line-height: 35px; }
  .site-footer .card-details ul {
    float: right;
    list-style: none;
    margin: 0; }
    .site-footer .card-details ul li {
      float: left;
      margin-left: 10px;
      margin-bottom: 0;
      height: 33px; }
  @media (max-width: 1200px) {
    .site-footer .input-group {
      width: 100%; }
      .site-footer .input-group .input-group-btn {
        width: 100%;
        display: table; }
        .site-footer .input-group .input-group-btn .btn {
          width: 100%; }
      .site-footer .input-group input {
        text-align: center; } }
  @media (max-width: 960px) {
    .site-footer h3, .site-footer .widgettitle, .site-footer .widget-title, .newsletter .newsletter_title, .social-links-title {
      font-size: 14px; }
    .site-footer .footer-logo img {
      /*max-width: 140px;*/ } }
  @media (max-width: 768px) {
    .site-footer h3, .site-footer .widgettitle, .site-footer .widget-title, .newsletter .newsletter_title, .social-links-title {
      font-size: 14px; }
    .site-footer .footer-logo {
      margin-bottom: 40px; }
    .site-footer .newsletter, .site-footer .social-links {
      width: 50%;
      float: left;
      margin-top: 40px; }
    .site-footer .newsletter {
      padding-right: 15px; }
    .site-footer .social-links {
      padding-left: 15px; }
    .site-footer .input-group {
      width: 100%;
      max-width: 280px;
      margin-bottom: 0; }
      .site-footer .input-group .input-group-btn {
        width: 1%;
        display: table-cell; }
        .site-footer .input-group .input-group-btn .btn {
          width: auto; }
      .site-footer .input-group input {
        text-align: left; }
    .site-footer .copyright .copyright-text {
      line-height: 1.4em;
      text-align: center; }
    .site-footer .card-details ul {
      margin: 20px auto 0 auto;
      display: table;
      float: none; }
      .site-footer .card-details ul li:first-child {
        margin-left: 0; } }
  @media (max-width: 480px) {
    .site-footer {
      padding: 30px 0; }
      .site-footer hr {
        margin: 30px 0; }
      .site-footer h3, .site-footer .widgettitle, .site-footer .widget-title, .newsletter .newsletter_title, .social-links-title {
        margin: 30px 0 15px 0; }
      .site-footer .footer-logo {
        margin-bottom: 0; }
      .site-footer .newsletter, .site-footer .social-links {
        width: 100%;
        margin-top: 0; }
      .site-footer .newsletter {
        padding-right: 0; }
      .site-footer .social-links {
        padding-left: 0; }
        .site-footer .social-links li {
          margin-bottom: 0; }
          .site-footer .social-links li:last-child {
            margin-right: 0; }
      .site-footer .input-group {
        margin: 0 auto; }
      .site-footer .card-details ul li:nth-child(4) {
        clear: both;
        margin-left: 0;
        margin-top: 10px; }
      .site-footer .card-details ul li:nth-child(n+5) {
        margin-top: 10px; } }

.mobile-nav__item a, .mobile-nav__toggle button {
  text-transform: uppercase; }

/*============================================================================
 Homepage
==============================================================================*/
.header-wrap {
  background-color: black;
  width: 100%;
  height: 640px;
  position: relative;
  overflow: hidden; }
  .header-wrap .background {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/wp-content/themes/threo/images/home-bg.webp);
    background-size: cover;
    background-position: center left;
    opacity: 0.9;
    z-index: 0; }
  .header-wrap:before {/*
    content: '';
    background: url(/wp-content/themes/threo/images/home-bg-pattern.webp);
    height: 640px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    z-index: 1; */}
  .header-wrap:after {/*
    content: '';
    background: url(/wp-content/themes/threo/images/home-bg-pattern-2.webp);
    height: 298px;
    width: 179px;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    z-index: 1; */}
  .header-wrap .content-area {
    padding-top: 4.25em;
    z-index: 2;
    position: relative; 
	text-align: center;}
    .header-wrap .content-area.align_left .header-title, .header-wrap .content-area.align_left .header-subtitle, .header-wrap .content-area.align_left .cta {
      text-align: left;
      clear: both;
      float: left; }
    .header-wrap .content-area.align_left .cta {
      text-align: center; }
    .header-wrap .content-area.align_right .header-title, .header-wrap .content-area.align_right .header-subtitle, .header-wrap .content-area.align_right .cta {
      text-align: right;
      clear: both;
      float: none; }
	  .header-wrap .content-area.align_right .header-title,.header-wrap .content-area.align_right .header-subtitle{
		 text-align: center; 
		 margin: 0 auto;
		 float:none;
	  }
    .header-wrap .content-area.align_right .cta {
      text-align: center; }
  .header-wrap .header-title {
    color: #1F1F1F;
    margin: 0;
    font-size: 55px; }
  .header-wrap .header-subtitle {   
    max-width: 844px;
    margin-bottom: 32px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #4A4A4A;	
	text-transform: none;
	margin-bottom: 32px!important;}
  @media (max-width: 1440px) {
    .header-wrap .content-area {
      margin-left: 0px; }
      .header-wrap .content-area.align_right {
        margin: 0 auto; } }
  @media (max-width: 1180px) {
    .header-wrap {
      height: 500px; }
      .header-wrap:before {
        height: 550px; }
      .header-wrap:after {
        width: 120px; }
      .header-wrap .header-title {
        font-size: 45px; }
      .header-wrap .header-subtitle {
        margin-bottom: 30px; }
      .header-wrap .content-area {
        margin-left: 100px;
        padding-top: 9em; }
        .header-wrap .content-area.align_right {
          margin-right: 0px;
          margin-left: 0; } }
  @media (max-width: 768px) {
    .header-wrap {
      height: 370px; }
      .header-wrap .background {
        opacity: 0.5; }
      .header-wrap:before {
        height: 430px; }
      .header-wrap:after {
        display: none; }
      .header-wrap .header-title {
        font-size: 36px; }
      .header-wrap .header-subtitle {
        margin-bottom: 30px;
        font-size: 16px; }
      .header-wrap .content-area {
        margin-left: 70px;
        padding-top: 6em; }
        .header-wrap .content-area.align_right {
          margin-right: 0;
          margin-left: 0; } }
  @media (max-width: 480px) {
    .header-wrap:before {
      left: -55px; }
    .header-wrap .header-title {
      font-size: 28px;
      margin-bottom: 10px; }
    .header-wrap .header-subtitle {
      margin-bottom: 20px;
      font-size: 14px; }
    .header-wrap .content-area {
      padding-top: 6.5em;
      margin: 0 auto;
      max-width: 100%;}
      .header-wrap .content-area.align_right, .header-wrap .content-area.align_left {
        margin: 0 auto; }
        .header-wrap .content-area.align_right .header-title, .header-wrap .content-area.align_right .header-subtitle, .header-wrap .content-area.align_right .cta, .header-wrap .content-area.align_left .header-title, .header-wrap .content-area.align_left .header-subtitle, .header-wrap .content-area.align_left .cta {
          text-align: center;
          clear: both;
          float: none; }
        .header-wrap .content-area.align_right .cta, .header-wrap .content-area.align_left .cta {
          text-align: center;
          display: table;
          margin: 0 auto; } }

.section-wrap {
  padding: 80px 0;
  position: relative;
  border-bottom: solid 1px #e5e5e5; }
  .section-wrap.instagram {
    position: relative;
    z-index: 2; }
    .section-wrap.instagram .fs-wrapper {
      position: initial;
      max-height: 560px; }
    .section-wrap.instagram .fs-timeline-detail {
      backface-visibility: hidden; }
  .section-wrap.newsletter {    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 11em 0; 
	background-image: url(/wp-content/themes/threo/images/background_news.png)!important;}
    .section-wrap.newsletter .section-title {
      color: #fff;
      margin-bottom: 10px; }
    .section-wrap.newsletter .section-subtitle {
      color: #fff;
      margin-bottom: 0; }
    .section-wrap.newsletter .input-group {
      max-width: 600px;
      margin: 50px auto 0 auto; }
      .section-wrap.newsletter .input-group .input-group-field {
        height: 45px;
        outline: none;
        letter-spacing: 0.4px;
        font-size: 16px; }
      .section-wrap.newsletter .input-group .input-group-btn .btn {
        height: 45px;
        padding: 8px 50px;
        background-color: #f7941d;
        color: #fff;
        text-transform: uppercase;
        transition: all 0.2s;
        outline: none;
        font-size: 16px; }
        .section-wrap.newsletter .input-group .input-group-btn .btn:hover {
          background-color: #f7941d; }
  .section-wrap .section-title {
    text-align: center;
    color: #f7941d;
    margin-bottom: 30px;
    position: relative; }
    .section-wrap .section-title.custom-grid-title {
      margin-bottom: 50px; }
      @media (max-width: 768px) {
        .section-wrap .section-title.custom-grid-title {
          margin-bottom: 30px; } }
  .section-wrap .section-subtitle {
    text-align: center;
    color: #f7941d;
    margin-bottom: 30px;
    font-size: 20px;
    letter-spacing: 1.5px; }
  .section-wrap .curve-1 {
    background-repeat: no-repeat;
    width: 200px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0; }
  .section-wrap .curve-1-flip {
    background: url(/wp-content/themes/threo/images/home-bg-pattern-3b.webp);
    background-repeat: no-repeat;
    width: 200px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }
  .section-wrap .curve-2 {
    background: url(/wp-content/themes/threo/images/home-bg-pattern-4.png);
    background-repeat: no-repeat;
    width: 823px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0; }
  @media (max-width: 1180px) {
    .section-wrap .curve-1, .section-wrap .curve-1-flip {
      width: 125px; } }
  @media (max-width: 768px) {
    .section-wrap {
      padding: 50px 0; }
      .section-wrap.instagram .fs-wrapper {
        max-height: 1312px; }
      .section-wrap.instagram .fs-entry-container {
        width: 50% !important;
        padding-top: 50% !important; }
      .section-wrap.newsletter {
        padding: 7em 0; }
        .section-wrap.newsletter .input-group {
          padding: 0 30px;
          margin: 30px auto 0 auto; }
          .section-wrap.newsletter .input-group .input-group-field {
            font-size: 14px; }
          .section-wrap.newsletter .input-group .input-group-btn .btn {
            padding: 8px 30px;
            font-size: 14px; }
      .section-wrap .section-title {
        font-size: 30px; }
      .section-wrap .section-subtitle {
        font-size: 18px; }
      .section-wrap .curve-1, .section-wrap .curve-1-flip {
        width: 80px; } }
  @media (max-width: 480px) {
    .section-wrap {
      padding: 40px 0; }
      .section-wrap.newsletter {
        padding: 5em 0; }
        .section-wrap.newsletter .input-group .input-group-btn .btn {
          padding: 8px 20px; }
      .section-wrap .section-title {
        font-size: 22px; }
      .section-wrap .section-subtitle {
        font-size: 14px; }
      .section-wrap .curve-1, .section-wrap .curve-1-flip {
        display: none; } }

.front-page-customgrid .grid__item a {
  position: relative;
  margin-top: 20px; }
  .front-page-customgrid .grid__item a h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1.2; }
@media (max-width: 768px) {
  .front-page-customgrid .grid__item a {
    margin-top: 0; } }

.front-page-collection .grid__image {
  padding: 0 10%;
  margin-top: 40px; }
@media (max-width: 768px) {
  .front-page-collection .grid__image {
    margin-top: 0px; }
  .front-page-collection .grid__item:nth-child(3) {
    display: none; } }

.section-about {
  position: relative;
  overflow: hidden; }
  .section-about .mobileShow {
    display: none; }
  .section-about .mobileHide {
    display: block; }
  .section-about .image {
    position: relative;
    background-size: cover;
    width: 100%;
    height: 530px;
    z-index: 0; }
  .section-about .description {
    position: relative;
    width: 100%;
    height: 530px;
    background: #fff;
    z-index: 1; }
    .section-about .description .container {
      position: absolute;
      z-index: 2;
      top: 50%;
      margin-top: -100px;
      padding: 0 30px;
      max-width: 560px;
      width: 100%; }
    .section-about .description .logo {
      width: 60px;
      height: 60px;
      background-position: center center;
      background-size: contain;
      margin: 0 auto 16px auto;
      display: table; }
    .section-about .description .section-title {
      text-align: center;
      color: #f7941d;
      margin-bottom: 20px; }
    .section-about .description .section-description {
      text-align: center;
      max-width: 500px;
      margin: 0 auto 40px auto; }
    .section-about .description .cta {
      margin: 0 auto;
      display: table;
      float: none; 
	  border-radius: 4px;}
    .section-about .description:before {
      content: '';
      background-size: contain;
      background-repeat: no-repeat; }
    .section-about .description:after {
      content: '';
      background-size: contain;
      background-repeat: no-repeat; }
  .section-about.swim .description:before {
    background-image: url(/wp-content/themes/threo/images/about-curve-1.webp);
    background-position: center left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -210px;
    top: 0;
    bottom: 0; }
  .section-about.swim .description:after {
    background-image: url(/wp-content/themes/threo/images/about-curve-2.png);
    background-position: center right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  .section-about.swim .description .container {
    left: 5%; }
  .section-about.swim .description .logo {
    background-image: url(/wp-content/themes/threo/images/swim-about-logo.png); }
  .section-about.swim .image {
    background-image: url(/wp-content/themes/threo/images/swim-about-image.webp);
    background-position: center center; }
  .section-about.cycle .description:before {
    /*background-image: url(/wp-content/themes/threo/images/about-curve-3.png);*/
    background-position: center right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105px;
    top: 0;
    bottom: 0; }
  .section-about.cycle .description:after {
    background-image: url(/wp-content/themes/threo/images/about-curve-4.webp);
    background-position: center left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
  .section-about.cycle .description .container {
    right: 5%; }
  .section-about.cycle .description .logo {
    background-image: url(/wp-content/themes/threo/images/cycle-about-logo.png); }
  .section-about.cycle .image {
    background-image: url(/wp-content/themes/threo/images/cycle-about-image.webp);
    background-position: center center; }
  .section-about.run .description:before {
    background-image: url(/wp-content/themes/threo/images/about-curve-5.webp);
    background-position: center left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -210px;
    top: 0;
    bottom: 0; }
  .section-about.run .description:after {
    background-image: url(/wp-content/themes/threo/images/about-curve-6.webp);
    background-position: center right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
  .section-about.run .description .container {
    left: 5%; }
  .section-about.run .description .logo {
    background-image: url(/wp-content/themes/threo/images/run-about-logo.png); }
  .section-about.run .image {
    background-image: url(/wp-content/themes/threo/images/run-about-image.webp);
    background-position: center center; }
  @media (max-width: 1200px) {
    .section-about.run .description .container {
      left: -5%; }
    .section-about.run .description:after {
      width: 604px;
      right: -230px; }
    .section-about.swim .description .container {
      left: -5%; }
    .section-about.cycle .description .container {
      right: -5%; }
    .section-about.cycle .description:after {
      width: 120%;
      left: -100px; } }
  @media (max-width: 768px) {
    .section-about .mobileShow {
      display: block; }
    .section-about .mobileHide {
      display: none; }
    .section-about .description {
      background-color: #fff;
      border-bottom: solid 1px #e5e5e5;
      height: 450px; }
      .section-about .description .container {
        margin: -97px auto 0 auto; }
    .section-about .section-title {
      font-size: 30px; }
    .section-about .image {
      height: 320px; }
    .section-about.run .description .container {
      left: 0;
      right: 0; }
    .section-about.run .description:before {
      display: none; }
    .section-about.swim .description .container {
      left: 0;
      right: 0; }
    .section-about.swim .description:before {
      display: none; }
    .section-about.cycle .description .container {
      left: 0;
      right: 0; }
    .section-about.cycle .description:before {
      display: none; } }
  @media (max-width: 480px) {
    .section-about .section-title {
      font-size: 22px; }
    .section-about .description {
      height: 400px; }
      .section-about .description .container {
        margin: -83px auto 0 auto; }
      .section-about .description .section-description {
        font-size: 14px;
        margin: 0 auto 20px auto; } }

.section-wrap.instagram {
  padding: 80px 0 100px; }
  .section-wrap.instagram .instagram-wrapper {
    position: relative;
    z-index: 1; }
    .section-wrap.instagram .instagram-wrapper .section-header {
      margin-bottom: 80px; }
      .section-wrap.instagram .instagram-wrapper .section-header a {
        width: auto;
        margin: 0 auto;
        display: table;
        float: none; }
        .section-wrap.instagram .instagram-wrapper .section-header a .section-title {
          margin-bottom: 0; }
        .section-wrap.instagram .instagram-wrapper .section-header a:hover:before, .section-wrap.instagram .instagram-wrapper .section-header a:hover:after {
          display: none; }
    .section-wrap.instagram .instagram-wrapper a {
      width: 25%;
      float: left;
      line-height: 0;
      position: relative; }
      .section-wrap.instagram .instagram-wrapper a img {
        position: relative;
        z-index: 0; }
      .section-wrap.instagram .instagram-wrapper a:before {
        content: '';
        transition: all 0.2s;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: #f7941d;
        opacity: 0; }
      .section-wrap.instagram .instagram-wrapper a:after {
        content: "\f16d";
        position: absolute;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        left: 0;
        right: 0;
        text-align: center;
        top: 50%;
        margin-top: -15px;
        font-size: 30px;
        color: #fff;
        opacity: 0;
        transition: all 0.2s; }
      .section-wrap.instagram .instagram-wrapper a:hover:before {
        opacity: 0.95; }
      .section-wrap.instagram .instagram-wrapper a:hover:after {
        z-index: 2;
        opacity: 1; }
  @media (max-width: 768px) {
    .section-wrap.instagram {
      padding: 50px 0; }
      .section-wrap.instagram .instagram-wrapper .section-header {
        margin-bottom: 50px; }
      .section-wrap.instagram .instagram-wrapper a {
        width: 50%; } }
  @media (max-width: 480px) {
    .section-wrap.instagram {
      padding: 40px 0; }
      .section-wrap.instagram .instagram-wrapper .section-header {
        margin-bottom: 40px; } }

/*============================================================================
 Collection Page
==============================================================================*/
.collection-header {
  background-color: black;
  width: 100%;
  height: 400px;
  position: relative; }
  .collection-header .background {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/wp-content/themes/threo/images/collection-header-bg.webp);
    background-size: cover;
    background-position: center left;
    opacity: 0.5;
    z-index: 0; }
  .collection-header .wrapper {
    position: absolute;
    margin: 0 auto;
    margin-top: -80px;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%; }
  .collection-header .header-title {
    color: #fff;
    text-align: center;
    font-size: 48px; }
  .collection-header .header-description {
    color: #fff;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.7px;
    line-height: 1.6em;
    max-width: 550px;
    margin: 0 auto; }
  .collection-header hr {
    width: 40px;
    margin: 25px auto;
    border-width: 3px 0 0;
    border-top: solid #fff; }
  @media (max-width: 768px) {
    .collection-header {
      height: 300px; }
      .collection-header .header-title {
        font-size: 40px; }
      .collection-header .header-description {
        font-size: 18px; } }
  @media (max-width: 480px) {
    .collection-header {
      height: 250px; }
      .collection-header .wrapper {
        margin-top: -80px; }
      .collection-header hr {
        margin: 15px auto; }
      .collection-header .header-title {
        font-size: 30px; }
      .collection-header .header-description {
        font-size: 16px; } }

@media (max-width: 390px) {
	.collection-header .wrapper {
        margin-top: -110px; 
		}
}
.pre-order-badge {
  position: absolute;
  top: -15px;
  right: 15px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  z-index: 999;
  background: #f4f4f4;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.7px;
  font-weight: 600;
  font-size: 12px;
  color: #666; }

.collection-filter-bar {
  display: table;
  width: 100%;
  padding: 15px 0;
  border-bottom: solid 1px #e5e5e5; }
  .collection-filter-bar .breadcrumb {
    line-height: 54px;
    float: left; }
  .collection-filter-bar .filters {
    float: right; }
    .collection-filter-bar .filters select {
      line-height: 54px;
      height: 54px;
      padding: 0 15px;
      width: 210px;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.4px;
      color: #666666;
      outline: none;
      background-position: right 15px center;
      background-image: url(/wp-content/themes/threo/images/down-arrow.webp);
      background-size: 12px;
      border-radius: 1px;
      margin-left: 15px;
      float: left; }
      .collection-filter-bar .filters select option {
        text-transform: capitalize; }
  @media (max-width: 768px) {
    .collection-filter-bar .breadcrumb {
      line-height: 45px;
      width: 100%;
      text-align: center;
      margin-bottom: 15px; }
    .collection-filter-bar .filters {
      float: none; }
      .collection-filter-bar .filters select {
        line-height: 45px;
        height: 45px;
        font-size: 12px;
        width: 48%;
        margin-left: 4%; }
        .collection-filter-bar .filters select:first-child {
          margin-left: 0; } }
  @media (max-width: 480px) {
    .collection-filter-bar .filters select {
      width: 100%;
      margin: 0 auto 15px auto; } }

.collection-product-grid {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden; }
  .collection-product-grid .background-pattern {
    top: -150px; }
  .collection-product-grid .grid__item.product {
    padding-right: 30px;
    padding-bottom: 60px; }
  .collection-product-grid .wrapper {
    padding: 60px 0 0 0; }
  @media (max-width: 768px) {
    .collection-product-grid .wrapper {
      padding: 30px 0 0 0; }
    .collection-product-grid .grid__item.product {
      padding-bottom: 30px; } }

.collection-product-grid.collection_page_list {
  padding: 0 15px; }
  @media screen and (min-width: 480px) {
    .collection-product-grid.collection_page_list .wrapper {
      padding: 60px 30px 0 30px; } }
  .collection-product-grid.collection_page_list .grid {
    clear: both; }
  .collection-product-grid.collection_page_list .grid__item {
    padding-right: 0; }
  .collection-product-grid.collection_page_list .section-header__right {
    float: right; }
  .collection-product-grid.collection_page_list .section-header__left {
    text-align: left;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.8em;
    color: #f7941d;
    margin-bottom: 5px;
    position: relative; }
  .collection-product-grid.collection_page_list .cta {
    float: right; }
  @media (max-width: 1024px) {
    .collection-product-grid.collection_page_list .grid__item {
      width: 33.3%; }
      .collection-product-grid.collection_page_list .grid__item:nth-child(n+4) {
        display: none; } }
  @media (max-width: 768px) {
    .collection-product-grid.collection_page_list .cta {
      width: 150px; }
    .collection-product-grid.collection_page_list .grid__item {
      width: 50%; }
      .collection-product-grid.collection_page_list .grid__item:nth-child(n+3) {
        display: none; } }
  @media (max-width: 530px) {
    .collection-product-grid.collection_page_list .grid__item {
      width: 100%; } }

/*============================================================================
 Product Page
==============================================================================*/
.product-single {
  margin-top: 50px; }

.product-thumbs {
  max-height: none;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .product-thumbs.expand {
    max-height: 525px;
    padding: 30px 0; }
    .product-thumbs.expand .arrow-up, .product-thumbs.expand .arrow-down {
      display: block; }
    @media (max-width: 960px) {
      .product-thumbs.expand {
        max-height: 505px; } }
    @media (max-width: 768px) {
      .product-thumbs.expand {
        max-height: 80px;
        padding: 0 30px;
        display: block;
        width: 460px; }
        .product-thumbs.expand .arrow-up {
          left: 0;
          width: 30px;
          height: 80px;
          line-height: 80px; }
          .product-thumbs.expand .arrow-up:after {
            content: "\f053"; }
        .product-thumbs.expand .arrow-down {
          right: 0;
          left: auto;
          width: 30px;
          height: 80px;
          line-height: 80px; }
          .product-thumbs.expand .arrow-down:after {
            content: "\f054"; } }
    @media (max-width: 530px) {
      .product-thumbs.expand {
        max-height: 60px;
        width: 340px; }
        .product-thumbs.expand .arrow-up, .product-thumbs.expand .arrow-down {
          height: 60px;
          line-height: 60px; } }
    @media (max-width: 400px) {
      .product-thumbs.expand {
        width: 270px; } }
  .product-thumbs .arrow-up, .product-thumbs .arrow-down {
    display: none;
    position: absolute;
    width: 105px;
    height: 20px;
    left: 30px;
    top: 0;
    background-color: #FFF;
    z-index: 1; }
    .product-thumbs .arrow-up:after, .product-thumbs .arrow-down:after {
      content: "\f077";
      position: relative;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      width: 100%;
      font-size: 20px;
      color: #f7941d; }
  .product-thumbs .arrow-down {
    top: auto;
    bottom: 0; }
    .product-thumbs .arrow-down:after {
      content: "\f078"; }
  .product-thumbs .grid__item {
    margin-bottom: 15px; }
    .product-thumbs .grid__item a {
      width: 105px;
      height: 105px;
      overflow: hidden;
      margin: 0;
      border: solid 1px #e5e5e5;
      padding: 15px;
      position: relative; }
      .product-thumbs .grid__item a:after {
        content: '';
        width: 100%;
        position: absolute;
        height: 15px;
        background: #FFF;
        bottom: 0;
        left: 0;
        right: 0; }
      .product-thumbs .grid__item a:hover, .product-thumbs .grid__item a.active {
        border: solid 1px #666666; }

.product-photo span {
  display: table; }
.product-photo img {
  max-width: 410px;
  width: 100%; }
.product-photo .zoomImg {
  background-color: #fff; }

.product-info .stock-note {
  float: left;
  width: 100%;
  margin-top: 15px; }
  .product-info .stock-note p {
    font-size: 12px; }
.product-info .title {
  font-size: 26px;
  letter-spacing: 0.7px;
  line-height: 1.2em;
  margin-bottom: 10px;
  color: black; }
.product-info .price {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #f7941d;
  margin-bottom: 15px; }
.product-info p {
  font-size: 16px;
  letter-spacing: 0.7px;
  color: #666666;
  line-height: 1.5em;
  margin-bottom: 0;
  font-weight: normal; }
.product-info .extract {
  max-height: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }
.product-info .shipping {
  color: black;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin: 30px 0 35px 0; }
.product-info select {
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #666666;
  outline: none;
  background-position: right 15px center;
  background-size: 12px;
  border-radius: 1px;
  float: left; }
.product-info .size-guide, .product-info .size-guide2, .product-info .size-guide3{
  font-size: 14px;
  text-decoration: underline;
  letter-spacing: 0.7px;
  color: #666666;
  margin: 15px auto 0 auto;
  display: inline-block;
  transition: all 0.2s; }
  .product-info .size-guide:hover, .product-info .size-guide2:hover, .product-info .size-guide3:hover{
    color: #f7941d; }
.product-info .cta {
  width: 100%;
  border-radius: 1px;
  padding: 0;
  margin-top: 35px; }
.product-info.mobile {
  display: none; }

.product-description p {
  font-size: 18px;
  line-height: 35px;
  margin: 0; }
  .product-description p:first-of-type, .product-description p:last-of-type {
    display: none !important; }
  .product-description p strong {
    font-size: 16px; }
.product-description hr {
  margin: 0; }
.product-description .description-section {
  float: left;
  width: 100%;
  margin: 80px 0; }
.product-description .description-section.features .content-area p {
  list-style: disc outside none;
  display: list-item;
  margin-bottom: 20px; }
  .product-description .description-section.features .content-area p:nth-last-of-type(2) {
    margin-bottom: 0; }
.product-description .title-area {
  float: left;
  width: 20%; }
  .product-description .title-area p {
    color: black;
    font-weight: 600;
    font-size: 16px; }
.product-description .content-area {
  float: left;
  width: 80%; }

.product-description-photos {
  float: left;
  width: 100%;
  position: relative; }
  .product-description-photos p {
    margin: 0; }
    .product-description-photos p:first-of-type, .product-description-photos p:last-of-type {
      display: none !important; }
  .product-description-photos .photo-container {
    float: left;
    width: 25%;
    padding-top: 25%;
    position: relative;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

#preOrderMessage {
  display: inline-block;
  margin-top: 20px;
  line-height: 1.5; }

.recommended-items {
  padding: 80px 0;
  float: left;
  width: 100%;
  position: relative; }
  .recommended-items .section-header__title {
    text-align: center;
    color: #f7941d;
    margin-bottom: 40px; }
  .recommended-items .grid__item.product .container {
    border: none;
    background: none;
    padding-bottom: 0; }
  .recommended-items .curve-1 {
    background: url(/wp-content/themes/threo/images/home-bg-pattern-3.webp);
    background-repeat: no-repeat;
    width: 200px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0; }
    @media (max-width: 1180px) {
      .recommended-items .curve-1 {
        width: 125px; } }
    @media (max-width: 768px) {
      .recommended-items .curve-1 {
        width: 80px; } }
    @media (max-width: 480px) {
      .recommended-items .curve-1 {
        display: none; } }

@media (max-width: 960px) {
  .product-single .large--six-tenths {
    width: 40%; }
  .product-single .large--two-tenths {
    width: 30%; }

  .product-thumbs .grid__item a {
    width: 100px;
    height: 100px; } }
@media (max-width: 768px) {
  .product-single {
    margin-top: 30px; }
    .product-single .large--six-tenths {
      width: 100%; }
    .product-single .large--two-tenths {
      width: 100%; }

  .product-thumbs {
    margin: 0 auto 20px auto;
    display: table; }
    .product-thumbs .grid__item {
      width: auto;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 0; }
      .product-thumbs .grid__item a {
        width: 80px;
        height: 80px;
        padding: 10px; }
        .product-thumbs .grid__item a:after {
          height: 10px; }

  .product-info.mobile {
    display: block; }
  .product-info.desktop .title, .product-info.desktop .visually-hidden, .product-info.desktop .price, .product-info.desktop .extract, .product-info.desktop .shipping {
    display: none; }

  .product-description p {
    font-size: 16px;
    line-height: 30px; }
    .product-description p strong {
      font-size: 14px; }
  .product-description .description-section {
    margin: 40px 0; }
    .product-description .description-section.features .content-area {
      padding-left: 20px; }
      .product-description .description-section.features .content-area p {
        margin-bottom: 10px; }
  .product-description .title-area, .product-description .content-area {
    width: 100%; }
  .product-description .title-area {
    margin-bottom: 10px; }

  .product-description-photos .photo-container {
    width: 50%;
    padding-top: 50%; }

  .recommended-items .section-header__title {
    font-size: 30px; }
  .recommended-items .grid__item.product {
    padding-bottom: 0; }
    .recommended-items .grid__item.product:last-of-type {
      display: none; } }
@media (max-width: 530px) {
  .product-thumbs {
    margin: 0 auto 20px auto;
    display: table; }
    .product-thumbs .grid__item {
      width: auto;
      padding-left: 5px;
      padding-right: 5px; }
      .product-thumbs .grid__item:first-child {
        padding-left: 0; }
      .product-thumbs .grid__item a {
        width: 60px;
        height: 60px;
        padding: 5px; }
        .product-thumbs .grid__item a:after {
          height: 5px; } }
@media (max-width: 480px) {
  .product-single {
    margin-top: 30px; }

  .product-info .shipping {
    margin: 20px 0 25px 0; }
  .product-info .cta {
    margin-top: 25px; }

  .recommended-items {
    padding: 40px 0; }
    .recommended-items .section-header__title {
      font-size: 22px; }
    .recommended-items .grid__item.product {
      padding-bottom: 30px; }
      .recommended-items .grid__item.product:last-of-type {
        display: block; } }
/*============================================================================
 Social Page
==============================================================================*/
.social-page {
  padding: 80px 0;
  position: relative;
  overflow: hidden; }
  .social-page .background-pattern {
    top: -100px; }
  .social-page .header-title {
    color: #f7941d;
    text-align: center;
    font-size: 48px; }
  .social-page hr {
    width: 40px;
    margin: 25px auto;
    border-width: 3px 0 0;
    border-top: solid #f7941d; }
  .social-page .header-description {
    color: #666666;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.7px;
    max-width: 550px;
    margin: 0 auto 80px auto; }
  @media (max-width: 768px) {
    .social-page .header-title {
      font-size: 30px; }
    .social-page .header-description {
      font-size: 18px; } }
  @media (max-width: 480px) {
    .social-page .header-title {
      font-size: 22px; } }

/*============================================================================
 News Page
==============================================================================*/
.news-page, .article-page {
  margin-top: 30px; }
  .news-page a:hover, .article-page a:hover {
    color: #f7941d; }
  .news-page span, .article-page span {
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 1.8em;
    color: #666;
    font-weight: normal; }
  .news-page h4, .article-page h4 {
    font-size: 22px;
    margin-bottom: 20px; }
  .news-page h4 span, .article-page h4 span {
    font-size: 22px;
    font-weight: 500; }
  .news-page h3 a, .article-page h3 a {
    color: #666666;
    margin-bottom: 5px;
    display: block; }

/*================ Social share buttons ================*/
.social-sharing {
  margin-top: 40px; }
  .social-sharing * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .social-sharing a {
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 5px 8px 0 0;
    text-decoration: none;
    font-weight: normal;
    background: #f7941d;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    transition: all 0.2s; }
    .social-sharing a:hover {
      color: #fff;
      background: #f7941d; }
  @media (max-width: 768px) {
    .social-sharing {
      margin: 40px auto 0 auto;
      display: table; } }

/*============================================================================
 Cart Page
==============================================================================*/
.cart-page {
  margin: 20px 0;
  float: left;
  width: 100%; }
  .cart-page h1 {
    margin-bottom: 30px; }
  .cart-page h2 {
    color: #666666;
    margin-bottom: 30px; }
  .cart-page p {
    margin-bottom: 0; }
    .cart-page p a {
      color: #f7941d; }
  .cart-page em {
    margin-bottom: 0;
    display: block; }
  .cart-page .h3 {
    font-size: 20px; }
  .cart-page .cart-table td, .cart-page .cart-table th {
    padding: 20px 15px; }
  .cart-page .subtotal_footer {
    display: block;
    margin-bottom: 20px; }
  .cart-page .preorder_note {
    display: none; }
    .cart-page .preorder_note.active {
      display: block; }
  .cart-page .cart__header-labels th {
    font-size: 16px;
    font-weight: 500; }
  .cart-page .cart__row {
    margin-top: 0px; }
  .cart-page .stockNote {
    margin-top: -10px;
    margin-bottom: 20px; }
  .cart-page .table__section td small {
    color: #aaa;
    font-size: 20px; }
  .cart-page .table__section td a {
    color: #333;
    font-size: 20px; }
    .cart-page .table__section td a small {
      color: #f7941d;
      font-size: 16px; }
  .cart-page .btn--secondary {
    transition: all 0.2s; }
  .cart-page .btn {
    background-color: #f7941d;
    border-color: #f7941d;
    transition: all 0.2s; }
    .cart-page .btn:focus {
      outline: none; }
    .cart-page .btn:hover {
      background-color: #f7941d; }
  .cart-page .checkout-tickbox {
    float: none;
    text-align: right;
    clear: both;
    margin: 20px 0 25px 0; }

/*============================================================================
 Account Pages
==============================================================================*/
.account-page-home .account-title {
  margin-bottom: 0; }
.account-page-home h2 {
  font-size: 20px;
  margin: 20px 0; }
.account-page-home .logout {
  font-weight: 500; }

.account-page {
  margin: 50px 0 0 -30px; }
  .account-page h2 {
    color: #666666;
    margin-bottom: 30px;
    font-size: 34px;
    line-height: 1.2em; }
  .account-page p {
    line-height: 1.5em; }
  .account-page a:hover {
    color: #f7941d; }
  .account-page input:focus {
    outline: none; }
  .account-page .btn {
    background-color: #f7941d;
    transition: all 0.2s;
    margin-bottom: 20px; }
    .account-page .btn:hover {
      background-color: #f7941d; }
  @media (max-width: 768px) {
    .account-page h1 {
      font-size: 30px; } }

/*============================================================================
 Contact
==============================================================================*/
.contact-page {
  margin: 20px 0 0 -15px;
  float: left;
  width: 100%; }
  .contact-page input:focus, .contact-page textarea:focus {
    outline: none; }
  .contact-page .btn {
    background-color: #f7941d;
    min-width: 150px;
    transition: all 0.2s; }
    .contact-page .btn:hover {
      background-color: #f7941d; }

/*============================================================================
 About Page
==============================================================================*/
@media (max-width: 600px) {
  .about-page table, .about-page thead, .about-page tbody, .about-page th, .about-page td, .about-page tr {
    display: block; }

  .about-page td {
    position: relative; }

  .about-page td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap; }

  .about-page table img {
    margin-top: 40px;
    margin-bottom: 20px; } }
.table-about-us tbody > tr > td > p {
  text-transform: none !important;
  font-weight: normal !important;
  font-size: 15px !important;
  text-align: left !important; }
.table-about-us th, .table-about-us td {
  padding: 30px;
  border: none; }

.about-page {
  padding: 80px 0 0 0;
  position: relative;
  overflow: hidden; }
  .about-page .background-pattern {
    top: -100px; }
  .about-page .wrapper {
    max-width: 100%; }
  .about-page .header-description {
    margin-bottom: 60px; }
    .about-page .header-description p {
      text-align: center;
      text-transform: uppercase;
      color: #666666;
      font-weight: 600;
      font-size: 14px;
      margin: 0 auto;
      display: table;
      margin-bottom: 15px;
      max-width: 758px; }
  .about-page th, .about-page td {
    vertical-align: top; }
    .about-page th p, .about-page td p {
      font-size: 10px; }
  .about-page img {
    border: solid 5px #f7941d;
    border-radius: 1000px; }
  .about-page .about-us-page-ico img {
    max-width: 50px;
    float: left;
    margin: 30px 30px 0 0;
    border: none;
    border-radius: initial; }
    .about-page .about-us-page-ico img:last-child {
      margin-right: 0; }
  .about-page .about-description-photos {
    float: left;
    width: 100%;
    position: relative; }
    .about-page .about-description-photos p {
      margin: 0; }
      .about-page .about-description-photos p:first-of-type, .about-page .about-description-photos p:last-of-type {
        display: none !important; }
    .about-page .about-description-photos .photo-container {
      float: left;
      width: 25%;
      padding-top: 25%;
      position: relative;
      display: block;
      overflow: hidden;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
  @media (max-width: 768px) {
    .about-page {
      padding: 40px 0 0 0; }
      .about-page .header-description {
        margin-bottom: 30px; }
        .about-page .header-description p {
          font-size: 16px; }
      .about-page .about-us-page-ico img {
        max-width: 60px;
        margin: 20px 20px 0 0; }
      .about-page .about-description-photos .photo-container {
        width: 50%;
        padding-top: 50%; } }

/*============================================================================
Popup Styling
==============================================================================*/
#CoverPop-cover {
  display: none;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  -webkit-animation: fade-in .25s ease-in;
  -moz-animation-name: fade-in .25s ease-in;
  -ms-animation-name: fade-in .25s ease-in;
  -o-animation-name: fade-in .25s ease-in;
  animation-name: fade-in .25s ease-in;
  width: 100%; }

.CoverPop-close, .CoverPop-close2, .CoverPop-close3, .CoverPop-close4, .CoverPop-close5, .CoverPop-close6{
  position: absolute;
  right: -40px;
  top: -40px;
  z-index: 9999;
  font-size: 35px; }
  .CoverPop-close:after, .CoverPop-close2:after, .CoverPop-close3:after, .CoverPop-close4:after, .CoverPop-close5:after, .CoverPop-close6:after{
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.CoverPop-open #CoverPop-cover {
  display: block; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.splash-center{
  text-align: center;
  max-width: 800px;
  padding: 20px;
  background: #fff;
  margin: 5% auto 0;
  position: relative; 
    overflow: scroll;
    max-height: 80vh;
    overflow-x: hidden;
}
  .splash-center-wrapper{
       text-align: center;
  max-width: 800px;
  background: #fff;
  margin: 5% auto 0;
  position: relative; 
  max-height: 80vh;
  }
  .splash-center.newsletter {
    max-width: 600px;
    display: table;
    padding: 0; }
    .splash-center.newsletter .container {
      padding: 30px 50px;
      float: left;
      width: 100%; }
    .splash-center.newsletter .popup-image {
      width: 100%; }
      .splash-center.newsletter .popup-image img {
        float: left;
        width: 100%; }
    .splash-center.newsletter .section-title {
      margin-bottom: 10px; }
    .splash-center.newsletter .section-subtitle {
      margin-bottom: 30px; }
    .splash-center.newsletter .email {
      border-radius: 0;
      outline: none;
      border: none;
      background-color: #f6f6f6;
      font-size: 18px;
      letter-spacing: 0.7px;
      color: #666666;
      float: left;
      width: 75%;
      height: 50px;
      padding-left: 15px; }
    .splash-center.newsletter .button {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      background-color: #f7941d;
      border-radius: 0;
      border: none;
      letter-spacing: 0.7px;
      padding: 8px 20px;
      color: #fff;
      transition: all 0.2s;
      float: left;
      width: 25%;
      height: 50px; }
      .splash-center.newsletter .button:hover {
        background: #f7941d; }
  .splash-center td, .splash-center th {
    padding: 8px; }

.splash {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  overflow-y: hidden;
  top: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%; }

.input-text {
  width: 100%;
  margin-bottom: 5px;
  border: solid 1px #ccc;
  padding: 7px; }

.submit-button {
  margin-bottom: 10px; }

.close-splash {
  margin: 0;
  font-size: 12px; }

@media screen and (max-width: 960px) {
  .splash-center {
    margin: 20% auto; }

  .CoverPop-close, .CoverPop-close2, .CoverPop-close3, .CoverPop-close4, .CoverPop-close5, .CoverPop-close6{
    position: absolute;
    right: 0;
    top: -55px; } }
@media screen and (max-width: 600px) {
  .splash-center {
    margin: 20% 15px; }
    .splash-center.newsletter .container {
      padding: 20px; }
    .splash-center.newsletter .section-title {
      font-size: 24px; }
    .splash-center.newsletter .section-subtitle {
      font-size: 14px;
      margin-bottom: 20px; }
    .splash-center.newsletter .email {
      width: 65%;
      font-size: 14px; }
    .splash-center.newsletter .button {
      width: 35%;
      font-size: 12px;
      padding: 8px 0; } }
@media screen and (max-width: 400px) {
  .splash-center td, .splash-center th {
    padding: 6px 4px;
    font-size: 12px;
    line-height: 1.2em; } }