/* @font-face {
    font-family: "Bee-ThreeW01-Bold"; 
    src: url("//db.onlinewebfonts.com/t/5cabd91c8445318690630bc62cfe0236.eot"); 
    src: url("//db.onlinewebfonts.com/t/5cabd91c8445318690630bc62cfe0236.eot?#iefix") format("embedded-opentype"), 
            url("//db.onlinewebfonts.com/t/5cabd91c8445318690630bc62cfe0236.woff2") format("woff2"), 
            url("//db.onlinewebfonts.com/t/5cabd91c8445318690630bc62cfe0236.woff") format("woff"), 
            url("//db.onlinewebfonts.com/t/5cabd91c8445318690630bc62cfe0236.ttf") format("truetype"), 
            url("//db.onlinewebfonts.com/t/5cabd91c8445318690630bc62cfe0236.svg#Bee-ThreeW01-Bold") format("svg"); 
} */

@font-face {
    font-family: "Bee-ThreeW01-Bold"; 
    src: url("../fonts/5cabd91c8445318690630bc62cfe0236.eot"); 
    src: url("../fonts/5cabd91c8445318690630bc62cfe0236.eot?#iefix") format("embedded-opentype"), 
            url("../fonts/5cabd91c8445318690630bc62cfe0236.woff2") format("woff2"), 
            url("../fonts/5cabd91c8445318690630bc62cfe0236.woff") format("woff"), 
            url("../fonts/5cabd91c8445318690630bc62cfe0236.ttf") format("truetype"), 
            url("../fonts/5cabd91c8445318690630bc62cfe0236.svg#Bee-ThreeW01-Bold") format("svg"); 
}


