*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
@font-face {

    font-family: 'gotham-book';
    src: url('../fonts/Gotham-Book.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('../fonts/Gotham-Book.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ 
}
     @font-face{   
     font-family: 'gotham-Bold';
    src: url('../fonts/Gotham-Bold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('../fonts/Gotham-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */   
}
     @font-face{     
     font-family: 'fontello';
    src: url('../fonts/fontello.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('../fonts/fontello.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  }  
  body {
    font-family: 'gotham-book';
}
a {
    text-decoration: none;
}
.socials a{
    font-family: 'fontello';
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
  }
  .socials .inline {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    color: #323e48;
    border-radius: 100%;
    font-size: 18px;
    margin: 0 5px;
}
  .icon-instagram:hover:before{content:'\e813'}
  .icon-instagram:before{content:'\e814'}
  .icon-instagram:before{color:#cd486b}

  .icon-facebook:before {
    content: '\e812';
}
.text-snippet {
    line-height: 1.9;
}
  .icon-facebook:hover{color:#3b5998}
  .icon-facebook:hover:before{content:'\e811';}
  h1,h2,h3,h4,h5,h6{
    font-family: 'gotham-bold';
    text-transform: uppercase;
    font-weight: 600;
  }
  .product_header h4{
    text-transform: none;
  }
  .header_logo {
    border-bottom: 1px solid #fff;

    padding: 1.45em 0;
}
.header {
    background: url('../img/hero.png');
    background-repeat: no-repeat;


    background-size: cover;
    background-position: 50% 0;
    
    position: relative;
}
button.accordion-button.collapsed {
    font-family: 'gotham-book';
    font-weight: 400;
} 
.intro {
    padding-top: 5.55em;
}
.site-title{
    
    font-size: 3.75em;
    letter-spacing: 9px;
    margin-bottom: 1em;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 62, 71, 0.71);
    z-index: 1;
}
.top_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6em;
    background: rgb(58,66,74);
    background: linear-gradient(180deg, rgba(58,66,74,1) 0%, rgba(58,66,74,0) 100%);
    z-index: 1;
}
.header .row, .header .container {
    z-index: 800;
    position: inherit;
}

.logos {
    max-width: 110px;
    margin: auto;
    text-align: center;
    display: block;
    
    margin-top: 1.8em;
}
.availability_text {
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    font-size: 1.2em;
    padding-top: 1em;
    padding-bottom: 6.75em;
    letter-spacing: 4px;
}
.single_product {
    padding: 0 1em;
}
.product_box {
    background: #f8f8f8;
    box-shadow: 0 5px 10px 2px #ecedee;
    padding: 1em;
    margin-bottom: 3em;
}
.product_header h4 {
    color: #343e47;
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    height: 3em;
    padding: 0.5em 0;
}
.product_header {
    padding-top: .5em;
}
.product_picture {
    text-align: center;
    min-height: 225px;
    position: relative;
}
.product_picture img {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
max-height: 200px;
}
.product_footer {
    margin-top: 1em;
    padding: 1.75em 0 0.8em 0;
    border-top: 1px solid #343E47;
    text-align: center;
    margin: 0 1.5em;
}
.product_footer span {
    position: relative;
    font-weight: 600;
    color: #343e47;
    font-family: 'gotham-bold';
    text-transform: uppercase;
}
.product_footer span:after {
    content: "";
    height: 20px;
    width: 24px;
    background: url('../img/chevron.png');
    /* background: #000; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.accordion-button {

    padding-bottom: 0;
    padding-top: 2em;
}
.intro_section h2 {
    font-size: 2.85em;
    letter-spacing: 9px;
    margin-bottom: .5em;
    color: #827653;
}
.intro_section p {
    text-align: center;
    color: #343E47;
}
.intro_section {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    
    line-height: 1.9;
}
.products_section_header h3 {
    font-size: 18px;
    color: #827653;
    font-size: 1.1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: .75em;
    margin-bottom: 2.5em;
    margin-top: 3em;
}
.accordion_header h3 {
    letter-spacing: 3px;
    text-align: center;
    font-size: 2em;
    color: #343e47;
}

footer{
    background-color: #343e47;
}
.socials {
    list-style: none;
    margin: 0;
    padding: 0;
}
.socials li {
    display: inline-block;
}

.footer_menu {
    padding: 2em 0;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 2em 0;
}
ul.bottom_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bottom_menu li a{
    color:#CACACA;
}
.bottom_menu li {
    display: inline-block;
    padding-right: .5em;
    border-right: 2px solid #CACACA;
    font-family: 'gotham-book';
    padding-left: .5em;
    line-height: .8;
    color:#CACACA;
}
.bottom_menu li:last-child {
    border: none;
}
.bottom_menu li:first-child {
    padding-left: 0;
}

ul.language_switch {
    list-style: none;
    padding: 0;
    margin: 0;
}
.language_switch li.active:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #9A8348;
    left: 0;
    bottom: 3px;
}
.language_switch li {
    display: inline-block;
    margin: 1em 1em 0 1em;
    position: relative;
    font-family: 'gotham-book';
}
.accordion-body {
    background: #f8f8f8;
    padding: 1.5em;
    color: #343e47;
    word-spacing: 2px;
}
.footer_menu img {
    padding-top: 1em;
    padding-bottom: 1.75em;
}

.absolute-footer {
    text-align: center;
    color: #CACACA;
    font-size: 12px;
    font-size: .75em;
    
    
    padding-top: 1em;
}
.accordion-button {
    padding: 1em 0;
}
.accordion-button::after {
    background: url('../img/chevron_down.png')!important;
    background-repeat: no-repeat!important;
    background-position: 100%!important;
}
.accordion-header{
    font-family: 'gotham-book';
}
.accordion-button:not(.collapsed) {
    background: #fff;
    color: #9a8348 ;
    border-bottom: none;
    box-shadow: none;
}
.accordion-button:focus {
    box-shadow: none;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #fff;
}
@media only screen and (max-width: 48em) {
.product_picture {
    min-height: 180px;
}
.product_box{
    padding:.5em;
}
.single_product {
    padding: 0 .5em;
}
.product_footer {
    margin-top: 0em;
    padding: 1em 0;
    text-align: center;
    
    border-top: 1px solid #000;
}
.product_picture img{max-width: 75%;}
.ms-auto {
    margin: auto!important;
}
.footer_menu img {
    padding-top:2em;
    margin: auto;
    display: block;
}
.bottom_menu li {
    display: block;
    text-align: center;
    border: 0;
    padding: 1em 0;
}
.absolute-footer{padding-bottom:3em;}
.intro_section{padding:2em;}
.site-title{font-size:40px}
.availability_text {
    
    letter-spacing: 3px;
    font-size: .9em;
}
.intro_section h2 {
    font-size: 30px;
}
.intro {
    padding-top: 3.55em;
}
.availability_text {
    padding-bottom: 5em;
}
.product_footer{margin:0 .5em}
.logos{max-width: 90px;}
.gallery-section {

}
.gallery-section div {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1em;
}
.accordion_header h3 {
    font-size: 22px;
}
}


 