@font-face {
    font-family: 'Anton';
    src: url('../fonts/Anton-Regular.woff2') format('woff2'),
        url('../fonts/Anton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Secret';
    src: local('The Secret Regular'), local('TheSecret-Regular'),
        url('../fonts/TheSecret-Regular.woff2') format('woff2'),
        url('../fonts/TheSecret-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: "Anton", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    line-height: 1.5!important;
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem;
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem;
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem;
    }
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.page-header {
    padding-bottom: 10px;
    margin: 44px 0 22px;
    border-bottom: 1px solid #dddddd;
}

.footer{
    background-color: #17252A;

    padding: 10px;
    color: #feffff;
}
/* taken from cake.generic.css */
form .error,
form .error-message {
    color: #dc3545;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
form .error input,
form .error textarea{border-color: #dc3545;}
form .error input:focus,
form .error textarea:focus{border-color: #dc3545;box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);}

.card-title {text-align:center;}

/*order page*/
.price-table tr.active td{background-color:#D8E6F3;}

.megamenu {position: static;z-index: 1021;}
.megamenu .dropdown-menu {background:none;border:none;width:100%;}
.megamenu:hover .dropdown-menu{display:block;}

/*PAGES*/
.cols1{background-color:#7ec242;}
.cols2{background-color:#ef4723;}
.cols3{background-color:#3fbfba;}
.cols4{background-color:#f6881f;}
.cols5{background-color:#fee30d;}
.cols6{background-color:#c24f9d;}
.cols7{background-color:#ff62dc;}
.red{color: #c10013;}

.starburst{position:absolute;right:0px;top:50px}
.starburst .fa-stack-1x{color:#fff;font-family:inherit}
.starburst.fa-stack{font-size:2.25rem;}
.starburst .text{font-size:8px;line-height:5}
.starburst .number{font-weight:bold;font-size:1.8rem;text-shadow:1px 3px 1px rgba(0, 0, 0, 0.2);line-height: 2.6;}
.starburst .fa-starburst.back{
    font-size: 2.06em;
    top: -1px;left: -1px;
    color:#fff;
    text-shadow: 1px 1px 3px #000;
}
.starburst .fa-starburst.front{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.starburst{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}
.catCard h3{margin:0;padding-top:22px;padding-bottom:11px;color:#fff;font-weight:bold;font-size:1.4rem }
.catCard a{background-color: #fff;border: none;box-shadow: 2px 2px 2px #e1e1e1;border-radius: 0!important;}
.catCard.col-sm-6 .card .with-price{padding:0 50px 0 0}
.even{color:#FDA41A; background: -webkit-linear-gradient(#FDA41A, #FEC567);}
.front{color: #fe0403;background: -webkit-linear-gradient(#fe0403, #ffd000);}
.bg1{background:#ed991d;background:-moz-linear-gradient(top,#ed991d 0,#fff 100%);background:-webkit-linear-gradient(top,#ed991d 0,#fff 100%);background:linear-gradient(to bottom,#ed991d 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed991d',endColorstr='#ffffff',GradientType=0);}
.bg3, .bg6{background:#fdcf13;background:-moz-linear-gradient(top,#fdcf13 0,#fff 100%);background:-webkit-linear-gradient(top,#fdcf13 0,#fff 100%);background:linear-gradient(to bottom,#fdcf13 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ADB23',endColorstr='#ffffff',GradientType=0);}
.bg2, .bg5{background:#0b7476;background:-moz-linear-gradient(top,#0b7476 0,#fff 100%);background:-webkit-linear-gradient(top,#0b7476 0,#fff 100%);background:linear-gradient(to bottom,#0b7476 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0403',endColorstr='#ffffff',GradientType=0);}
.bg4{background:#1ca022;background:-moz-linear-gradient(top,#1ca022 0,#fff 100%);background:-webkit-linear-gradient(top,#1ca022 0,#fff 100%);background:linear-gradient(to bottom,#1ca022 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEA510',endColorstr='#ffffff',GradientType=0);}
.catCard .card{background-size:100% 70px;background-repeat: no-repeat;}
.bg1 h3{text-shadow:1px 1px 1px #888,0px 0 5px #ed991d,0px 0 5px #ed991d,0px 0 5px #ed991d}
.bg3 h3, .bg6 h3{text-shadow:1px 1px 1px #888,0px 0 5px #fdcf13,0px 0 5px #fdcf13,0px 0 5px #fdcf13}
.bg2 h3, .bg5 h3{text-shadow:1px 1px 1px #888,0px 0 5px #0b7476,0px 0 5px #0b7476,0px 0 5px #0b7476}
.bg4 h3{text-shadow:1px 1px 1px #888,0px 0 5px #1ca022,0px 0 5px #1ca022,0px 0 5px #1ca022}

/* Ribbon */
.ribbon {
    position: absolute;
    right: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#F70505 0%, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -21px;
}
.ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}
.ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}

.breadcrumb{background:none; }
.img-50 {height:50px!important;}
.img-100{height: 100px !important;}
.img-square{height: 80px !important;max-width: 80px !important;}

li.nav-item:hover>.dropdown-menu, .states_list .dropdown:hover>.dropdown-menu {
    display: block;
    z-index: 1021;
}

.headSectionBg {  
    background-color: #00313C;
    color:#fff;
    height: 87px;
}
/* STACHD */
.thesecret{
    font-family: 'The Secret';
    font-weight: normal;
    font-style: normal;    
    letter-spacing: 3px;
}
.anton{
    font-family: 'Anton';
    font-weight: normal;
    font-style: normal;
}
.btn-cyan{
    background-color: #6BA4B8;
    font-size: 1.6rem;min-width:19rem;
}
.btn{border-radius: 0!important}
.home-input, .home-input:focus{
    background-color: #091F2C;
    border:3px solid #fff;
    border-radius: 0;
    color:#fff;
}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.3);}
#insta-label{
    margin: 0 auto;
    color: #fff;
    background-color: rgba(9,31,44,0.3);
    margin-top: -60%;
    position: relative;
    width: 80%;
    padding: 10px;
}
.stc-main-menu{font-size: 1.4rem;}
#section-2 .thesecret {font-size:7rem}
@media (max-width: 1255px) and (min-width: 768px) {
#section-2 .thesecret {font-size:9.8vw}
.stc-main-menu{font-size: 1.8vw!important;}
}

@media (max-width: 930px) {
    .display-3{font-size: 8vw}
    .display-4{font-size: 7.29vw}
    #insta-label{font-size: 1.75vw}
}
#main-logo{max-height: 120px;}
@media (max-width: 580px) {
    .btn-cyan{min-width: 16.5rem}
    #main-logo{max-height: 20vw!important;}
    .carousel-caption .lead{font-size: 3.1vw!important}
    div.carousel .fill {padding-top: 95vh!important;}
    .lead{font-size: 4.1vw!important}
}
@media (max-width: 1200px) and (min-width: 767px){
   .row .display-4{font-size: 3vw}   
   #section-4 .btn-cyan{font-size: 2.15vw;min-width: 100%}
}
@media (max-width: 768px) {
    #section-2 .thesecret {font-size:16vw}
    #section-4 .btn-cyan{font-size: 1rem;min-width: 100%}
}
@media (min-width: 768px){
    #sec-2-img{transform: scale(1.35);transform-origin: top left;}
}


/*states list*/
@media (min-width: 1200px) {
  .states_list {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
  }
}
@media (min-width: 600px) and (max-width: 1200px) {
  .states_list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
  }
}
@media (max-width: 600px) {
  .states_list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
  }
}
/*sticky footer*/
#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main {flex:1}