@font-face {
    font-family: 'Bee One';
    src: url('Bee-One.eot');
    src: local('Bee One'), local('Bee-One'),
        url('../fonts/Bee-One.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bee-One.woff2') format('woff2'),
        url('../fonts/Bee-One.woff') format('woff'),
        url('../fonts/Bee-One.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bee Two';
    src: url('Bee-Two.eot');
    src: local('Bee Two'), local('Bee-Two'),
        url('../fonts/Bee-Two.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bee-Two.woff2') format('woff2'),
        url('../fonts/Bee-Two.woff') format('woff'),
        url('../fonts/Bee-Two.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bee Three';
    src: url('Bee-Three.eot');
    src: local('Bee Three'), local('Bee-Three'),
        url('../fonts/Bee-Three.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bee-Three.woff2') format('woff2'),
        url('../fonts/Bee-Three.woff') format('woff'),
        url('../fonts/Bee-Three.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bee Four';
    src: url('Bee-Four.eot');
    src: local('Bee Four'), local('Bee-Four'),
        url('../fonts/Bee-Four.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bee-Four.woff2') format('woff2'),
        url('../fonts/Bee-Four.woff') format('woff'),
        url('../fonts/Bee-Four.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*avenir*/
@font-face {
    font-family: 'AvenirNextLTPro Bold';
    src: url('AvenirNextLTPro-Bold.otf');
    src: local('AvenirNextLTPro-Bold'), local('AvenirNextLTPro Bold'),
        url('../fonts/AvenirNextLTPro-Bold.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro BoldCn';
    src: url('AvenirNextLTPro-BoldCn.otf');
    src: local('AvenirNextLTPro-BoldCn'), local('AvenirNextLTPro BoldCn'),
        url('../fonts/AvenirNextLTPro-BoldCn.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-BoldCn.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-BoldCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro BoldCnIt';
    src: url('AvenirNextLTPro-BoldCnIt.otf');
    src: local('AvenirNextLTPro-BoldCnIt'), local('AvenirNextLTPro BoldCnIt'),
        url('../fonts/AvenirNextLTPro-BoldCnIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-BoldCnIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-BoldCnIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro BoldIt';
    src: url('AvenirNextLTPro-BoldIt.otf');
    src: local('AvenirNextLTPro-BoldIt'), local('AvenirNextLTPro BoldIt'),
        url('../fonts/AvenirNextLTPro-BoldIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-BoldIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-BoldIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro Cn';
    src: url('AvenirNextLTPro-Cn.otf');
    src: local('AvenirNextLTPro-Cnt'), local('AvenirNextLTPro Cn'),
        url('../fonts/AvenirNextLTPro-Cn.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-Cn.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Cn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro CnIt';
    src: url('AvenirNextLTPro-CnIt.otf');
    src: local('AvenirNextLTPro-CnIt'), local('AvenirNextLTPro CnIt'),
        url('../fonts/AvenirNextLTPro-CnIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-CnIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-CnIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro Demi';
    src: url('AvenirNextLTPro-Demi.otf');
    src: local('AvenirNextLTPro-Demi'), local('AvenirNextLTPro Demi'),
        url('../fonts/AvenirNextLTPro-Demi.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro DemiCn';
    src: url('AvenirNextLTPro-DemiCn.otf');
    src: local('AvenirNextLTPro-DemiCn'), local('AvenirNextLTPro DemiCn'),
        url('../fonts/AvenirNextLTPro-DemiCn.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-DemiCn.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-DemiCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro DemiCnIt';
    src: url('AvenirNextLTPro-DemiCnIt.otf');
    src: local('AvenirNextLTPro-DemiCnIt'), local('AvenirNextLTPro-DemiCnIt'),
        url('../fonts/AvenirNextLTPro-DemiCnIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-DemiCnIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-DemiCnIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro DemiIt';
    src: url('AvenirNextLTPro-DemiIt.otf');
    src: local('AvenirNextLTPro-DemiIt'), local('AvenirNextLTPro DemiIt'),
        url('../fonts/AvenirNextLTPro-DemiIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-DemiIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-DemiIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro Heavy';
    src: url('AvenirNextLTPro-Heavy.otf');
    src: local('AvenirNextLTPro-Heavy'), local('AvenirNextLTPro Heavy'),
        url('../fonts/AvenirNextLTPro-Heavy.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-Heavy.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro HeavyCn';
    src: url('AvenirNextLTPro-HeavyCn.otf');
    src: local('AvenirNextLTPro-HeavyCn'), local('AvenirNextLTPro HeavyCn'),
        url('../fonts/AvenirNextLTPro-HeavyCn.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-HeavyCn.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-HeavyCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro HeavyCnIt';
    src: url('AvenirNextLTPro-HeavyCnIt.otf');
    src: local('AvenirNextLTPro-HeavyCn'), local('AvenirNextLTPro HeavyCnIt'),
        url('../fonts/AvenirNextLTPro-HeavyCnIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-HeavyCnIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-HeavyCnIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro HeavyIt';
    src: url('AvenirNextLTPro-HeavyIt.otf');
    src: local('AvenirNextLTPro-HeavyIt'), local('AvenirNextLTPro HeavyIt'),
        url('../fonts/AvenirNextLTPro-HeavyIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-HeavyIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-HeavyIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro It';
    src: url('AvenirNextLTPro-It.otf');
    src: local('AvenirNextLTPro-It'), local('AvenirNextLTPro It'),
        url('../fonts/AvenirNextLTPro-It.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-It.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro Medium';
    src: url('AvenirNextLTPro-Medium.otf');
    src: local('AvenirNextLTPro-Medium'), local('AvenirNextLTPro Medium'),
        url('../fonts/AvenirNextLTPro-Medium.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-Medium.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro MediumCn';
    src: url('AvenirNextLTPro-MediumCn.otf');
    src: local('AvenirNextLTPro-MediumCn'), local('AvenirNextLTPro MediumCn'),
        url('../fonts/AvenirNextLTPro-MediumCn.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-MediumCn.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-MediumCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro MediumCnIt';
    src: url('AvenirNextLTPro-MediumCnIt.otf');
    src: local('AvenirNextLTPro-MediumCnIt'), local('AvenirNextLTPro MediumCnIt'),
        url('../fonts/AvenirNextLTPro-MediumCnIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-MediumCnIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-MediumCnIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro MediumIt';
    src: url('AvenirNextLTPro-MediumIt.otf');
    src: local('AvenirNextLTPro-MediumIt'), local('AvenirNextLTPro MediumIt'),
        url('../fonts/AvenirNextLTPro-MediumIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-MediumIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-MediumIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro Regular';
    src: url('AvenirNextLTPro-Regular.otf');
    src: local('AvenirNextLTPro-Regular'), local('AvenirNextLTPro Regular'),
        url('../fonts/AvenirNextLTPro-Regular.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro UltLt';
    src: url('AvenirNextLTPro-UltLt.otf');
    src: local('AvenirNextLTPro-Regular'), local('AvenirNextLTPro UltLt'),
        url('../fonts/AvenirNextLTPro-UltLt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-UltLt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-UltLt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro UltLtCn';
    src: url('AvenirNextLTPro-UltLtCn.otf');
    src: local('AvenirNextLTPro-UltLtCn'), local('AvenirNextLTPro UltLtCn'),
        url('../fonts/AvenirNextLTPro-UltLtCn.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-UltLtCn.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-UltLtCn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro UltLtCnIt';
    src: url('AvenirNextLTPro-UltLtCnIt.otf');
    src: local('AvenirNextLTPro-UltLtCnIt'), local('AvenirNextLTPro- UltLtCnIt'),
        url('../fonts/AvenirNextLTPro-UltLtCnIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-UltLtCnIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-UltLtCnIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro UltLtIt';
    src: url('AvenirNextLTPro-UltLtIt.otf');
    src: local('AvenirNextLTPro-UltLtIt'), local('AvenirNextLTPro UltLtIt'),
        url('../fonts/AvenirNextLTPro-UltLtIt.otf') format('otf'),
        url('../fonts/AvenirNextLTPro-UltLtIt.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-UltLtIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*termina*/
@font-face {
    font-family: 'Termina Black';
    src: url('termina-black.otf');
    src: local('Termina Black'), local('Termina Black'),
        url('../fonts/termina-black.otf') format('otf'),
        url('../fonts/termina-black.woff') format('woff'),
        url('../fonts/termina-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Bold';
    src: url('termina-bold.otf');
    src: local('Termina Bold'), local('Termina Bold'),
        url('../fonts/termina-bold.otf') format('otf'),
        url('../fonts/termina-bold.woff') format('woff'),
        url('../fonts/termina-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Demi';
    src: url('termina-demi.otf');
    src: local('Termina Demi'), local('Termina Demi'),
        url('../fonts/termina-demi.otf') format('otf'),
        url('../fonts/termina-demi.woff') format('woff'),
        url('../fonts/termina-demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Extralight';
    src: url('termina-extralight.otf');
    src: local('Termina Extralight'), local('Termina Extralight'),
        url('../fonts/termina-extralight.otf') format('otf'),
        url('../fonts/termina-extralight.woff') format('woff'),
        url('../fonts/termina-extralight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Heavy';
    src: url('termina-heavy.otf');
    src: local('Termina Heavy'), local('Termina Heavy'),
        url('../fonts/termina-heavy.otf') format('otf'),
        url('../fonts/termina-heavy.woff') format('woff'),
        url('../fonts/termina-heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Light';
    src: url('termina-light.otf');
    src: local('Termina Light'), local('Termina Light'),
        url('../fonts/termina-light.otf') format('otf'),
        url('../fonts/termina-light.woff') format('woff'),
        url('../fonts/termina-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Medium';
    src: url('termina-medium.otf');
    src: local('Termina Medium'), local('Termina Medium'),
        url('../fonts/termina-medium.otf') format('otf'),
        url('../fonts/termina-medium.woff') format('woff'),
        url('../fonts/termina-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Regular';
    src: url('termina-regular.otf');
    src: local('Termina Regular'), local('Termina Regular'),
        url('../fonts/termina-regular.otf') format('otf'),
        url('../fonts/termina-regular.woff') format('woff'),
        url('../fonts/termina-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Termina Thin';
    src: url('termina-thin.otf');
    src: local('Termina Thin'), local('Termina Thin'),
        url('../fonts/termina-thin.otf') format('otf'),
        url('../fonts/termina-thin.woff') format('woff'),
        url('../fonts/termina-thinr.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.btn {
    border-radius: 0;
    border-width: 2px;
}

.section .section-title {
    font-family: "Bee-ThreeW01-Bold";
    text-transform: uppercase;
}
.section h2.section-title {
    font-size: 80px;
}

/* banner */
.section.section-home-banner {
    background-color: #000;
    color: #fff;
    padding-bottom: 287px;
}
.section.section-home-banner .titles {
    text-align: center;
}
.section.section-home-banner .titles > h1 {
    font-family: "Bee-ThreeW01-Bold";
    font-size: 3em; /*140px*/
    line-height: 1.25em;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    letter-spacing: 2px;
}

.section.section-home-banner .titles > h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
}

.section.section-home-banner .titles > p {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
}

.section.section-home-banner .titles > h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
}
.section.section-home-banner .ctas {
    text-align: center;
}
.section.section-home-banner .captions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
}
.section.section-home-banner .captions > .item {
    flex: 0 0 33.33%;
    max-width: 30%;
    padding: 30px;
    border-right: 2px solid #fff;
    text-align: center;
}
.section.section-home-banner .captions > .item h4 {
    font-weight: bold;
}
.section.section-home-banner .captions > .item h3 {
    font-weight: bold;
    font-size: 1.5rem;
}
.section.section-home-banner .captions > .item p:last-of-type {
    margin-bottom: 0;
}
.section.section-home-banner .captions > .item:last-child {
    border-right: 0;
}
.section.section-home-banner ~ .section.section_categories {
    padding: 0;
    margin-top: -320px;
}

/* category blocks */
.category-blocks .item {
    border-radius: 5px;
    background-color: #fff;
    color: #000;
}
.category-blocks .item .thumb {
    border-radius: 5px;
    background-color: #fff;
    padding-bottom: 100%;
}
.category-blocks .item .thumb > img {
    object-fit: contain;
}
.category-blocks .item .thumb:before {
    height: 10px;
    background: none;
    background-color: var(--sg-color-secondary);
    opacity: 0;
    transition: all 0.35s;
}
.category-blocks .item:hover .thumb:before {
    opacity: 1;
}
.category-blocks .item > .info {
    color: inherit;
}

/* about block */
.about-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 400px;
}
.about-block > .b-left,
.about-block > .b-right {
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
    min-height: 100px;
}
.about-block > .b-left > img,
.about-block > .b-right > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about-block > .b-left > .section-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: rgba(0,0,0,.75);
    color: #fff;
    text-align: center;
    z-index: 1;
}
.about-block > .b-center {
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #000;
    color: #fff;
    padding: 50px;
}

/* images block */
.images-block {
    position: relative;
    display: flex;
    justify-content: center;
}
.images-block > .item {
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
    height: 250px;
    overflow: hidden;
}
.images-block > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 5s;
}
.images-block > .item:hover > img {
    transform: scale(1.15);
}

/* blog card */
.blog-card {
    position: relative;
    background-color: #000;
    overflow: hidden;
}
.blog-card > .thumb {
    position: relative;
    height: 350px;
}
.blog-card > .thumb > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 5s;
}
.blog-card:hover > .thumb > img {
    transform: scale(1.15);
}
.blog-card a.p {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 22;
}
.blog-card .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 1.25em;
}
.blog-card .info > h4 {
    font-family: "Bee-ThreeW01-Bold";
    text-transform: uppercase;
    font-size: 42px;
    line-height: 1em;
}
.blog-card .info > h3 {
    /* font-family: "Bee-ThreeW01-Bold"; */
    /* text-transform: uppercase; */
    font-size: 1rem;
    line-height: 1em;
}
.blog-card .info > .btn {
    position: relative;
    z-index: 23;
}

/* testimonials */
.testimonial-blocks .item > .info {
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 35px 50px;
    background-color: #fafafa;
}
.testimonial-blocks .item > .info:before {
    display: none;
}
.testimonial-blocks .item > .info > .thumb {
    position: relative;
    bottom: 0;
    margin-top: 15px;
}

/* faq items */
.faqs-accordion > .accordion-item > .accordion-header > .accordion-button.collapsed {
    background-color: var(--sg-color-primary);
}
.faqs-accordion > .accordion-item > .accordion-header > .accordion-button {
    background-color: #000;
    color: #fff;
}

footer#masterfoot .footer-widget h4 {
    font-family: "Bee-ThreeW01-Bold";
    font-size: 50px;
    text-transform: uppercase;
}

footer#masterfoot .footer-widget h3 {
    font-family: "Bee-ThreeW01-Bold";
    font-size: 50px;
    text-transform: uppercase;
}

/* age verification popup */
.sg_age-verification {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.90);
    z-index: 100000022;
}
.sg_age-verification:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--sg-color-primary);
    opacity: 0.5;
}
.sg_age-verification > .inner {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto;
    max-width: 700px;
    padding: 120px 50px 50px;
    color: #fff;
    /* background-color: #000;
    background-image: url('../img/age-verification-bg.jpg');
    background-size: cover;
    background-position: top center; */
    text-align: center;
}
.sg_age-verification > .inner h2 {
    font-weight: bold;
    font-size: 70px;
    line-height: 1em;
    text-transform: uppercase;
}
.sg_age-verification > .inner .actions {
    margin-top: 25px;
}
.sg_age-verification > .inner .actions > .btn {
    font-size: 24px;
    border-width: 3px;
    min-width: 220px;
}
.sg_age-verification > .inner .actions > .btn.btn-default {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

/**
chie 11/30/2022
**/
.cyan{
    background-color: #9bc0c3;
}

.br-25{
   border-radius:  25px; 
}
.text-smaller-1{
    font-size: 12px;
    font-weight: normal;
}

.text-smaller-2{
    font-size: 10px;
    font-weight: normal;
}

.btn-block{
    display: block;
    width: 100%;
}

.loyalty-perks{
    font-family: 'Bee Three';
    font-size: 4.5em;
}

.two-column{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.quick-links h4{
    padding-left: 100px;
}

.press_logo{
    position: absolute;
    right: 0;
    z-index: 999;
    width: 100px;
   /* display: none; */
}

.redline{
    position: absolute;
    top: 204px;
    width: 424px;
    height: 42px;
    z-index: -99999;
}

.redline2{
    position: absolute;
    top: 323px;
    width: 324px;
    left: 20%;
    height: 42px;
    z-index: -99999;
}

.redline3{
    position: absolute;
    top: 447px;
    width: 521px;
    left: 17%; 
    height: 42px;
    z-index: -99999;
}

.redline4{
    position: absolute;
    top: 566px;
    width: 147px;
    left: 30%; 
    height: 42px;
    z-index: -99999;
}

.sub-group{
    text-align: left;
    padding: 10px;
}

.sub-group .article-link{
    display: block;
}
.sub-group .article-date{
    padding-left: 15px;
}
.sub-group .article-title{
    height: 60px;
}
.sub-group .article-outlet{
  
}

.info p{
    background-color: #333333a3;
}

.info .comment p{
    background-color: transparent !important;
}

.section-tos .row div .sub{
    padding-left: 15px;
}

.section-tos .row div ul.sub {
    padding-left: 45px;
}

section.section_banner{
    display: none;
}

/*location page*/
section.section.section-locations > div > div > div > div.location-details-container > h2{
    font-size: 1.5rem !important;
}

section.section.section-locations div > div > div > div.location-details-container > p{
    font-size: 1 !important;
}

section.section.section-locations > div > div > div > h6{
    text-align: left;
}

section.section.section_location .reviews{
    display: flex;
    align-items: center;
}

section.section.section_location .directions{
    display: flex;
    justify-content: center;
}

section.section.section_3 > div > div > div > ul li{
    padding-bottom: 20px;
}

section.section.section_location .directions a{
    background-color: #fff !important;
}

section.area_zipcode .container{
    background-color: #ffa600;
    border-radius: 15px;
}

ul.area_list, ul.zipcode_list, ul.other_list {
    list-style-type: none;
}

ul.area_list li, ul.zipcode_list li, ul.other_list li{
    padding-bottom: 15px;
}

ul.area_list, ul.zipcode_list{
    list-style-type: none;
    display: relative;
    columns: 2;
    justify-content: space-between;
    padding: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 85px;
    list-style-image: url(https://newage.seogstage.com/assets/front/img/newage/cannabis-icon.svg);
}
ul.area_list li::marker , ul.zipcode_list li::marker , ul.other_list li::marker{
    font-size: 2.5rem; /* You can use px, but I think rem is more respecful */
  }

ul.other_list {
    list-style-image: url(https://newage.seogstage.com/assets/front/img/newage/cannabis-icon-green.svg);
}


ul.area_list li:before, ul.zipcode_list li:before {
    /* content: "\f058";
    font-family: "Font Awesome 6 Free";
    padding-right: 15px; */
}

ul.other_list li:before{

}

ul.other_list li:before{
    font-size: 20px;
}

section.section.section_other_resources > div > div > div > ul.other_list > li > a, .section .content a,.phone p a {
    color: var(--sg-color-secondary);   
    text-decoration: underline; 
}

section.section.section_other_resources > div > div > div > ul.other_list > li > a, .area_list a, .zipcode_list a, .phone p a {
    text-decoration: underline;
}

/* .container_header{
    margin: 10px 0px 20px;
    padding: 10px 120px;
    height: 95px;
} */

.font-bold{
    font-weight: bold;
}

.accordion-header button.accordion-button.collapsed a{
    color: #fff;
}

.faqs-accordion > .accordion-item {
    color:#fff;
}

section.section.section_faqs > section > div > div > div:nth-child(1){
    border-right: 2px solid #000;
}

.faqs-accordion > .accordion-item > .accordion-header > .accordion-button.collapsed {
    background-color: #ffa600;
}

.faqs-accordion > .accordion-item > .accordion-header > .accordion-button {
    background-color: #ffa600;
}

.faqs-accordion > .accordion-item > .accordion-collapse.collapse.show{
    background-color: #b6872d;
}

/*services location*/

.services-blocks {
    display: flex;
    justify-content: center;
}


.services-blocks .item {
border-radius: 5px;
background-color: #fff;
color: #000;
}

.service-blocks > .item {
-ms-flex: 0 0 calc(25% - 15px);
flex: 0 0 calc(25% - 15px);
max-width: calc(25% - 15px);
margin: 7.5px;
color:#fff;
padding: 20px;
border-radius: 15px;
}   


section.section.section_location .location_details > div.directions{
display: flex;
justify-content: center;
}

section.section.section_services   .service-blocks > div.item:nth-child(1){
background-color: #009ec1 ;
}
section.section.section_services   .service-blocks > div.item:nth-child(2){
background-color: #fd88ce ;
}
section.section.section_services   .service-blocks > div.item:nth-child(3){
background-color: #ffa600 ;
}
section.section.section_services   .service-blocks > div.item:nth-child(4){
background-color: #f7c901 ;
}

.btn-darker{
    background-color: #000 !important;
    color: #fff !important;
}

.btn-yellow{
    background-color: #F7C901 !important;
    color: #000;
}

.links-details .details a {
    color: var(--sg-color-secondary);
    text-decoration: underline;
}

/* blogs updated */
.sgposts-articles_list.style_1 .article-item:first-child > .details .title h2:first-child {
    font-size: 36px;
}

@media only screen and (max-width: 1200px) {

    .redline{
    }
    
    .redline2{
        left: 25%;
    }
    
    .redline3{ 
        left: 20%; 
    }
    
    .redline4{  
        left: 20%;  
    }

}

@media only screen and (max-width: 575px) {

    .sg_age-verification > .inner h2 {
        font-size: 42px;
    }

    .redline4 ,.redline3, .redline2, .redline{
        display:none;
        }
    
    .sub-group .article-title{
        height: auto;
    }

    .deal-bottom-images{
        padding: 0px 0px;
    }
    
}


@media only screen and (max-width: 1720px) {
    .redline{
        top: 196px;
    }
    
    .redline2{
        top: 320px;
        left: 18%;
        width: 265px;
    }
    
    .redline3{ 
        top: 443px;
        left: 16%; 
        width: 487px;
    }
    
    .redline4{ 
        top: 564px; 
        left: 27%;  
    }
}

@media only screen and (max-width: 1200px) {
    .redline{
        top: 196px;
    }
    
    .redline2{
        top: 320px;
        left: 10%;
        width: 265px;
    }
    
    .redline3{ 
        top: 443px;
        left: 6%; 
        width: 487px;
    }
    
    .redline4{ 
        top: 564px; 
        left: 22%;  
    }
}

@media only screen and (max-width: 980px) {
    .redline{
        top: 170px;
    }
    
    .redline2{
        top: 294px;
        left: 5%;
        width: 265px;
    }
    
    .redline3{ 
        top: 415px;
        left: 2%; 
        width: 487px;
    }
    
    .redline4{ 
        top: 538px; 
        left: 20%;  
    }

    .deal-bottom-images{
        padding: 1px 0px;
    }
}


@media only screen and (max-width: 650px) {

    .about-block > .b-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-block > .b-center {
        flex: 0 0 75%;
        max-width: 75%;
        padding: 25px;
    }

    .loyalty-perks{
        font-family: 'Bee Three';
        font-size: 3.1em;
    }

    .quick-links h4{
        padding-left: 0px;
    }
    .redline{
        top: 140px;
    }
    
    .redline2{
        top: 222px;
        left: 5%;
        width: 205px;
    }
    
    .redline3{ 
        top: 295px;
        left: 4%; 
        width: 400px;
    }
    
    .redline4{ 
        top: 390px; 
        left: 20%;  
    }

    .deal-bottom-images{
        padding: 2% 17%;
    }

    #sb-PersistentButton {
        bottom: 65px !important;
    }

    #sb-Container {
         bottom: 130px !important;
    }


}

@media only screen and (max-width: 575px) {

    .section h2.section-title {
        font-size: 60px;
    }
    
    .section.section-home-banner {
        padding-bottom: 300px;/*150px*/
    }

    .section.section-home-banner .titles > h2 {
        font-size: 37px;
        line-height: 43px;
    }
    .section.section-home-banner .titles > h4 {
        font-size: 24px;
    }

    .section.section-home-banner .captions {
        flex-wrap: wrap;
    }
    .section.section-home-banner .captions > .item {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
        border-bottom: 2px solid #fff;
    }

    .category-blocks .item .thumb {
        padding-bottom: 70%;
    }

    .images-block {
        flex-wrap: wrap;
    }
    .images-block > .item {
        flex: 0 0 50%;
        max-width: 50%;
        height: 150px;
    }

    footer#masterfoot {
        text-align: center;
    }

    .loyalty-perks{
        font-family: 'Bee Three';
        font-size: 2.5em;
    }

    .quick-links h4{
        padding-left: 0px;
    }

    ul.icon-list {
        list-style-position: inside !important;
    }

    ul.icon-list em {
        position: relative !important;
    }

    .redline4 ,.redline3, .redline2, .redline{
        display:none;
        }
    /* .category-blocks .owl-stage-outer .owl-stage .owl-item:nth-child(3){
        display: none;
    } */

    section.section_banner{
        display: block;
    }

    /*location page*/
    section.section.section_location .reviews {
        flex-direction: column;
    }

    section.section.section_location .directions {
        flex-direction: column;
    }

    .font-bold {
        /* padding-bottom: 15px 0px; */
    }

    .container_header {
        display:block;
        text-align: center;
        align-items: center;
        padding: 10px 40px;
    }

    body > div.site-wrapper > div.site-content > section.section.area_zipcode > div > div > div:nth-child(2) > div{
        padding: 10px 100px;
    }

    .service-blocks > .item {
        -ms-flex: 0 0 calc(25% - 15px);
        flex: 0 0 calc(100% - 15px);
        max-width: calc(100% - 15px);
        margin: 7.5px;
        color: #fff;
        padding: 20px;
        border-radius: 15px;
    }

    ul.area_list, ul.zipcode_list {
        padding-left: 20px;
    }
     /*added this because there is only one area*/
    ul.area_list{
        columns: 1 !important;
    }

    ul.zipcode_list {
        font-size: 14px;
    }

    .location_details h6{
        line-height: 28px !important;
       
    }

    .location_details .address, .location_details .phone{
        display: flex;
        justify-content: center;
        text-align: center;
    }

    section.section.section_services{
        padding-top: 0px;
    }

    section.section.area_zipcode{
        padding: 50px 20px;
    }

    ul.area_list, ul.zipcode_list {
        padding-left: 60px;
    }

    section.section.section_faqs > section > div > div > div:nth-child(1) {
        border-right:none;
    }

    section.section.section-locations > div > div > div > h4{
        margin-top: 15px;
    }

    /* utils */
    .xs-mt-5{
        margin-top: 15px;
    }
}