@import url("https://use.typekit.net/pfm8hmy.css");

@font-face {
    font-family: '28days';
    src: url('../fonts/28days.ttf');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'american-bold';
    src: url('../fonts/ZonaPro-Bold.otf');
    font-style: normal
}

@font-face {
    font-family: 'averna';
    src: url('../fonts/ZonaPro-Bold.otf');
    font-style: normal
}

@font-face {
    font-family: 'zona';
    src: url('../fonts/ZonaPro-Bold.otf');
    font-style: normal
}

 p, li, a{

font-family: "averna";
font-weight: 400;
font-style: normal;
font-size:16px;

}

.rootmenu a{
font-family: "zona";
}

h1.page-title, h1{


font-family: "zona";
font-size:4vw;
}

h2.front-slider{
font-family: "zona";
    font-size: 4vw;
    color: #fff;
    text-align: left;
    margin: 40px 0px;
    background: url(../img/title-background.png) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    padding: 30px 20px;
    -webkit-transform: rotate(357deg);
  -moz-transform: rotate(357deg);
  -ms-transform: rotate(357deg);
  -o-transform: rotate(357deg);
  transform: rotate(357deg);
}

.rootmenu > .rootmenu-list > li > a {
    line-height: 23px !important;
    font-size: 15px;
    color:#fff;
}

h2{
font-family: 'american-bold';
}
.eapps-instagram-feed-title{
font-family: "ccclobberintimesmooth", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
font-size:40px !important;
color:#fff !important;
}

h3{
font-family: 'american-bold';
font-weight: 400;
font-style: normal;
}

.vault-box h3{
font-size:28px;
}

.page-layout-holding{
    overflow-x:hidden !important;
}

.page-layout-holding{
	background:url(../img/background.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}



.page-layout-holding img{
margin-top:25vh !important;
}
.page-layout-holding h2{

font-family: "ccclobberintimesmooth", sans-serif;
font-weight: 400;
font-style: normal;

}


.page-layout-holding p{

font-family: "justus-pro", serif;
font-weight: 400;
font-style: normal;
font-size:21px;
letter-spacing:1px;

}

.page-layout-holding .action.primary,  .page-layout-holding .action-primary{
    background-image: url('../img/button.png') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    width: 130px;
    height: 45px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
  margin: 0 auto;
}

.page-layout-holding .newsletter-main h2 {
  color: #fff;
  font-weight: 900;
  font-size: 40px;
  margin-top: 20px;
}

.page-layout-holding .newsletter-main p{
    color:#000;
    font-size:18px;
}

#newsletter {
    display: block !important;
    padding: 12px !important;
    border-radius: 0px !important;
    border: 0 none;
    line-height: normal;
    height: 36px !important;
    color: #000 !important;
    background: #fff !important;
    -webkit-appearance: none !important;
    resize: none !important;

margin-bottom:20px;
}

.copy{
    background:#000000;
    text-align:center !important;
    padding:20px;
    margin-top:0px !important;
}

.copy p:first-of-type{
    text-align:left;
}

.copy p{
    color:#fff !important;
    font-size:15px;
    font-family: "zona";
font-weight: 400;
font-style: normal;
letter-spacing:1px;
}



.social img{
    max-width:50px;
}

.copy img{
margin-top:0px !important;
}

.cms-home .page-title-wrapper{
    display:none !important;
}


/** HOMEPAGE **/



.page-layout-homepage .breadcrumbs{
	display:none;
}


.page-layout-homepage .bottom-icons p {
    font-size: 15px;
    color:#ffffff;
}

.page-layout-homepage .nav-sections{
margin-bottom:0px !important;
}
.page-layout-homepage .page-main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
}

.slider-front{
max-height:550px;
}



.amrewards-highlight-container>.caption strong {
    color: #fff !important;
}


.checkout-cart-index nav.navigation{
    display:none !important;
}
.modal-content {
    color:#fff !important;
}

.modal-footer{
    border:0 none !important;
}

.product-info-main .stock.available, .product-info-main .stock.unavailable {
    color: #fff !important;
    padding:10px  !important;
    border-radius:10px  !important;
    background:#3ABFEC !important;
}