@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import "//fonts.googleapis.com/css?family=Bitter:400,700|Open+Sans:400,700,300";
body {
    margin:0;
      font-family: 'Open Sans';
    }
    html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    *, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    
    }
    
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #525459;
    font-family: "Bitter",serif;
  
}
.main-header div, .main-header ul , .main-header li, .main-header a , .main-header span {-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-header {
    background:#83CA98;
    height:150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-center {
    max-width: 960px;
    width: 100%;
    margin: 0 auto !important;
    float:none!important;
}
.main-header .logo {
    float: left;
    max-width: 12%;
    width: 100%;
    margin:0;
    margin-top:10px;
}
.main-header .right-side-main {
    float:left;
    padding-top: 16px;
    max-width: 75%;
    width: 100%;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   text-align: center;
   margin:0;
}
.outback-main-and-form {
   width:100%;
}
.outback-main-and-form .join-form {
    float:right;
    margin-top: 20px;
}
.outback-main-and-form .join-form .icon {
    float: left;
    margin: 3px 13px 0 0;
    vertical-align: middle;
}
.outback-main-and-form .join-form form {
    float:left;
}
.outback-main-and-form .join-form form .join-input {
    background: #9acfb6 none repeat scroll 0 0;
    border: 2px solid #639c84;
    float: left;
    height: 27px;
    padding: 0 10px;
    margin: 0 0 0 5px;
}
.outback-main-and-form .join-form form .join-btn {
    border:0 none;
    background: none;
    font-size:0;
    cursor: pointer;
    margin: 0 0 0 5px;
}

.outback-main-and-form .out-back-image img {
    max-width:100%;
}
.main-header .header-menu {
    margin-top:26px;    
}
.main-header .header-menu ul {
    list-style:none;
    margin:0;
    padding:0;
}
.main-header .header-menu ul li {
    display:inline-block;
    padding: 0 20px;
}
.main-header .header-menu ul li a {
    color:#fff;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
}
.footer-main {
    background: #fafafa none repeat scroll 0 0 !important;
    border-top: 30px solid #d6d6d6;
}
.grid__item.category-list{
    padding-right: 90px;
    position: relative;
}
.footer-logo {
  position: absolute;
  right: -15px;
  top: -20px;
}
.main-header .mobile-trigger {
  position: absolute;
  right: 3px;
  top: 98px;
}
.newsletter-subscription {
  background: #ebefee none repeat scroll 0 0;
}
.newsletter-subscription h4 {
  color: #f9ac3a;
  font-size: 20px;
  line-height: 36px;
  text-transform:none;
}
.newsletter-subscription .Textbox {
  background-color: #ffffff;
  height: 36px;
  line-height: 36px;
  width: 215px;
}
.newsletter-subscription .btn{
    height:36px;
    line-height: normal !important;
    color: #f9ac3a !important;
    padding: 0 20px !important;
    font-size: 20px !important
}
.main-header .header-menu ul.menu {
  display:none
 }
.page{
    padding:0;
}
.header {
    position: static;
    padding: 5px 0;
}
.TopMenu{
    background-color:#617077;
    width:auto;
    
}
.TopMenu li .icon {
    color: #fbaf3f;
    text-decoration:none;
}
.TopMenu li .icon:hover {
    color: #779a8b;
}    
.TopMenu .inner {
    padding : 10px 0;
}
.right-side-logo {
    float:right !Important;
}
.right-side-main h1{
    color:#FFF;
    font-family:"Lobster";
    padding: 0;
    font-size:50px;
    margin:0;
}
.main-header .logo img {
  max-width: 100px;
}
.PageMenu .CategoryList {
  width: auto;
}
 .TopMenu ul {
  margin: 0px 0 0;
}
.header #Header {
 display: inline-block;
float: none !important;
margin: 0 auto !important;
width: auto;
}
.TopMenu {
  display: inline-block;
}
.header {
  text-align: center;
}
#home .ProductList .btn:hover {
  color: #fff;
}
#home .ProductList li, .productPage .ProductList li{
   width:24%;
}
.slide-show .slide-overlay{
   top: 50%;
}
.slide-button .btn{
  color: #9aceb7 !important;
}
.full-grey-section {
  background: #617077 none repeat scroll 0 0;
  padding: 5px 0;
  text-align:center;
}
.category-menu {
    text-align:right;
    display: inline-block !important;
    float: none !important;
    text-align: right;
    width: auto !important;
}
.category-menu ul {
    list-style:none;
    margin:0;
    padding:0;
}
.category-menu ul li {
  display: inline-block;
  margin: 0 20px 0 0;
  position: relative;
  line-height:60px;
}
.category-menu ul li > a, .category-menu ul  li > a::before {
  color: #fbaf3f;
  font-family: "Bitter",serif;
}
.category-menu ul li > a {
    text-decoration:none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.category-menu ul li > a::after, .category-menu ul li > a::after {
  background: #77d6bf none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(5px);
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  width: 100%;
}
.category-menu ul li > a:hover::after {
  opacity: 1;
  transform: translateY(-17px);
}
.PageMenu li ul::before {
  border-color: transparent transparent #f0efed;
}
.category-menu li ul::before {
  border-color: transparent transparent #f0efed;
  border-style: solid outset solid solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: 0;
  margin-left: 10px;
  position: absolute;
  top: -18px;
  width: 0;
}
.category-menu li ul {
  z-index: 150 !important;
}
.category-menu li ul {
  background: #f0efed none repeat scroll 0 0;
}
.category-menu li ul {
  border: 1px solid #c0bebe !important;
  display: none;
  left: 0;
  list-style-image: none;
  padding:  0 0;
  position: absolute;
  width: 250px;
  z-index: 10;
  top:67px;
  line-height:normal;
}
.category-menu li ul li {
  clear: both;
  display: block;
  float: none;
  font-size: 13px;
  margin: 0;
  padding: 0 0;
  position: static;
  text-align: left;
  width: auto;
  line-height:normal;
}
.category-menu li ul li a {
  color: #525459;
  padding: 10px 1em !important;
  display:block;
}
.category-menu li ul li a:after {
    display:none;
}
.category-menu li ul li a:hover {
    background:#f8f8f8;color:#77d6bf !important;
}


.TopMenu {
    text-align:left;
    margin:0!important;
    display: inline-block !important;
    float: none !important;
    text-align: right;
    width: auto !important;
}
.TopMenu ul {
    list-style:none;
    padding:0;
}
.TopMenu li {
  display: inline-block;
  line-height: 14px;
  list-style: outside none none;
  margin: 0;
  padding: 0 10px;
  white-space: nowrap;
  position:relative;
}
.TopMenu li.last {
    cursor:pointer;
}
.TopMenu .CartLink span {
  display: inline-block;
  width: auto;
}
.TopMenu li .fa {
  font-size: 20px;
}
.fa-cart::before {
  content: "";
}
.fa-menu::before {
  content: "";
}


.TopMenu li ul::before {
  border-color: transparent transparent #f0efed;
  border-style: solid outset solid solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left:0px;
  margin-left: 180px;
  position: absolute;
  top: -18px;
  width: 0;
}
.TopMenu li ul {
  background-color: #f0efed;
  left: -180px !important;
  padding: 22px 0 22px 22px;
  position: absolute;
  text-align: left;
  top: 48px !important;
  width:210px;
  z-index: 1;
  display:none;
}
.TopMenu li ul li {
  display:block;
  line-height: 14px;
  list-style: outside none none;
  margin:4px 0;
  padding: 0 10px;
  white-space: nowrap;
   font-size: 12px;
}
.TopMenu li ul li a {
    color: #202020;
    display:block;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    text-decoration:none;
     display:inline-block;
}
.currency-converter span {
    color: #9aceb7 !Important;
}
.display-block {
    display:block !Important;
}


.footer-main, .footer-main a {
  color: #525459;
}
.footer-menu-section {
  background: #fafafa none repeat scroll 0 0 !important;
  border-top: 30px solid #d6d6d6;
  padding: 30px 0;
}
.footer-menu-section h4 {
    color: #525459;
    line-height: 20px;
    padding: 0 0 1em;
    margin:0;
    font-size: 16px;
    font-weight: 700;
      text-transform: uppercase;
}
.footer-menu-section ul {
    list-style:none;
    padding:0;
    margin:0;
}
.footer-menu-section ul li a {
    color: #525459;
    font-size: 12px;
    text-decoration:none;
}
.footer-logo-container {
    text-align:center;
}
.footer-menu-section .social-icon-container ul a {
    background: #737373 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}
.footer-menu-section .social-icon-container ul li {
    display:inline-block;
    margin-right:10px;
}
.footer-menu-section .social-icon-container ul a.icon-instagram:hover {
    background:#EB4924;
}
.footer-menu-section .social-icon-container ul a.icon-facebook:hover {
    background:#3C5B9B;
}
.full-grey-section .category-mobile-menu {
    display:none;
    text-align:center;
}

.footer-form-section .footer-form-section {
      padding: 35px 0;
       text-align:center;
}
.footer-form-section {
    background:#EDEEEE;
}
.footer-form-section .join-movement-form {
    display:inline-block;
    float:none!important;
    width:auto;
    
}
.footer-form-section .form-title {
    padding:0;
    margin:0;
    display:inline-block;
    color: #f9ac3a;
    font-size: 20px;
    line-height:33px
    text-transform: none;
    text-align: right;
    font-weight:700;
    width:auto!important;
   float:none !important;
   font-family: "Bitter",serif;
  vertical-align: top;
}
.footer-form-section .join-movement-form h3 {
    display:none;
}
.footer-form-section .join-movement-form form {
    padding-left: 20px;
    margin:0;
    display:inline-block;
}
.footer-form-section .join-movement-form form .hs-input {
    background-color: #ffffff;
    height: 36px;
    line-height: 36px;
    width: 215px;
    color: #c0bebe;
    font-size: 14px;
    padding: 0 1em;
    border:0 none;
}
.footer-form-section .join-movement-form form .hs-form-required {
    display:none;
}
.footer-form-section .join-movement-form form .hs_submit {
    display:inline-block;
    vertical-align: top;
}
.footer-form-section .join-movement-form .hs-form fieldset {
    display:inline-block;
}
.footer-form-section .join-movement-form .hs-form .hs-button {
    background-color: #fff;
    color: #525459;
    color: #f9ac3a !important;
    font-size: 20px !important;
    height: 36px;
    line-height: normal !important;
    padding: 0 20px !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: 0 2em;
    border:3px solid #617077;
    font-family: "Open Sans",Arial,sans-serif;
}
.footer-form-section .join-movement-form .hs-form .hs-button:hover {
    background:#617077;
}
.copyright-text p {
    clear: both;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 20px 0;
    text-align:center;
}
.copyright-text a {
  color: #525459;
  text-decoration:none;
}
.copyright-text a:hover {
  color: #9aceb7;
}

@media (max-width: 1100px) {
    .main-header .header-menu ul li a {
        font-size: 18px;
    }
    .main-header .header-menu ul li {
        padding: 0 18px;
    }
    .page-center {
        padding: 0 10px;
    }
}
@media (max-width: 1024px) {
    .page-center {
        max-width: inherit;
        width: 90%;
    }
   
    .main-header .header-menu ul li {
        padding: 0 15px;
    }
  .main-header .header-menu ul li a {
        font-size: 15px;
    }
    #home .ProductList li{
        width:24% !important;
    }
}
@media (max-width: 850px) { 
    
    .main-header .header-menu ul li {
        padding: 0 11px;
    }
    .footer-form-section .join-movement-form form .hs-input {
        width: 188px;
    }
}
@media (max-width:950px){
    .footer-logo {
        right: -55px;
    }
    .newsletter-subscription .Textbox {
        width: 190px;
    }
}
@media (max-width: 767px) {
   .page-center {
        max-width:none;
        width:100%;
    }
    .outback-main-and-form {
      text-align:center;
     padding-left: 100px;
    padding-right:100px;
    text-align;center
    }
    .outback-main-and-form .out-back-image {
        max-width: 290px;
       display: inline-block;
      float: none !important;
      margin: 40px auto !important;
    }
    .outback-main-and-form .join-form form .join-input {
        max-width: 160px;
    }
    .main-header .logo {
       left: 15px;
       position: absolute;
       top: 0;
    }
    .main-header .logo {
       max-width:none;
       width:auto;
    }
    .main-header .logo img {
       max-width: 90px;
    
    }
    .main-header .right-side-main {
       max-width:none;
       padding-left:0;
       padding-right:0;
       padding-top:0;
    }
    .main-header {
        clear: both;
        display: block;
        float: left;
        height: auto;
        padding: 0 0;
        width: 100%;
    }
    .footer-logo {
      position: static;
      right: 0;
      text-align: left;
      top: 0;
      margin: 20px 0 0;
      border-top: 2px solid #ededed;
      float: left;
      padding-top: 20px;
      width: 100%;
    }
    .footer-logo img {
        max-width: 90px;
    }
    #Header{
        position:static;
    }
    #DrawerMenu {
        top:205px;
        background:#526264;
    }
    .main-header .header-menu {
       margin-top: 0;
       width: 100%;
       background: rgba(74, 86, 91, 0.9) none repeat scroll 0 0;
      text-align:left
      display:none;
    }
    .main-header .header-menu ul li {
       display: block;
       padding: 0;
       border-bottom: 1px solid #758c81;
    }
    .main-header .header-menu ul li a {
       display: block;
       padding: 10px 0px;
       font-size:15px;
    }
    .main-header .header-menu ul.menu li a {
	  font-size: 26px;
	  margin-right: 5px;
	}
    .outback-main-and-form .join-form .icon {
    margin: 3px 2px 0 0;
    }
    .outback-main-and-form .out-back-image img {
      width: 100%;
    }
    .main-header .header-menu ul.menu {
    display: block;
    position: absolute;
    right: 25px;
    top: 68px;
    }
    .main-header .header-menu ul {
     
     text-align:left;
     padding: 8px 15px;
    }
     .main-header .header-menu ul.menu li {
       border:0 none;
    }
   .logo.right-side-logo {
      left:unset;
      right:15px;
    }
    .footer-columns .grid__item .CategoryList {
       display:block !Important;
    }
    .grid__item.category-list {
       padding-right: 0;
    }
    .header #Header {
        width: 100%;
    }
    .footer-columns h4, .footer-main a {
        text-align: center !important;
    }
    .footer-logo {
    right: -55px;
    text-align: center!important;
    }
    .footer-main .SocialConnect li {
    display: inline-block;
    float: none;
    }
    .footer ul {
     text-align:center;
    }
    .logo.right-side-logo {
      display:none;
    }
    .header {
    padding: 5px 0 0;
    }
    .header #cart-amount ,.header #ToggleMenu {
    background: #617175 none repeat scroll 0 0 !important;
    padding: 0 15px;
    
    text-align: left !important;
    }
    .header #cart-amount {
      text-align:right !important;
    }
    #cart-amount .Cart .total::before , #ToggleMenu { 
     color:#fbae3c;
    }
    .header #cart-amount a {
      float:right;
    }
    .slide-show .slide-overlay {
    display:none
    }
    #home .ProductList li {
    padding-right: 0;
    width: 100% !important;
    }
    #DrawerMenu .main-menu a, #DrawerMenu .CategoryList a , #DrawerMenu .topmenu-options a {
    border-bottom: 1px solid #758c81;
    }
    .top_border {
    background:#758c81;
    }
    #home .ProductList .btn{
       max-width:300px;
       width:100%;
    }
    .main-header .header-menu ul li:last-child {
       border: none;
    }
    .main-header .mobile-menu-icon {
        color: #fff;
        cursor: pointer;
        font-size: 26px;
        position: absolute;
        right: 30px;
        top: 60px;
    }
    .footer-menu-section {
        text-align: center;
    }
    .footer-logo-container {
        border-top: 2px solid #ededed;
        margin: 20px 0 0;
        padding-top: 20px;
    }
    .footer-logo-container img {
    max-width: 90px;
    }
    .footer-menu-section .social-icon-container {
        border-top: 2px solid #ededed;
        display: block !important;
        margin-top: 20px;
        padding-top: 20px;
    }
    .footer-form-section .form-title {
        display: block;
        text-align: center;
        width: 100%;
        line-height: 19px;
        padding-bottom: 15px;
    }
    .footer-form-section .join-movement-form {
        display: block;
    }
    .footer-form-section .join-movement-form form {
        display: block;
        padding-left: 0;
    }
    .footer-form-section .join-movement-form .hs-form fieldset {
        display: block;
        max-width: none;
    }
    .hs-form fieldset.form-columns-2 .hs-form-field {
        padding-bottom: 15px;
        width: 100% !important;
    }
    .hs-form fieldset.form-columns-2 .input {
        margin-right:0!important;
    }
    .footer-form-section .join-movement-form form .hs-input {
        width:100%;
    }
    .footer-form-section .join-movement-form form .hs_submit {
         display: block;
    }
    .footer-form-section .join-movement-form .hs-form .hs-button {
        width: 100%;
    }
    .footer-form-section {
        padding: 0 15px;
    }
    .copyright-text p {
        padding: 0px 0 20px;
        text-align: center;
    }
    .main-header .page-center {
        padding:0;
    }
    .main-header .header-menu {
        margin-top:26px;
        display:none;
    }
}

