/*DEFAULT*/
body{
    color:#3f3f3f;
}
/*BUTTONS*/
.btn{
    background:#F2824B;
    color:#fff;
    border: none;
    line-height: 1;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    display:inline-flex;
    align-items:center;
    font-size:.875rem;
    padding:9px 20px;
    overflow:hidden;
    cursor:pointer;
    user-select: none;
}
.btn:hover{
    background: #f59b6f;
}
.btn.ghost{
    background:none;
    color:#F2824B;
    border:1px solid #F2824B;
    overflow:hidden;
    position:relative;
    z-index:0;
    padding:8px 19px;
}
.btn.ghost:hover{
    background-color:#F2824B;
    color:#fff;
}
.btn.red{
    background:#BD0034;
}

.btn.red.ghost{
    background:none;
    color:#BD0034;
    border:1px solid #BD0034;
}

.btn.red:hover{
    background:#ca335d;
}

.btn.red.ghost:hover{
    background-color:#BD0034;
    color:#fff;
}
.btn.green{
    background:#98c36c;
}

.btn.green.ghost{
    background:none;
    color:#98c36c;
    border:1px solid #98c36c;
}

.btn.green:hover{
    background:#adcf89;
}

.btn.green.ghost:hover{
    background-color:#98c36c;
    color:#fff;
}

/*COLORS*/

.cMain{
    color: #F2824B;
}
.bgMain{
    background-color: #F2824B;
}
.cGreen{
    color:#98C36C;
}
.bgGreen{
    background-color:#98C36C;
}
.cLightgray{
    color:#F9F8F8;
}
.bgLightgray{
    background-color:#F9F8F8;
}

/*POSITIONS*/
.posRel {
    position: relative;
}

.posAbs {
    position: absolute;
}

.posFix {
    position: fixed;
}

.posSticky{
    position:sticky;
}

.absCenterVert{
    top:50%;
    transform:translateY(-50%);
}

.fLeft {
   float: left;
}

.fRight {
    float: right;
}

.fNone {
    float: none;
}

/*DISPLAYS*/
.disNone {
   display: none;
}
.disBlock {
    display: block;
}

.disInline {
    display: inline;
}
.disInlineBlock {
    display: inline-block;
    vertical-align: top;
}
.disGrid {
    display: grid;
}
.disFlex {
    display: flex;
    flex-wrap: wrap;
}
.disInlineFlex{
    display:inline-flex;
}
.nw{
    flex-wrap:nowrap;
}
.fdCol {
    flex-direction: column;
}
.fdRR{
    flex-direction:row-reverse;
}
.jcSB {
    justify-content: space-between;
}
.jcFE{
    justify-content: flex-end;
}
.jcFS{
    justify-content: flex-start;
}
.jcSA {
    justify-content: space-around;
}
.jcCenter {
    justify-content: center;
}
.aiCenter {
    align-items: center;
}
.aiFS{
    align-items: flex-start;
}
.aiFE{
    align-items: flex-end;
}
.fGrow{
    flex-grow:1;
}
.shadow {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

/*BORDERS*/

.bRadius {
    border-radius: 3px;
}
.bRadius--lrg{
    border-radius:15px;
}

.bTop {
    border-top: 1px solid #E8E8E8;
}

.bBottom {
    border-bottom: 1px solid #E8E8E8;
}

.bLeft {
    border-left: 1px solid #E8E8E8;
}

.bRight {
    border-right: 1px solid #E8E8E8;
}

.bFull {
    border: 1px solid #E8E8E8;
}

.row{
   width:100%;
}
.col6{
    width:50%;
}
.col3{
    width:25%;
}

/*BOXPADDING*/
.boxPadding {
    padding: 30px;
}
.boxPaddingLarge {
    padding: 40px;
}
.boxPaddingSmall {
    padding: 20px;
}
/*MARGINS*/

.mtAuto{
    margin-top:auto;
}

.mlAuto{
    margin-left:auto;
}

.mrAuto{
    margin-right:auto;
}
/*TOP*/
.mt5{
    margin-top:5px;
}
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mt30{
    margin-bottom:30px;
}
/*BOTTOM*/
.mb10{
    margin-bottom:10px;
}
.mb5{
    margin-bottom:5px;
}
.mb20{
    margin-bottom:20px;
}
.mb30{
    margin-bottom:30px;
}
/*LEFT*/
.ml10{
    margin-left:10px;
}
.ml20{
    margin-left:20px;
}
.ml30{
    margin-left:30px;
}
/*RIGHT*/
.mr10{
    margin-right:10px;
}
.mr20{
    margin-right:20px;
}
.mr30{
    margin-right:30px;
}
/*PADDING*/

/*TOP*/
.pt10{
    padding-top:10px;
}
.pt20{
    padding-top:20px;
}
.pt30{
    padding-bottom:30px;
}
/*BOTTOM*/
.pb10{
    padding-bottom:10px;
}
.pb20{
    padding-bottom:20px;
}
.pb30{
    padding-bottom:30px;
}
/*LEFT*/
.pl10{
    padding-left:10px;
}
.pl20{
    padding-left:20px;
}
.pl30{
    padding-left:30px;
}
/*RIGHT*/
.pr10{
    padding-right:10px;
}
.pr20{
    padding-right:20px;
}
.pr30{
    padding-right:30px;
}


.vertPadding{
    padding-top:clamp(2.5rem, 5vw, 6rem);
    padding-bottom:clamp(2.5rem, 5vw, 6rem);
}
.topPadding{
    padding-top:clamp(2.5rem, 5vw, 6rem);
}
.bottomPadding{
    padding-bottom:clamp(2.5rem, 5vw, 6rem);
}
.leftPadding{
    padding-left:clamp(2.5rem, 5vw, 6rem);
}
.rightPadding{
    padding-right:clamp(2.5rem, 5vw, 6rem);
}

.vertPaddingSmall{
    padding-top:clamp(1.5rem,3vw,6rem);
    padding-bottom:clamp(1.5rem,3vw,6rem);
}
.topPaddingSmall{
    padding-top:clamp(1.5rem,3vw,6rem);
}
.bottomPaddingSmall{
    padding-bottom:clamp(1.5rem,3vw,6rem);
}
.leftPaddingSmall{
    padding-left:clamp(1.5rem,3vw,6rem);
}
.rightPaddingSmall{
    padding-right:clamp(1.5rem,3vw,6rem);
}

.vertMargin{
    margin-top:clamp(2.5rem, 5vw, 8rem);
    margin-bottom:clamp(2.5rem, 5vw, 8rem);
}
.topMargin{
    margin-top:clamp(2.5rem, 5vw, 8rem);
}
.bottomMargin{
    margin-bottom:clamp(2.5rem, 5vw, 8rem);
}

.offsetBottom{
    margin-bottom:clamp(-8rem, -5vw, -2.5rem);
}
.offsetTop{
    margin-top:clamp(-8rem, -5vw, -2.5rem);
}


/*CUSTOM*/

#header{
    height:auto;
    background:#fff;
}
#header .div1 {
    padding:0;
}
#header .div2 {
    color:#000;
    padding:0;
}

#menu{
    height:auto;
    background:#3f3f3f;
    float:left;
    display:flex;
    justify-content: space-between;
}

#menu ul{
    display:flex;
}

#menu ul li{
    align-self:center;
}
.nav .top{
    display:flex;
}
#menu ul li ul{
    display:flex;
    flex-direction:column;
    background:#3f3f3f;
    top:90%;
}

#store{
    margin:5px 0;
}

#tab_images input{
    width:500px;
}