.transition
{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.transition-in *
{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.transition-before::before
{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.transition-after::after
{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.transition-none
{
    transition: none;
}

.clear
{
    visibility: hidden;
  	display: block;
  	content: "";
  	clear: both;
  	height: 0;
}

.clear-after::after
{
    visibility: hidden;
  	display: block;
  	content: "";
  	clear: both;
  	height: 0;
}

.noselect
{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.cursor-pointer
{
    cursor: pointer !important;
}

.hidden { display: none; }
.hidden-imp { display: none !important; }

img { display: block; }

.container
{
    width: 100%;
    max-width: 100%;
}

.container::after
{
    visibility: hidden;
  	display: block;
  	content: "";
  	clear: both;
  	height: 0;
}

.max
{
    width: 100%;
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
}

.max::after
{
    visibility: hidden;
  	display: block;
  	content: "";
  	clear: both;
  	height: 0;
}

.full { width: 100%; }

.hfull { height: 100%; }

.display-none { display: none; }
.display-block { display: block; }
.display-inline { display: inline; }
.display-inline-table { display: inline-table; }
.display-inline-block { display: inline-block; }
.display-table { display: table; }

.float-left { float: left; }
.float-right { float: right; }

.position-relative { position: relative; }
.position-static { position: static; }
.position-fixed { position: fixed; }
.position-absolute { position: absolute; }

.center
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.center-y
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.center-x
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.left
{
    left: 0px;
}

.right
{
    right: 0px;
}

.top
{
    top: 0px;
}

.bottom
{
    bottom: 0px;
}

.zindex-0 { z-index: 0; }
.zindex-1 { z-index: 1; }
.zindex-2 { z-index: 2; }
.zindex-3 { z-index: 3; }
.zindex-4 { z-index: 4; }
.zindex-5 { z-index: 5; }
.zindex-6 { z-index: 6; }
.zindex-7 { z-index: 7; }
.zindex-8 { z-index: 8; }
.zindex-9 { z-index: 9; }
.zindex-10 { z-index: 10; }

.nomargin { margin: 0 !important; }

.pa-0 { padding: 0px; }
.pa-1 { padding: 1px; }
.pa-2 { padding: 2px; }
.pa-3 { padding: 3px; }
.pa-4 { padding: 4px; }
.pa-5 { padding: 5px; }
.pa-10 { padding: 10px; }
.pa-15 { padding: 15px; }
.pa-20 { padding: 20px; }
.pa-25 { padding: 25px; }
.pa-30 { padding: 30px; }
.pa-35 { padding: 35px; }
.pa-40 { padding: 40px; }
.pa-45 { padding: 45px; }
.pa-50 { padding: 50px; }
.pa-55 { padding: 55px; }
.pa-60 { padding: 60px; }
.pa-65 { padding: 65px; }
.pa-70 { padding: 70px; }
.pa-75 { padding: 75px; }
.pa-80 { padding: 80px; }
.pa-85 { padding: 85px; }
.pa-90 { padding: 90px; }
.pa-95 { padding: 95px; }
.pa-100 { padding: 100px; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-1 { padding-top: 1px; padding-bottom: 1px; }
.py-2 { padding-top: 2px; padding-bottom: 2px; }
.py-3 { padding-top: 3px; padding-bottom: 3px; }
.py-4 { padding-top: 4px; padding-bottom: 4px; }
.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-25 { padding-top: 25px; padding-bottom: 25px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-35 { padding-top: 35px; padding-bottom: 35px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-45 { padding-top: 45px; padding-bottom: 45px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.py-55 { padding-top: 55px; padding-bottom: 55px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-65 { padding-top: 65px; padding-bottom: 65px; }
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.py-75 { padding-top: 75px; padding-bottom: 75px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-85 { padding-top: 85px; padding-bottom: 85px; }
.py-90 { padding-top: 90px; padding-bottom: 90px; }
.py-95 { padding-top: 95px; padding-bottom: 95px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.py-110 { padding-top: 110px; padding-bottom: 110px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.py-130 { padding-top: 130px; padding-bottom: 130px; }
.py-140 { padding-top: 140px; padding-bottom: 140px; }
.py-150 { padding-top: 150px; padding-bottom: 150px; }

.px-0 { padding-left: 0px; padding-right: 0px; }
.px-1 { padding-left: 1px; padding-right: 1px; }
.px-2 { padding-left: 2px; padding-right: 2px; }
.px-3 { padding-left: 3px; padding-right: 3px; }
.px-4 { padding-left: 4px; padding-right: 4px; }
.px-5 { padding-left: 5px; padding-right: 5px; }
.px-10 { padding-left: 10px; padding-right: 10px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-25 { padding-left: 25px; padding-right: 25px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
.px-35 { padding-left: 35px; padding-right: 35px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-45 { padding-left: 45px; padding-right: 45px; }
.px-50 { padding-left: 50px; padding-right: 50px; }
.px-55 { padding-left: 55px; padding-right: 55px; }
.px-60 { padding-left: 60px; padding-right: 60px; }
.px-65 { padding-left: 65px; padding-right: 65px; }
.px-70 { padding-left: 70px; padding-right: 70px; }
.px-75 { padding-left: 75px; padding-right: 75px; }
.px-80 { padding-left: 80px; padding-right: 80px; }
.px-85 { padding-left: 85px; padding-right: 85px; }
.px-90 { padding-left: 90px; padding-right: 90px; }
.px-95 { padding-left: 95px; padding-right: 95px; }
.px-100 { padding-left: 100px; padding-right: 100px; }

.ma-0 { margin: 0px; }
.ma-1 { margin: 1px; }
.ma-2 { margin: 2px; }
.ma-3 { margin: 3px; }
.ma-4 { margin: 4px; }
.ma-5 { margin: 5px; }
.ma-10 { margin: 10px; }
.ma-15 { margin: 15px; }
.ma-20 { margin: 20px; }
.ma-25 { margin: 25px; }
.ma-30 { margin: 30px; }
.ma-35 { margin: 35px; }
.ma-40 { margin: 40px; }
.ma-45 { margin: 45px; }
.ma-50 { margin: 50px; }
.ma-55 { margin: 55px; }
.ma-60 { margin: 60px; }
.ma-65 { margin: 65px; }
.ma-70 { margin: 70px; }
.ma-75 { margin: 75px; }
.ma-80 { margin: 80px; }
.ma-85 { margin: 85px; }
.ma-90 { margin: 90px; }
.ma-95 { margin: 95px; }
.ma-100 { margin: 100px; }

.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-1 { margin-top: 1px; margin-bottom: 1px; }
.my-2 { margin-top: 2px; margin-bottom: 2px; }
.my-3 { margin-top: 3px; margin-bottom: 3px; }
.my-4 { margin-top: 4px; margin-bottom: 4px; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-25 { margin-top: 25px; margin-bottom: 25px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-35 { margin-top: 35px; margin-bottom: 35px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-45 { margin-top: 45px; margin-bottom: 45px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }
.my-55 { margin-top: 55px; margin-bottom: 55px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.my-65 { margin-top: 65px; margin-bottom: 65px; }
.my-70 { margin-top: 70px; margin-bottom: 70px; }
.my-75 { margin-top: 75px; margin-bottom: 75px; }
.my-80 { margin-top: 80px; margin-bottom: 80px; }
.my-85 { margin-top: 85px; margin-bottom: 85px; }
.my-90 { margin-top: 90px; margin-bottom: 90px; }
.my-95 { margin-top: 95px; margin-bottom: 95px; }
.my-100 { margin-top: 100px; margin-bottom: 100px; }

.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-1 { margin-left: 1px; margin-right: 1px; }
.mx-2 { margin-left: 2px; margin-right: 2px; }
.mx-3 { margin-left: 3px; margin-right: 3px; }
.mx-4 { margin-left: 4px; margin-right: 4px; }
.mx-5 { margin-left: 5px; margin-right: 5px; }
.mx-10 { margin-left: 10px; margin-right: 10px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.mx-25 { margin-left: 25px; margin-right: 25px; }
.mx-30 { margin-left: 30px; margin-right: 30px; }
.mx-35 { margin-left: 35px; margin-right: 35px; }
.mx-40 { margin-left: 40px; margin-right: 40px; }
.mx-45 { margin-left: 45px; margin-right: 45px; }
.mx-50 { margin-left: 50px; margin-right: 50px; }
.mx-55 { margin-left: 55px; margin-right: 55px; }
.mx-60 { margin-left: 60px; margin-right: 60px; }
.mx-65 { margin-left: 65px; margin-right: 65px; }
.mx-70 { margin-left: 70px; margin-right: 70px; }
.mx-75 { margin-left: 75px; margin-right: 75px; }
.mx-80 { margin-left: 80px; margin-right: 80px; }
.mx-85 { margin-left: 85px; margin-right: 85px; }
.mx-90 { margin-left: 90px; margin-right: 90px; }
.mx-95 { margin-left: 95px; margin-right: 95px; }
.mx-100 { margin-left: 100px; margin-right: 100px; }

.mt-0 { margin-top: 0px; }
.mt-1 { margin-top: 1px; }
.mt-2 { margin-top: 2px; }
.mt-3 { margin-top: 3px; }
.mt-4 { margin-top: 4px; }
.mt-5 { margin-top: 5px; }
.mt-6 { margin-top: 6px; }
.mt-7 { margin-top: 7px; }
.mt-8 { margin-top: 8px; }
.mt-9 { margin-top: 9px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 1px; }
.mb-2 { margin-bottom: 2px; }
.mb-3 { margin-bottom: 3px; }
.mb-4 { margin-bottom: 4px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }

.pt-0 { padding-top: 0px; }
.pt-1 { padding-top: 1px; }
.pt-2 { padding-top: 2px; }
.pt-3 { padding-top: 3px; }
.pt-4 { padding-top: 4px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; }
.pt-70 { padding-top: 70px; }
.pt-75 { padding-top: 75px; }
.pt-80 { padding-top: 80px; }
.pt-85 { padding-top: 85px; }
.pt-90 { padding-top: 90px; }
.pt-95 { padding-top: 95px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }
.pt-130 { padding-top: 130px; }
.pt-140 { padding-top: 140px; }
.pt-150 { padding-top: 150px; }

.pb-0 { padding-bottom: 0px; }
.pb-1 { padding-bottom: 1px; }
.pb-2 { padding-bottom: 2px; }
.pb-3 { padding-bottom: 3px; }
.pb-4 { padding-bottom: 4px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; }
.pb-70 { padding-bottom: 70px; }
.pb-75 { padding-bottom: 75px; }
.pb-80 { padding-bottom: 80px; }
.pb-85 { padding-bottom: 85px; }
.pb-90 { padding-bottom: 90px; }
.pb-95 { padding-bottom: 95px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }
.pb-130 { padding-bottom: 130px; }
.pb-140 { padding-bottom: 140px; }
.pb-150 { padding-bottom: 150px; }


.img
{
    width: 100%;
    position: relative;
    overflow: hidden;
}

.img img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.img.max-100 img
{
    max-width: 100%;
    max-height: 100%;
}

.img.min-100 img
{
    min-width: 100%;
    min-height: 100%;
}

.img.max-125 img
{
    max-width: 125%;
    max-height: 125%;
}

.img.max-150 img
{
    max-width: 150%;
    max-height: 150%;
}

.flex
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }

.grid { display: grid; }

.grid .item
{
    display: block;
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}

.grid .item .overlay
{
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.col-1 { grid-template-columns: repeat(1, 1fr); }
.col-2 { grid-template-columns: repeat(2, 1fr); }
.col-3 { grid-template-columns: repeat(3, 1fr); }
.col-4 { grid-template-columns: repeat(4, 1fr); }
.col-5 { grid-template-columns: repeat(5, 1fr); }
.col-6 { grid-template-columns: repeat(6, 1fr); }
.col-7 { grid-template-columns: repeat(7, 1fr); }
.col-8 { grid-template-columns: repeat(8, 1fr); }

.grid-overflow .item
{
    display: none;
}

.grid-overflow.col-1 .item:nth-child(1)
{
    display: block;
}

.grid-overflow.col-2 .item:nth-child(1),
.grid-overflow.col-2 .item:nth-child(2)
{
    display: block;
}

.grid-overflow.col-3 .item:nth-child(1),
.grid-overflow.col-3 .item:nth-child(2),
.grid-overflow.col-3 .item:nth-child(3)
{
    display: block;
}

.grid-overflow.col-4 .item:nth-child(1),
.grid-overflow.col-4 .item:nth-child(2),
.grid-overflow.col-4 .item:nth-child(3),
.grid-overflow.col-4 .item:nth-child(4)
{
    display: block;
}

.grid-overflow.col-5 .item:nth-child(1),
.grid-overflow.col-5 .item:nth-child(2),
.grid-overflow.col-5 .item:nth-child(3),
.grid-overflow.col-5 .item:nth-child(4),
.grid-overflow.col-5 .item:nth-child(5)
{
    display: block;
}

.grid-overflow.col-6 .item:nth-child(1),
.grid-overflow.col-6 .item:nth-child(2),
.grid-overflow.col-6 .item:nth-child(3),
.grid-overflow.col-6 .item:nth-child(4),
.grid-overflow.col-6 .item:nth-child(5),
.grid-overflow.col-6 .item:nth-child(6)
{
    display: block;
}

.grid-overflow.col-7 .item:nth-child(1),
.grid-overflow.col-7 .item:nth-child(2),
.grid-overflow.col-7 .item:nth-child(3),
.grid-overflow.col-7 .item:nth-child(4),
.grid-overflow.col-7 .item:nth-child(5),
.grid-overflow.col-7 .item:nth-child(6),
.grid-overflow.col-7 .item:nth-child(7)
{
    display: block;
}

.grid-overflow.col-8 .item:nth-child(1),
.grid-overflow.col-8 .item:nth-child(2),
.grid-overflow.col-8 .item:nth-child(3),
.grid-overflow.col-8 .item:nth-child(4),
.grid-overflow.col-8 .item:nth-child(5),
.grid-overflow.col-8 .item:nth-child(6),
.grid-overflow.col-8 .item:nth-child(7)
.grid-overflow.col-8 .item:nth-child(8)
{
    display: block;
}

.gap-0 { grid-gap: 0px; }
.gap-1 { grid-gap: 1px; }
.gap-2 { grid-gap: 2px; }
.gap-3 { grid-gap: 3px; }
.gap-4 { grid-gap: 4px; }
.gap-5 { grid-gap: 5px; }
.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-20 { grid-gap: 20px; }
.gap-25 { grid-gap: 25px; }
.gap-30 { grid-gap: 30px; }
.gap-35 { grid-gap: 35px; }
.gap-40 { grid-gap: 40px; }
.gap-45 { grid-gap: 45px; }
.gap-50 { grid-gap: 50px; }
.gap-55 { grid-gap: 55px; }
.gap-60 { grid-gap: 60px; }
.gap-70 { grid-gap: 70px; }
.gap-80 { grid-gap: 80px; }
.gap-90 { grid-gap: 90px; }
.gap-100 { grid-gap: 100px; }

.gap-column-0 { grid-column-gap: 0px; }
.gap-column-1 { grid-column-gap: 1px; }
.gap-column-2 { grid-column-gap: 2px; }
.gap-column-3 { grid-column-gap: 3px; }
.gap-column-4 { grid-column-gap: 4px; }
.gap-column-5 { grid-column-gap: 5px; }
.gap-column-10 { grid-column-gap: 10px; }
.gap-column-15 { grid-column-gap: 15px; }
.gap-column-20 { grid-column-gap: 20px; }
.gap-column-25 { grid-column-gap: 25px; }
.gap-column-30 { grid-column-gap: 30px; }
.gap-column-35 { grid-column-gap: 35px; }
.gap-column-40 { grid-column-gap: 40px; }
.gap-column-45 { grid-column-gap: 45px; }
.gap-column-50 { grid-column-gap: 50px; }
.gap-column-60 { grid-column-gap: 60px; }
.gap-column-70 { grid-column-gap: 70px; }
.gap-column-80 { grid-column-gap: 80px; }
.gap-column-90 { grid-column-gap: 90px; }
.gap-column-100 { grid-column-gap: 100px; }

.gap-row-0 { grid-row-gap: 0px; }
.gap-row-1 { grid-row-gap: 1px; }
.gap-row-2 { grid-row-gap: 2px; }
.gap-row-3 { grid-row-gap: 3px; }
.gap-row-4 { grid-row-gap: 4px; }
.gap-row-5 { grid-row-gap: 5px; }
.gap-row-10 { grid-row-gap: 10px; }
.gap-row-15 { grid-row-gap: 15px; }
.gap-row-20 { grid-row-gap: 20px; }
.gap-row-25 { grid-row-gap: 25px; }
.gap-row-30 { grid-row-gap: 30px; }
.gap-row-35 { grid-row-gap: 35px; }
.gap-row-40 { grid-row-gap: 40px; }
.gap-row-45 { grid-row-gap: 45px; }
.gap-row-50 { grid-row-gap: 50px; }
.gap-row-60 { grid-row-gap: 60px; }
.gap-row-70 { grid-row-gap: 70px; }
.gap-row-80 { grid-row-gap: 80px; }
.gap-row-90 { grid-row-gap: 90px; }
.gap-row-100 { grid-row-gap: 100px; }

.row-1 { height: 38px !important; }
.row-2 { height: 118px !important; }
.row-3 { height: 198px !important; }
.row-4 { height: 278px !important; }
.row-5 { height: 358px !important; }

.flex-gap-0 .item { margin-right: 0px; }
.flex-gap-1 .item { margin-right: 1px; }
.flex-gap-2 .item { margin-right: 2px; }
.flex-gap-3 .item { margin-right: 3px; }
.flex-gap-4 .item { margin-right: 4px; }
.flex-gap-5 .item { margin-right: 5px; }
.flex-gap-10 .item { margin-right: 10px; }
.flex-gap-15 .item { margin-right: 15px; }
.flex-gap-20 .item { margin-right: 20px; }
.flex-gap-25 .item { margin-right: 25px; }
.flex-gap-30 .item { margin-right: 30px; }
.flex-gap-35 .item { margin-right: 35px; }
.flex-gap-40 .item { margin-right: 40px; }
.flex-gap-45 .item { margin-right: 45px; }
.flex-gap-50 .item { margin-right: 50px; }

.flex-gap-0 .item:last-of-type { margin-right: 0px; }
.flex-gap-1 .item:last-of-type { margin-right: 0px; }
.flex-gap-2 .item:last-of-type { margin-right: 0px; }
.flex-gap-3 .item:last-of-type { margin-right: 0px; }
.flex-gap-4 .item:last-of-type { margin-right: 0px; }
.flex-gap-5 .item:last-of-type { margin-right: 0px; }
.flex-gap-10 .item:last-of-type { margin-right: 0px; }
.flex-gap-15 .item:last-of-type { margin-right: 0px; }
.flex-gap-20 .item:last-of-type { margin-right: 0px; }
.flex-gap-25 .item:last-of-type { margin-right: 0px; }
.flex-gap-30 .item:last-of-type { margin-right: 0px; }
.flex-gap-35 .item:last-of-type { margin-right: 0px; }
.flex-gap-40 .item:last-of-type { margin-right: 0px; }
.flex-gap-45 .item:last-of-type { margin-right: 0px; }
.flex-gap-50 .item:last-of-type { margin-right: 0px; }