@media (max-width: 580px) { 
    .outback-main-and-form .join-form {
       margin-top: 10px;
    }
    .mobile-trigger {
       top: 106px;
    }
    .right-side-main h1{
       font-size:45px;
    }
    #DrawerMenu {
        top:195px;
    }
    
}
@media (max-width:500px) {
    .right-side-main h1{
       font-size:40px;
    }
	.outback-main-and-form .out-back-image {
	  margin: 48px auto !important;
	}  
}

@media (max-width:430px) {
    .right-side-main h1{
       font-size:35px;
    }
   
}
@media (max-width:400px) { 
    .main-header .logo img {
        max-width: 60px;
    }
    .outback-main-and-form .join-form form .join-input {
        max-width: 130px;
    }
    .outback-main-and-form .join-form .icon {
        margin: 3px 5px 0 0;
    }
    
    .right-side-main h1{
       font-size:31px;
    }
    .main-header .header-menu ul.menu {
    top: 45px;
    }
    .outback-main-and-form {
    padding-left: 80px;
    padding-right: 70px;
    }
    #DrawerMenu {
      top: 161px;
    }
    .outback-main-and-form .out-back-image {
     margin: 30px auto !important;
    }
    .main-header .mobile-menu-icon {
        font-size: 25px;
        top: 34px;
    }
}