* {
    margin: 0;
    padding: 0;
}
*,
::after,
::before {
    box-sizing: inherit;
}
@font-face {
    font-family: powderscriptboldw00-regularRg;
    src: url("font/powder_script_bold_w00_regular-webfont.woff2") format("woff2"), url("font/powder_script_bold_w00_regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-Thin.eot");
    src: local("Brandon Grotesque Thin"), local("BrandonGrotesque-Thin"), url("font/brandon/BrandonGrotesque-Thin.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Thin.woff2") format("woff2"),
        url("font/brandon/BrandonGrotesque-Thin.woff") format("woff"), url("font/brandon/BrandonGrotesque-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-Medium.eot");
    src: local("Brandon Grotesque Medium"), local("BrandonGrotesque-Medium"), url("font/brandon/BrandonGrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Medium.woff2") format("woff2"),
        url("font/brandon/BrandonGrotesque-Medium.woff") format("woff"), url("font/brandon/BrandonGrotesque-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-BoldItalic.eot");
    src: local("Brandon Grotesque Bold Italic"), local("BrandonGrotesque-BoldItalic"), url("font/brandon/BrandonGrotesque-BoldItalic.eot?#iefix") format("embedded-opentype"),
        url("font/brandon/BrandonGrotesque-BoldItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-BoldItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-BlackItalic.eot");
    src: local("Brandon Grotesque Black Italic"), local("BrandonGrotesque-BlackItalic"), url("font/brandon/BrandonGrotesque-BlackItalic.eot?#iefix") format("embedded-opentype"),
        url("font/brandon/BrandonGrotesque-BlackItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-BlackItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-Regular.eot");
    src: local("Brandon Grotesque Regular"), local("BrandonGrotesque-Regular"), url("font/brandon/BrandonGrotesque-Regular.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Regular.woff2") format("woff2"),
        url("font/brandon/BrandonGrotesque-Regular.woff") format("woff"), url("font/brandon/BrandonGrotesque-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-RegularItalic.eot");
    src: local("Brandon Grotesque Regular Italic"), local("BrandonGrotesque-RegularItalic"), url("font/brandon/BrandonGrotesque-RegularItalic.eot?#iefix") format("embedded-opentype"),
        url("font/brandon/BrandonGrotesque-RegularItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-RegularItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-Bold.eot");
    src: local("Brandon Grotesque Bold"), local("BrandonGrotesque-Bold"), url("font/brandon/BrandonGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Bold.woff2") format("woff2"),
        url("font/brandon/BrandonGrotesque-Bold.woff") format("woff"), url("font/brandon/BrandonGrotesque-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-MediumItalic.eot");
    src: local("Brandon Grotesque Medium Italic"), local("BrandonGrotesque-MediumItalic"), url("font/brandon/BrandonGrotesque-MediumItalic.eot?#iefix") format("embedded-opentype"),
        url("font/brandon/BrandonGrotesque-MediumItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-MediumItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-ThinItalic.eot");
    src: local("Brandon Grotesque Thin Italic"), local("BrandonGrotesque-ThinItalic"), url("font/brandon/BrandonGrotesque-ThinItalic.eot?#iefix") format("embedded-opentype"),
        url("font/brandon/BrandonGrotesque-ThinItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-ThinItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-LightItalic.eot");
    src: local("Brandon Grotesque Light Italic"), local("BrandonGrotesque-LightItalic"), url("font/brandon/BrandonGrotesque-LightItalic.eot?#iefix") format("embedded-opentype"),
        url("font/brandon/BrandonGrotesque-LightItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-LightItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-Light.eot");
    src: local("Brandon Grotesque Light"), local("BrandonGrotesque-Light"), url("font/brandon/BrandonGrotesque-Light.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Light.woff2") format("woff2"),
        url("font/brandon/BrandonGrotesque-Light.woff") format("woff"), url("font/brandon/BrandonGrotesque-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Brandon Grotesque";
    src: url("font/brandon/BrandonGrotesque-Black.eot");
    src: local("Brandon Grotesque Black"), local("BrandonGrotesque-Black"), url("font/brandon/BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Black.woff2") format("woff2"),
        url("font/brandon/BrandonGrotesque-Black.woff") format("woff"), url("font/brandon/BrandonGrotesque-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-BlackObl.eot");
    src: local("HurmeGeometricSans2 BlackOblique"), local("HurmeGeometricSans2-BlackObl"), url("font2/HurmeGeometricSans2-BlackObl.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-BlackObl.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-BlackObl.woff") format("woff"), url("font2/HurmeGeometricSans2-BlackObl.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-Bold.eot");
    src: local("HurmeGeometricSans2 Bold"), local("HurmeGeometricSans2-Bold"), url("font2/HurmeGeometricSans2-Bold.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-Bold.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-Bold.woff") format("woff"), url("font2/HurmeGeometricSans2-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-Black.eot");
    src: local("HurmeGeometricSans2 Black"), local("HurmeGeometricSans2-Black"), url("font2/HurmeGeometricSans2-Black.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-Black.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-Black.woff") format("woff"), url("font2/HurmeGeometricSans2-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-RegularObl.eot");
    src: local("HurmeGeometricSans2 RegularOblique"), local("HurmeGeometricSans2-RegularObl"), url("font2/HurmeGeometricSans2-RegularObl.eot?#iefix") format("embedded-opentype"),
        url("font2/HurmeGeometricSans2-RegularObl.woff2") format("woff2"), url("font2/HurmeGeometricSans2-RegularObl.woff") format("woff"), url("font2/HurmeGeometricSans2-RegularObl.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-SemiBold.eot");
    src: local("HurmeGeometricSans2 SemiBold"), local("HurmeGeometricSans2-SemiBold"), url("font2/HurmeGeometricSans2-SemiBold.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-SemiBold.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-SemiBold.woff") format("woff"), url("font2/HurmeGeometricSans2-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-LightObl.eot");
    src: local("HurmeGeometricSans2 LightOblique"), local("HurmeGeometricSans2-LightObl"), url("font2/HurmeGeometricSans2-LightObl.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-LightObl.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-LightObl.woff") format("woff"), url("font2/HurmeGeometricSans2-LightObl.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-HairlineObl.eot");
    src: local("HurmeGeometricSans2 HairlineOblique"), local("HurmeGeometricSans2-HairlineObl"), url("font2/HurmeGeometricSans2-HairlineObl.eot?#iefix") format("embedded-opentype"),
        url("font2/HurmeGeometricSans2-HairlineObl.woff2") format("woff2"), url("font2/HurmeGeometricSans2-HairlineObl.woff") format("woff"), url("font2/HurmeGeometricSans2-HairlineObl.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-Hairline.eot");
    src: local("HurmeGeometricSans2 Hairline"), local("HurmeGeometricSans2-Hairline"), url("font2/HurmeGeometricSans2-Hairline.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-Hairline.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-Hairline.woff") format("woff"), url("font2/HurmeGeometricSans2-Hairline.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-BoldObl.eot");
    src: local("HurmeGeometricSans2 BoldOblique"), local("HurmeGeometricSans2-BoldObl"), url("font2/HurmeGeometricSans2-BoldObl.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-BoldObl.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-BoldObl.woff") format("woff"), url("font2/HurmeGeometricSans2-BoldObl.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-Light.eot");
    src: local("HurmeGeometricSans2 Light"), local("HurmeGeometricSans2-Light"), url("font2/HurmeGeometricSans2-Light.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-Light.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-Light.woff") format("woff"), url("font2/HurmeGeometricSans2-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-ThinObl.eot");
    src: local("HurmeGeometricSans2 ThinOblique"), local("HurmeGeometricSans2-ThinObl"), url("font2/HurmeGeometricSans2-ThinObl.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-ThinObl.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-ThinObl.woff") format("woff"), url("font2/HurmeGeometricSans2-ThinObl.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-Regular.eot");
    src: local("HurmeGeometricSans2 Regular"), local("HurmeGeometricSans2-Regular"), url("font2/HurmeGeometricSans2-Regular.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-Regular.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-Regular.woff") format("woff"), url("font2/HurmeGeometricSans2-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-Thin.eot");
    src: local("HurmeGeometricSans2 Thin"), local("HurmeGeometricSans2-Thin"), url("font2/HurmeGeometricSans2-Thin.eot?#iefix") format("embedded-opentype"), url("font2/HurmeGeometricSans2-Thin.woff2") format("woff2"),
        url("font2/HurmeGeometricSans2-Thin.woff") format("woff"), url("font2/HurmeGeometricSans2-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Hurme Geometric Sans 2";
    src: url("font2/HurmeGeometricSans2-SemiBoldObl.eot");
    src: local("HurmeGeometricSans2 SemiBoldOblique"), local("HurmeGeometricSans2-SemiBoldObl"), url("font2/HurmeGeometricSans2-SemiBoldObl.eot?#iefix") format("embedded-opentype"),
        url("font2/HurmeGeometricSans2-SemiBoldObl.woff2") format("woff2"), url("font2/HurmeGeometricSans2-SemiBoldObl.woff") format("woff"), url("font2/HurmeGeometricSans2-SemiBoldObl.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
html {
    box-sizing: border-box;
    font-size: 62.5%;
    white-space: initial;
    scroll-behavior: smooth;
}
@media only screen and (max-width: 1200px) {
    html {
        font-size: 60%;
    }
}
@media only screen and (max-width: 600px) {
    html {
        font-size: 55%;
    }
}
@media only screen and (max-width: 350px) {
    html {
        font-size: 50%;
    }
}
:root {
    --firstcolor: #ff6633;
    --firstcolor-hover: #e43d05;
    --secondcolor: #ffa500;
    --thirdcolor: #00a400;
    --thirdcolor-hover: green;
}
body {
    color: #333;
    line-height: 1.5;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    text-decoration: none;
    max-width: 100%;
    font-size: 1.5rem;
    overflow-x: hidden;
}
i {
  font-family: 'Open Sans', sans-serif;
}
.opensans {
  font-family: "Open Sans", sans-serif;
  line-height: 1.8;
}
.oswald {
  font-family: "Oswald", sans-serif;
}
.brandonfont {
    font-family: "Brandon  Grotesque", sans-serif;
}
a {
    text-decoration: none;
    color: var(--firstcolor);
}
header {
    position: relative;
    z-index: 2;
}
.cartopen-mobile,
.menuopen-mobile {
    color: #fff;
    display: block;
    margin-top: 0.6rem;
    cursor: pointer;
}
@media only screen and (max-width: 350px) {
    .cartopen-mobile,
    .menuopen-mobile {
        margin-top: 0.5rem;
    }
}
.menuopen-mobile {
    transform: translateY(0.1rem);
}
.cartopen-mobile {
    display: inline-block;
}
.cartnum-swag {
    margin-top: -1.4rem;
    display: inline-block;
    transform: translateY(0.5rem);
}
.cartnum-mobile {
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    left: 85%;
    display: inline-block;
    background: red;
    padding: 0.1rem 0.7rem;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    transform: translate(-50%, -50%);
}
.markallread {
    padding: 2rem;
    background: #f1f1f1;
    overflow: hidden;
    cursor: pointer;
    text-align: right;
}
.whatsapp-top {
    background: #23c45f;
    color: #fff;
    padding: 2rem;
    margin-bottom: 1rem;
}
.thewapp {
    background: #23c45f;
    color: #fff;
    display: inline-block;
    padding: 1.75rem 2rem;
    border-radius: 7px;
    margin-left: 1rem;
}
.thewapp:hover {
    background: green;
}
.thecount {
    display: inline-block;
    background: #fff;
    color: red;
    padding: 1rem 1.2rem;
    border-radius: 5px;
    margin-top: 1rem;
}
.allthebg {
    height: 100vh;
    min-height: 600px;
    background-image: url(/this_is_it2.png);
    background-size: cover;
    background-position: top;
}
@media only screen and (max-width: 1200px) {
    .allthebg {
        min-height: auto;
        height: auto;
        background: 0 0;
    }
}
.header-yellow {
    background: #ff0;
    padding: 2rem;
    text-align: center;
    line-height: 1.7;
}
.header-mobmenu {
    height: 3rem;
    transform: translateY(0);
}
.header-mobile {
    display: none;
    max-height: 100vh;
    overflow: auto;
}
@media only screen and (max-width: 1200px) {
    .header-mobile {
        display: block;
        padding: 1.5rem 2rem;
    }
    .header-mobilegrid {
        display: grid;
        grid-template-columns: 20% 60% 20%;
    }
}
.header-wrap {
    padding: 1rem 1.5rem;
    border-radius: 5px;
    border: 1px solid var(--firstcolor);
    display: inline-block;
}
.header-mobile__icon {
    height: 2.6rem;
}
.header-mobile__list {
    list-style: none;
    margin-top: 3rem;
}
.header-mobile__list li a {
    display: block;
    padding: 1.5rem 0;
    font-size: 1.7rem;
    font-weight: 400;
    color: #333;
}
.header-mobile__list li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header-mobile__list li a {
    color: #333;
}
.header-mobile__list li a:hover {
    color: #000;
    font-weight: 700;
}
.header-mobile__startlink {
    background: linear-gradient(to right, var(--firstcolor), #4a5a8e);
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    display: inline-block;
    padding: 1rem 2rem;
}
@media only screen and (max-width: 400px) {
    .header-mobile__startlink {
        display: block;
    }
}
.header-mobile__startlink:hover {
    background: linear-gradient(to right, var(--firstcolor), #4a5a8e, #5d427e);
}
.header-mobile__logo {
    display: inline-block;
    text-align: center;
    height: 3rem;
    margin-top: 0.7rem;
}
@media only screen and (max-width: 350px) {
    .header-mobile__logo {
        height: 3rem;
    }
}
.header-pc__icon {
    height: 2.6rem;
}
.bodyofhead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header-price {
    display: inline-block;
    border: 2px solid var(--firstcolor);
    border-radius: 5px;
    padding: 0.4rem 0.7rem;
    font-weight: 600;
    font-size: 1.3rem;
}
.thewavegif {
    max-width: 100%;
    height: 10rem;
    object-fit: contain;
    border-radius: 5px;
}
.header {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem;
    position: relative;
}
@media only screen and (max-width: 1200px) {
    .header {
        display: none;
    }
}
.header::after,
.header::before {
    content: "";
    clear: both;
    display: table;
}
.header-newrow {
    padding: 5rem 2rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
    text-align: center;
}
.header__logo {
    height: 4rem;
    display: inline-block;
}
@media only screen and (max-width: 880px) {
    .header__logo {
        height: 50px;
    }
}
.header__left,
.header__right {
    float: right;
}
@media only screen and (max-width: 880px) {
    .header__left,
    .header__right {
        margin-top: 1.5rem;
    }
}
.header__right-img {
    height: 3.4rem;
    width: 3.3rem;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: inline-block;
    transform: translateY(-2px);
}
.header__right-img2 {
    height: 5.5rem;
    width: 5.4rem;
}
.header__right-img3 {
    height: 2.7rem;
    width: 2.6rem;
}
.header__right-username {
    background: #4a73e8;
    border-radius: 50px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3.3rem;
    width: 3.2rem;
    color: #fff;
    padding: 0.7rem 0.6rem;
    transform: translateY(-2px);
}
@media only screen and (max-width: 1200px) {
    .header__right-formobile {
        height: 3.5rem;
        width: 3.4rem;
        transform: translateY(0.4rem);
    }
}
.header__right-username2 {
    height: 5.5rem;
    width: 5.4rem;
}
.header__right-online {
    height: 1rem;
    width: 1rem;
    border-radius: 50px;
    background: #12e658;
    position: relative;
    z-index: 2;
    border: 1px solid #fff;
    margin-left: -1rem;
    transform: translateY(1rem);
}
@media only screen and (max-width: 1200px) {
    .header__right-online {
        transform: translateY(1.5rem);
        border: 1px solid rgba(255, 255, 255, 0.3);
        height: 0.7rem;
        width: 0.7rem;
    }
}
.header__left-nav,
.header__right-nav {
    margin-top: 1rem;
    list-style: none;
}
.header-right__newliabsolute {
    position: absolute;
    top: 200%;
    list-style: none;
    width: 20rem;
    text-align: left;
}
.header-right__newliabsolute2,
.header-right__newliabsolute3 {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.1);
    top: 140%;
    left: -450%;
    list-style: none;
    width: 25rem;
    text-align: left;
    background: #fff;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.header-right__newliabsolute3 {
    width: 49rem;
    left: -240%;
    top: 185%;
}
.header-right__newliabsolute2::after,
.header-right__newliabsolute3::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.header-right__newliabsolute3::after {
    right: 50%;
}
.header-right__newliabsolute2::before,
.header-right__newliabsolute3::before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.header-right__newliabsolute3::before {
    right: 50%;
}
ul.header-right__newliabsolute2 li {
    display: block;
    font-size: 1.4rem;
    padding: 0.9rem 1rem;
    text-transform: capitalize;
}
ul.header-right__newliabsolute2 li a {
    color: #333 !important;
}
.login-linav {
    top: 190%;
    left: -95%;
}
ul.header-right__newliabsolute li {
    display: block;
    color: #000 !important;
    font-size: 1.6rem;
    text-transform: capitalize;
}
ul.header-right__newliabsolute li a {
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: .7rem;
}
ul.header-right__newliabsolute li a:hover {
    border-bottom: 1px solid #000;
}

.header-right__newliabsolute li:not(:last-child) {
    margin-bottom: 2rem;
}
.newli-absolutemain {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.newli-absolutemain__1 {
    padding: 1rem;
    font-weight: 600;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    color: #333 !important;
    text-align: center;
}
.newli-absolutemain__2 {
    padding: 1rem;
    font-weight: 600;
    color: #333 !important;
    text-align: center;
}
.newli-absolutemain__body {
    max-height: 43rem;
    overflow: auto;
}
.newli-absolutemain__active {
    color: var(--firstcolor) !important;
}
.header-right__newa {
    font-size: 3rem;
    color: #fff;
}
.header-right__newnav,
.header-right__newnav2,
.header-right__newnav3 {
    border: 1px solid #fff;
    padding: 1rem 1.8rem;
    border-radius: 3px;
    color: #fff !important;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
}
.header-right__newnav2 {
    border: none;
    box-shadow: none;
    color: #000 !important;
}
.header-right__newnav3 {
    background: rgba(0, 0, 0, 0.4);
}
.header__left-navactive,
.header__right-navactive {
    background: linear-gradient(var(--firstcolor), #4a5a8e);
    border-radius: 30px;
    padding: 1rem 2.7rem;
    font-weight: 800;
    color: #fff !important;
}
.header__left-nav li,
.header__right-nav li {
    color: #333;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: normal;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: normal;
    letter-spacing: 1.1px;
}
.header__left-nav li:not(:last-child),
.header__right-nav li:not(:last-child) {
    margin-right: 3.5rem;
}
.header__left-nav li a,
.header__right-nav li a {
    color: #333;
    text-decoration: none;
    transition: font-size 0.4s;
    cursor: pointer;
}
.header__left-nav li:hover,
.header__right-nav li:hover {
    font-weight: 600;
    color: #000;
}
.header__left {
    float: left;
}
.select {
    background: #fff;
    color: #333;
    border-radius: 7px;
    padding: 0.7rem 1rem;
    box-shadow: 0 0.4rem 0.7rem #fff;
}
.select a {
    color: #333 !important;
}
.thebeside {
  position: relative;
}
.thebeside:after {
  content: "";
  position: absolute;
  left: -11rem;
  top: 46%;
  height: 1rem;
  width: 11rem;
  background: #000;
  display: block;
}
.thebeside-mobile {
  display: none;
}
.thenexthero {
  max-width: 800px;
  display: grid;
  grid-template-columns: 1fr 10% 50%;
  margin: 0 auto;
  margin-top: 4rem;
  align-items: end; 
}
@media only screen and (max-width: 900px) {
  .thenexthero {
    display: block;
    max-width: 500px;
  }
  .thebeside:after {
    content: "";
    position: absolute;
    left: unset;
    top: unset;
    height: unset;
    width: unset;
    background: unset;
    display: block;
  }
  .thebeside-mobile {
    display: block;
  }
}
.thenexthero-firstimg {
  width: 100%;
}
.thenexthero-firsttit {
  background: #fff;
  border: 1px solid #000;border-radius: 5px;
  padding: 1rem;
}
.thenexthero-line {
  height: 7rem;
  width: 1rem;
  background: #000;
}
.thenexthero-rel {
  position: relative;
  height: 23rem;
}
.thenexthero-secimg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.thenexthero-secnext {
  height: 100%;
  z-index: 2;
  background: rgba(0,0,0,0.2);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.thenexthero-seci {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: red;
  font-size: 4rem;
}
.notif {
    display: inline-block;
    background: #f5351c;
    color: #fff;
    border-radius: 50%;
    padding: 0.3rem 0.8rem;
    transform: translateY(-1rem);
    margin-left: -0.3rem;
    position: relative;
}
.fwishnotif {
    transform: unset !important;
    margin-top: -3rem !important;
    cursor: pointer;
}
.justtheside-icon {
    font-size: 3.5rem;
    color: #333;
    transform: translateY(0.5rem);
}
.stickyshit {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 95;
}
.stickyshit .justtheside-icon {
    font-size: 3rem;
    color: #fff;
    transform: translateY(0.1rem);
}
.stickyshit .header-mobile__list li a {
    color: #fff;
}
.stickyshit .header-mobile__list li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.stickyshit .header-mobile {
    padding: 0.7rem 2rem;
}
.stickyshit .header-mobmenu {
    height: 2.8rem;
    transform: translateY(-0.5rem);
}
@media only screen and (max-width: 1200px) {
    .stickyshit .header__right-formobile {
        transform: translateY(-0.1rem);
    }
}
.stickyshit .header__logosay {
    transform: translateY(-0.6rem);
}
.stickyshit .header-newrow {
    padding-top: 1rem;
    padding-bottom: 0;
}
.stickyshit .header {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
}
.stickyshit .header__right-nav {
    margin-top: 0;
}
.stickyshit .header__rightsay {
    margin-top: 0.7rem;
}
.stickyshit ul.header__right-nav li ul.header-right__newliabsolute {
    padding: 1rem;
    background: rgba(0, 0, 0, 0.5);
    top: 229%;
    width: 19rem;
}
.stickyshit ul.header__right-nav li a {
    color: #fff;
}
.stickyshit .header__left {
    margin-top: 1rem;
}
.stickyshit .header__logo {
    height: 3rem;
    display: inline-block;
    margin-top: 0.1rem;
}
.stickyshit .fwishnotif {
    margin-top: -2.4rem !important;
}
.stickyshit .header-mobile__logo {
    height: 2.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}
.stickyshit .cartnum-mobile {
    font-size: 1.4rem;
}
.stickyshit .header-mobile__icon {
    margin-top: 0.2rem;
}
.stickyshit .menuopen-mobile {
    font-size: 2.4rem;
}
@media only screen and (max-width: 350px) {
    .stickyshit .menuopen-mobile {
        font-size: 3.4rem;
    }
}
.stickyshit .cartopen-mobile {
    font-size: 2.4rem;
}
@media only screen and (max-width: 350px) {
    .stickyshit .cartopen-mobile {
        font-size: 3.4rem;
    }
}
.headstuff {
    background: linear-gradient(to right, var(--firstcolor), #4a5a8e);
    padding: 1.5rem;
    position: relative;
    z-index: 2;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}
.headstuff-logo {
    height: 4rem;
}
@media only screen and (max-width: 700px) {
    .headstuff-logo {
        height: 3rem;
    }
}
.thenextthing {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-size: 1.6rem;
    overflow-x: auto;
}
.thenextthing-top {
    padding: 1rem 2rem;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.thenextthing-img {
    height: 3rem;
    width: 3rem;
    object-fit: cover;
}
.thenextthing a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    text-align: center;
}
.thenextthing a:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.thenextthing a:hover {
    background: #fff;
}
@media only screen and (max-width: 600px) {
    .thenextthing a {
        padding: 1rem;
    }
}
.youhave {
    background: linear-gradient(to right, #000, #999);
    color: #fff;
    padding: 1rem;
    font-size: 1.6rem;
    text-align: center;
}
.youhave-button {
    color: #fff;
    background: #04cf04;
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: 0.5rem;
}
.youhave-button:hover {
    background: #03aa03;
}
.lasthelp {
    position: fixed;
    bottom: 2.5%;
    left: 1%;
    z-index: 9998;
}
.lasthelp-blackall {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    display: none;
}
.lasthelp-button {
    background: #333;
    text-transform: uppercase;
    font-size: 1.7rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    color: #fff;
    display: inline-block;
    padding: 0.5rem 1.3rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    cursor: pointer;
}
.lasthelp-button:hover {
    background: #000;
}
.lasthelp-box {
    display: none;
    max-height: 70vh;
    width: 400px;
    max-width: 97%;
    position: fixed;
    z-index: 9999;
    bottom: 2.5%;
    left: 1%;
    background: #fff;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
.lasthelp-box__title {
    background: #f4f4f4;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
    text-align: center;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0.7rem;
}
.lasthelp-box__close {
    background: red;
    color: #fff;
    border-radius: 50%;
    font-size: 2rem;
    font-weight: 700;
    padding: 0.4rem 1.3rem;
    position: absolute;
    top: -5%;
    right: 0;
    cursor: pointer;
}
.lasthelp-box__close:hover {
    background: red;
}
.lasthelp-box__content {
    max-height: 60vh;
    overflow: auto;
    padding: 1rem;
    margin-top: 1rem;
}
.currencygo {
    background: #5d427e;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0.5rem;
    cursor: pointer;
}
.newcurrencygo {
    display: none;
    font-size: 1.5rem;
    transform: translate(-1rem, -0.3rem);
    margin-left: -3rem;
}
@media only screen and (max-width: 290px) {
    .leftcurrency {
        text-align: left !important;
    }
}
.currencygoside {
    opacity: 0;
    height: 0;
    width: 0;
}
.fwul {
    display: inline-block;
    margin-left: 0.3rem;
    height: 0;
    width: 0;
}
.currencygo:hover .currencygoside {
    opacity: 1;
    height: auto;
    width: auto;
}
.currencygo:hover .fwul {
    height: auto;
    width: auto;
}
.opencurrency-mob {
    display: inline-block;
    background: linear-gradient(#fff, #f9f9f9);
    padding: 1rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #777;
    margin-top: 1rem;
    border-radius: 5px;
}
.contentmobtop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    padding: 2rem 0;
    margin-top: 5rem;
}
.contentmobtop-side {
    display: inline-block;
    object-fit: contain;
    border-radius: 10px;
    max-width: 100%;
    filter: drop-shadow(8px 8px 10px #777);
}
.contentmobtop-side2 {
    height: 13rem;
    width: 16rem;
    display: inline-block;
    object-fit: cover;
    border-radius: 10px;
    max-width: 100%;
    position: absolute;
    left: 30%;
    top: 50%;
    z-index: 5;
    filter: drop-shadow(8px 8px 10px #777);
}
.contenttop-side {
    object-fit: contain;
    width: 50rem;
    max-width: 100%;
    display: inline-block;
    margin-top: -25rem;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
.contenttop-side2 {
    position: relative;
    filter: drop-shadow(8px 8px 10px #111);
}
.contenttop-side4 {
    position: absolute;
    left: -20%;
    top: 300%;
    z-index: 6;
    filter: drop-shadow(8px 8px 10px #111);
}
.second-section {
  padding: 1rem;
  padding-bottom: 0;
  position: relative;
  /* height: 90vh; */
  min-height: 600px;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 10rem;
}
.second-section__side {
  color: var(--firstcolor);
  line-height: 1.3;
}

.second-sectionmain {
    background: linear-gradient(#fff, #f7eafa);
}
@media only screen and (max-width: 1200px) {
    .second-section {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .second-section {
        display: none;
    }
}
.second-sectionmobile {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .second-sectionmobile {
        display: block;
        background-color: #fff;
        height: auto;
        min-height: 60vh;
        background-size: cover;
        background-position: 0 50%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 8rem 2rem;
        position: relative;
    }
}
.second-section__vid {
    height: 27rem;
    border: 4px solid #fff;
    border-radius: 10px;
    transform: translateY(-7rem);
}
.second-section__first {
    text-align: center;
    padding: 1rem;
    position: relative;
    width: 800px;
    margin: 0 auto;
    z-index: 0;
    
}
.second-section__first-subtitle {
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
@media only screen and (max-width: 710px) {
    .second-section__first {
        align-items: unset;
    }
}
.second-section__first-title {
    font-family: "Hurme Geometric Sans 2", sans-serif;
    color: #111;
    font-size: 5.5rem;
    line-height: 1.4;
    font-weight: 600;
    text-shadow: 1px 2px 2px #777;
}
@media only screen and (max-width: 1200px) {
    .second-section__first-title {
        font-weight: 600;
        color: #000;
        text-shadow: 1px 2px 2px #777;
        font-size: 4.5rem;
    }
}
@media only screen and (max-width: 900px) {
    .second-section__first-title {
        /*font-size: 4rem;*/
        line-height: 1.2;
    }
}
.second-section__first-desc {
    font-size: 2.2rem;
    color: #000;
    line-height: 1.7;
    font-family: "Open Sans", sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-top: 2rem;
}
@media only screen and (max-width: 900px) {
    .second-section__first-desc {
        font-size: 1.9rem;
    }
}
@media only screen and (max-width: 690px) {
    .second-section__first-desc {
        font-size: 1.6rem;
    }
}
.second-section__first-cont {
    color: #333;
    font-size: 1.7rem;
    margin-top: 0.5rem;
}
@media only screen and (max-width: 900px) {
    .second-section__first-cont {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 760px) {
    .second-section__first-cont {
        font-size: 1.3rem;
    }
}
.second-section__img {
    width: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: 0 2%;
}
.second-section__opacity {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: linear-gradient(to left bottom, transparent, #6d6c6c);
    background-attachment: fixed;
}
.second-section__content {
    width: 45%;
    position: relative;
    z-index: 3;
    padding: 1rem 4rem;
    margin-top: -10rem;
}
.content-title {
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
.content-title2 {
    background: linear-gradient(var(--firstcolor), #5d427e);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    line-height: 1;
    display: inline-block;
    text-shadow: 0 1rem 3rem #4a5a8e;
}
.content-msg {
    color: #fff;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-size: 2.1rem;
    letter-spacing: 0.7px;
    font-weight: 300;
    line-height: 1.2;
}
.content-submg {
    height: 1.8rem;
}
.content-submsg {
    font-style: italic;
    font-size: 2rem;
}
.content-title3 {
    display: inline-block;
    line-height: 1;
    font-style: italic;
}
.content-link,
.content-link:link,
.content-link:visited {
    display: inline-block;
    color: #fff;
    margin-top: 2rem;
    background: linear-gradient(to right bottom, var(--firstcolor), var(--secondcolor));
    font-size: 2rem;
    padding: 2.5rem 5rem;
    box-shadow: 0 0.1rem 10rem rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    cursor: pointer;
}
@media only screen and (max-width: 900px) {
    .content-link,
    .content-link:link,
    .content-link:visited {
        padding: 1.8rem 4rem;
    }
}
@media only screen and (max-width: 660px) {
    .content-link,
    .content-link:link,
    .content-link:visited {
        padding: 1.7rem 2.5rem;
        font-size: 1.8rem;
        margin-top: 2rem;
    }
}
.content-link:hover {
    transform: translateY(-0.3rem);
    background: linear-gradient(to right bottom, var(--firstcolor), var(--firstcolor-hover));
    box-shadow: 0 0.1rem 10rem rgba(255, 255, 255, 0.5);
}
.content-link:active {
    transform: translateY(0);
}
.content-link__popup {
  background: #333 !important;
  margin-right: 2rem;
}
.content-link__popup:hover {
  background: #000 !important;
}
.content-link__popupmob {
  color: #fff !important;
}
.content-link__popupmob:hover {
  background: #000 !important;
}
.notif-i {
    font-size: 2.5rem;
    transform: translateY(6px);
}
.header-finalclose {
    background: #ececed;
    padding: 1rem;
    border-radius: 5px;
    margin-top: 2rem;
}
.notif-num {
    position: absolute;
    top: -25%;
    display: inline-block;
    background: red;
    color: #fff;
    border-radius: 50%;
    padding: 0.3rem 0.5rem;
    font-size: 1.1rem;
    right: -10%;
}
@media only screen and (max-width: 1200px) {
    .notif-num {
        top: -5%;
    }
}
.letsee {
    display: inline-block;
    height: 1.3rem;
    margin-left: 0.4rem;
    border-radius: 50%;
    width: 1.3rem;
    border: 3px solid #fff;
    padding: 0.1rem;
    animation: letsanim 1.3s linear infinite;
    background: #fff;
}
@keyframes letsanim {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.6;
    }
}
.mySlides,
.mySlidese {
    display: none;
}
.jug {
    height: 0;
    opacity: 0;
}
.newthird-section {
  width: 90%;
  margin: 0 auto;
  background: #f6e8e4;
  padding: 8rem 2rem;
  padding-top: 4rem;
  position: relative;
  z-index: 10;
  border-radius: 15px;
}
.myClides, .myBlides {
  display: none;
}
  
.third-section {
    width: 100%;
    background: #fff;
    padding: 8rem 2rem;
    position: relative;
    z-index: 10;
}
.third-section__cont {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    color: #333;
}
.third-section__cont1 {
    font-weight: 800;
    font-size: 4rem;
    text-align: center;
}
.third-section__contnext {
    padding: 2rem;
    font-size: 2rem;
}
.third-section__cont1other {
    font-weight: 800;
    font-size: 3.8rem;
}
.third-section__cont2 {
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .third-section {
        display: block;
    }
}
.third-section__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 0 20%;
    display: block;
    box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 840px) {
    .third-section__img {
        object-position: 23%;
    }
}
@media only screen and (max-width: 600px) {
    .third-section__img {
        display: none;
    }
}
.section2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 3rem 4rem;
    max-width: 500px;
}
@media only screen and (max-width: 640px) {
    .section2 {
        padding: 1rem;
    }
}
@media only screen and (max-width: 600px) {
    .section2 {
        margin: 0 auto;
        padding: 2rem;
    }
}
@media only screen and (max-width: 600px) {
    .section2 {
        padding: 2rem;
    }
}
.section2-subtitle {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.section2-title {
    font-size: 5.2rem;
    font-weight: 700;
    font-family: powderscriptboldw00-regularRg, sans-serif;
}
.section2-titletitle {
    font-size: 2.3rem;
    color: #777;
    font-weight: 700;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    line-height: 1;
}
@media only screen and (max-width: 760px) {
    .section2-titletitle {
        font-size: 2rem;
    }
}
@media only screen and (max-width: 640px) {
    .section2-titletitle {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 600px) {
    .section2-titletitle {
        font-size: 2rem;
    }
}
.section2-msg {
    font-size: 1.7rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    margin-top: 2rem;
}
@media only screen and (max-width: 760px) {
    .section2-msg {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 640px) {
    .section2-msg {
        font-size: 1.4rem;
    }
}
@media only screen and (max-width: 600px) {
    .section2-msg {
        font-size: 1.5rem;
    }
}
.section3 {
    background: rgba(128, 0, 128, 0.1);
}
.comb-stuff {
    width: 1200px;
    margin: 0 auto;
    background: #000;
    border-radius: 10px;
    height: 45rem;
    max-width: 100%;
    display: grid;
    grid-template-columns: 40% 60%;
    overflow-x: hidden;
}
@media only screen and (max-width: 800px) {
    .comb-stuff {
        height: auto;
        display: block;
        overflow-x: auto;
    }
}
.comb-stuff__first {
    padding: 2rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.comb-stuff__title {
    font-size: 4.5rem;
    font-weight: 800;
    color: #fff;
}
.comb-stuff__msg {
    font-size: 2.3rem;
    color: #fff;
    margin-top: 1rem;
}
.comb-stuff__link {
    background: var(--firstcolor);
    color: #fff;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.8rem;
    border-radius: 5px;
    margin-top: 3rem;
}
.comb-stuff__link:hover {
    background: var(--firstcolor-hover);
}
.comb-stuff__second {
    max-width: 100%;
    position: relative;
}
.comb-stuff__img {
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-block;
    object-fit: cover;
}
@media only screen and (max-width: 800px) {
    .comb-stuff__first {
        padding: 4rem;
    }
    .comb-stuff__img {
        position: unset;
        height: 30rem;
    }
}
.fourth-section {
    background: #f9f9f9;
    padding: 6rem 1rem;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .fourth-section {
        background: #f4f4f4;
    }
}
.fourth-section__btnbody {
    display: grid;
    width: 500px;
    margin: 0 auto;
    margin-top: 7rem;
    max-width: 100%;
    text-align: center;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 3rem;
}
@media only screen and (max-width: 600px) {
    .fourth-section__btnbody {
        max-width: 100%;
        grid-template-columns: 1fr;
    }
}
.fourth-section__btn,
.fourth-section__btn2 {
    padding: 1.4rem 4rem;
    background: linear-gradient(var(--firstcolor), var(--firstcolor-hover));
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    border-radius: 30px;
}
.fourth-section__btn2 {
    border: 2px solid var(--firstcolor);
    color: var(--firstcolor);
    padding: 1.1rem 4rem;
    background: 0 0;
}
.fourth-section__title {
    font-size: 4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    text-align: center;
}
.fourth-section__thebox,
.fourth-section__thebox2,
.fourth-section__thebox3 {
    height: 42rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
    width: 100%;
    background: #fff;
    border-radius: 5px;
    z-index: 10;
    position: absolute;
}
.fourth-section__theboxmain {
    height: 42.5rem;
}
.fourth-section__thebox {
    padding: 3rem 6rem;
    font-weight: 400;
    font-size: 1.8rem;
}
.fourth-section__theboximg {
    height: 10rem;
    display: inline-block;
    border-radius: 50%;
    width: 9.7rem;
    margin-top: 1.7rem;
}
.fourth-section__theboxdesc {
    margin-top: 1rem;
}
.fourth-section__thebox2,
.fourth-section__thebox3 {
    z-index: 8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    margin-top: 1.2rem;
    width: 97%;
}
.fourth-section__thebox3 {
    margin-top: 2.4rem;
    width: 94%;
    z-index: 6;
}
.fourth-section__content {
    display: grid;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 6rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
    row-gap: 1rem;
}
@media only screen and (max-width: 600px) {
    .fourth-section__content {
        grid-template-columns: 1fr;
    }
}
.fourth-section__content-1 {
    padding: 1rem 2rem;
}
@media only screen and (max-width: 600px) {
    .fourth-section__content-1 {
        max-width: 90%;
        margin: 0 auto;
    }
    .fourth-section__content-1:not(:last-child) {
        margin-bottom: 1rem;
    }
}
.fourth-section__content-1__title {
    font-size: 2.5rem;
    margin-top: 1rem;
    font-weight: 600;
    text-align: center;
}
.fourth-section__content-1__msg {
    margin-top: 1rem;
    font-size: 1.8rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: 400;
}
.fifth-section {
    background: linear-gradient(rgba(126, 74, 138, 0.8), rgba(93, 66, 126, 0.9)), url(img/picsibmg1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 7rem 1rem;
    text-align: center;
}
.fifth-section__title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-align: center;
}
.fifth-section__msg {
    color: #fff;
    font-size: 1.7rem;
    margin: 0 auto;
    margin-top: 1rem;
    width: 600px;
    max-width: 100%;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: 300;
}
.sixth-section {
    background: linear-gradient(to right bottom, var(--firstcolor), #4a5a8e, #55367c);
    background-size: cover;
    background-attachment: fixed;
    padding: 6rem 1rem;
    text-align: center;
}
.sixth-section__icon {
    font-size: 2rem;
    color: #fff;
    transform: translateY(-1rem) translateX(-0.3rem);
    display: inline-block;
}
.sixth-section__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    margin-top: 4rem;
}
@media only screen and (max-width: 760px) {
    .sixth-section__content {
        font-size: 2rem;
    }
}
@media only screen and (max-width: 600px) {
    .sixth-section__content {
        display: block;
        max-width: 400px;
        margin: 0 auto;
        margin-top: 4rem;
    }
}
.sixth-section__content-sub {
    color: #000;
}
@media only screen and (max-width: 600px) {
    .sixth-section__content-sub:not(:last-child) {
        margin-bottom: 3rem;
    }
}
.sixth-section__content-sub__title {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    margin-top: 1rem;
}
.sixth-section__content-sub__desc {
    font-size: 1.65rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    padding: 1rem 0.5rem;
    max-width: 300px;
    margin: 0 auto;
    color: #fff;
    font-weight: 300;
    margin-top: 1rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 0;
    box-shadow: 15px 15px 15px -15px rgba(51, 51, 51, 0.3), -15px 15px 15px -15px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 600px) {
    .sixth-section__content-sub__desc {
        border: 0;
        box-shadow: none;
        margin-top: -0.15rem;
    }
}
.sixth-section__title {
    color: #fff;
    font-size: 3rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}
@media only screen and (max-width: 600px) {
    .sixth-section__title {
        font-size: 2.5rem;
    }
}
.sixth-section__msg {
    color: #fff;
    font-size: 1.7rem;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 1rem;
    font-family: Oswald, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
}
@media only screen and (max-width: 350px) {
    .sixth-section__msg {
        font-size: 1.5rem;
    }
}
.sixth-section__msg:after {
    content: "";
    display: inline-block;
    background: currentColor;
    height: 2px;
    width: 60px;
    transform: translateY(-0.4rem);
    margin-left: 0.3rem;
}
@media only screen and (max-width: 600px) {
    .sixth-section__msg:after {
        height: 1px;
        width: 20px;
    }
}
@media only screen and (max-width: 350px) {
    .sixth-section__msg:after {
        height: 1px;
        width: 10px;
    }
}
.sixth-section__msg:before {
    content: "";
    display: inline-block;
    background: currentColor;
    height: 2px;
    width: 60px;
    transform: translateY(-0.4rem);
    margin-right: 0.3rem;
}
@media only screen and (max-width: 600px) {
    .sixth-section__msg:before {
        height: 1px;
        width: 20px;
    }
}
@media only screen and (max-width: 350px) {
    .sixth-section__msg:before {
        height: 1px;
        width: 10px;
    }
}
.beet-tworow {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 4rem;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 6rem;
}
.beet-two__mobileshow {
    display: none;
}
@media only screen and (max-width: 800px) {
    .beet-tworow {
        grid-template-columns: 1fr;
        text-align: left;
        margin-top: 4rem;
    }
    .beet-two__mobilehide {
        display: none;
    }
    .beet-two__mobileshow {
        display: block;
    }
}
.beet-tworow__title {
    font-size: 3rem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 1rem;
}
.beet-tworow__desc {
    font-size: 1.7rem;
    text-align: left;
}
.beet-tworow__img {
    height: 36rem;
}
.beet-tworow__img2 {
    height: 37rem;
}
.beet-tworow__img3 {
    height: 42rem;
}
@media only screen and (max-width: 450px) {
    .beet-tworow__img3 {
        height: auto;
        max-width: 100%;
    }
}
.jump-proof {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-left: 10px solid #e2e2e2;
    border-right: 10px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    border-radius: 5px;
}
.filatta {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0.8rem 1rem;
    background: #ececed;
    margin-top: 1.5rem;
    border-radius: 5px;
    font-size: 1.3rem;
}
.filatta-icon {
    height: 1.8rem;
    margin-right: 0.7rem;
}
.conceptbox,
.sureapplybox {
    max-height: 90%;
    width: 650px;
    max-width: 95%;
    max-height: 95vh;
    background: #fff;
    position: absolute;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.uploadmusicbox {
    width: 500px;
    max-width: 95%;
}
.sureapplybox {
    width: 405px;
    max-width: 95%;
    max-height: 95vh;
}
.conceptbox-title {
    background: var(--firstcolor);
    padding: 1rem;
    font-size: 2.6rem;
    color: #fff;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.conceptbox-close {
    font-size: 2rem;
    color: #fff;
    display: inline-block;
    background: red;
    border-radius: 50%;
    padding: 0.8rem 1rem;
    top: -5%;
    right: -2%;
    z-index: 5;
    position: absolute;
    cursor: pointer;
}
.conceptbox-close:hover {
    background: #be0404;
}
.conceptbox-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
    padding: 3rem 2rem;
}
@media only screen and (max-width: 600px) {
    .conceptbox-grid {
        row-gap: 3rem;
        grid-template-columns: 1fr;
    }
}
.conceptbox-grid__title {
    font-size: 2rem;
    line-height: 1.1;
    text-align: center;
    font-weight: 600;
}
.conceptbox-grid__box {
    padding: 3rem 2rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.conceptbox-grid__desc {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.8rem;
}
.conceptbox-grid__button {
    padding: 1.3rem 2rem;
    margin-top: 1.8rem;
    background: var(--firstcolor);
    display: inline-block;
    font-size: 1.7rem;
    border-radius: 10px;
    color: #fff;
}
.conceptbox-grid__button:hover {
    background: var(--firstcolor-hover);
}
.thevislink {
    background: #f9f9f9;
    padding: 0.5rem 1rem;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 1rem;
}
.twopic {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    column-gap: 5rem;
    padding: 1rem;
}
@media only screen and (max-width: 800px) {
    .twopic {
        grid-template-columns: 1fr;
        row-gap: 5rem;
    }
}
.twopic-pov {
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.twopic-pad {
    padding: 0.5rem;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width: 45rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    margin: 0 auto;
}
@media only screen and (max-width: 450px) {
    .twopic-pad {
        width: 100%;
    }
}
.twopic-text {
    font-size: 3rem;
    text-align: center;
    font-weight: 600;
}
.twopic-subtext {
    font-size: 2rem;
    background: #777;
    color: #fff;
    padding: 1.5rem;
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
    max-width: 45rem;
    margin-bottom: 0.5rem;
}
.twopic-img {
    height: 40rem;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.twopic-pad__content {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1rem;
}
.twopic-pad__emoji {
    height: 3rem;
    vertical-align: middle;
    transform: translateY(-3px);
}
.thisnew-bg {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1130' height='565' viewBox='0 0 1600 800'%3E%3Cpath fill='%23C068FF' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%23FF6633' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 1200px) {
    .thisnew-bg {
        background-image: none;
    }
}
.sub1-title {
    font-size: 2.5rem;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0.3rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sub1-msg {
    font-size: 1.7rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: 400;
    color: #333;
    padding: 1rem;
}
.sub1-img {
    height: 300px;
    width: 300px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 1rem 10rem rgba(255, 255, 255, 0.8);
    object-fit: cover;
}
@media only screen and (max-width: 1030px) {
    .sub1-img {
        height: 250px;
        width: 250px;
    }
}
@media only screen and (max-width: 850px) {
    .sub1-img {
        height: 200px;
        width: 200px;
    }
}
@media only screen and (max-width: 700px) {
    .sub1-img {
        height: 150px;
        width: 150px;
    }
}
@media only screen and (max-width: 600px) {
    .sub1-img {
        height: 250px;
        width: 250px;
        border-radius: 10px;
    }
}
.earning-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 4rem;
    margin-top: 5rem;
}
@media only screen and (max-width: 1200px) {
    .earning-box {
        grid-template-columns: 1fr 1fr;
        row-gap: 4rem;
    }
}
@media only screen and (max-width: 600px) {
    .earning-box {
        grid-template-columns: 1fr;
        row-gap: 4rem;
    }
}
.earning-withdraw {
    background: linear-gradient(to right, var(--firstcolor), var(--secondcolor));
    color: #fff;
    font-size: 1.5rem;
    display: inline-block;
    padding: 0.8rem 1.3rem;
    border-radius: 5px;
    margin-top: 1rem;
}
.earning-box__box {
    height: 25rem;
    display: block;
    background: #fff;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 25%);
}
.earning-box__box2 {
    height: 24rem;
}
.earning-box__title {
    font-size: 1.7rem;
    margin-top: 4rem;
    font-weight: 600;
}
.earning-box__val {
    font-size: 3.5rem;
    margin-top: 0.4rem;
}
.seventh-section {
    padding: 7rem 1rem;
    background: #fff;
}
@media only screen and (max-width: 600px) {
    .seventh-section {
        padding: 3rem 1rem;
    }
}
.seventh-section__title {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .seventh-section__title {
        font-size: 2.5rem;
    }
}
.seventh-section__content {
    max-width: 700px;
    margin: 0 auto;
}
.eight-section {
    padding: 6rem 2rem;
    background: #f9f9f9;
}
@media only screen and (max-width: 600px) {
    .eight-section {
        background: #f4f4f4;
    }
}
.eight-section__title {
    color: #000;
    font-size: 3.5rem;
    font-weight: 700;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    text-align: center;
}
.eight-section__desc {
    font-size: 2rem;
    text-align: center;
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 1rem;
}
.eight-section__small {
    font-weight: 600;
    text-align: center;
    font-size: 1.7rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.eight-section__content {
    position: relative;
}
@media only screen and (max-width: 600px) {
    .eight-section__content {
        margin-top: -1rem;
    }
}
.frosh {
    margin-top: 1rem;
    font-family: "Open Sans", sans-serif;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    display: none !important;
}
.slidestuff {
    height: 200px;
    object-fit: cover;
}
@media only screen and (max-width: 600px) {
    .slidestuff {
        height: 100px;
    }
}
.faq {
    padding: 1.5rem 1rem;
    box-shadow: 0 0.3rem 0.3rem 0.2rem rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
    font-size: 1.7rem;
    cursor: pointer;
}
.faq:hover {
    background: #faf9f9;
    font-weight: 700;
}
.faqa {
    padding: 1rem;
    font-weight: 400 !important;
    display: none;
}
.testim-bg {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
}
.testim-bg__title {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #fff;
}
.testim-img {
    height: 7rem;
    width: 7rem !important;
    display: inline-block !important;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0.4rem 0.7rem rgba(0, 0, 0, 0.2);
}
.testi-k {
    margin-top: 2rem;
    text-align: center;
}
.testim-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    font-size: 1.6rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    border-bottom-right-radius: 20px;
    color: #fff;
    box-shadow: 0 0.4rem 0.7rem rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 600px) {
    .testim-cont {
        box-shadow: none;
        padding: 0;
    }
}
.testim-conts {
    font-size: 2rem;
    padding: 1rem;
    color: #fff;
    font-family: "Hurme Geometric Sans 2", sans-serif;
}
@media only screen and (max-width: 400px) {
    .testim-conts {
        margin-top: 1rem;
    }
}
.testim-cont__first {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    margin-top: 1rem;
    text-align: center;
}
.testim-icon i {
    display: inline-block;
    font-size: 2.7rem;
    color: #f9f9f9;
    cursor: pointer;
}
.testim-icon i:not(:last-child) {
    margin-right: 2rem;
}
.testim-icon i:hover {
    color: #fff;
}
.homepage-height {
    height: 600px;
}
.try-it {
    padding: 6rem 0;
}
.tobisection {
  background-color: #330000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF6633'/%3E%3Cstop offset='1' stop-color='%23330000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;  
  
  background-size: cover;
  padding: 8rem 2rem;
    
}
.tobisection-contimg {
    height: 20rem;
    width: 25rem;
    max-width: 100%;
    margin: 0 auto;
    object-fit: cover;
}
.tobisection-jointext {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    padding: 1rem;
}
.tobisection-maincont {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.tobisection-otherside {
    font-size: 1.7rem;
    margin-top: 1rem;
}
.tobisection-otherside i {
    color: #0a930a;
}
.tobisection-body {
    border-bottom: 2rem;
    text-align: center;
}
.tobisection-body:not(:last-child) {
    margin-bottom: 3rem;
}
.tobisection-bodyrow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 3rem;
    margin-top: 5rem;
}
@media only screen and (max-width: 900px) {
    .tobisection-bodyrow {
        grid-template-columns: 1fr;
        row-gap: 3rem;
    }
}
.tobisection-cont {
    display: grid;
    grid-template-columns: 60% 40%;
    width: 1200px;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: 500px;
    padding: 1rem;
    padding-bottom: 0;
}
@media only screen and (max-width: 800px) {
    .tobisection-cont {
        grid-template-columns: 75% 25%;
    }
}
@media only screen and (max-width: 600px) {
    .tobisection-cont {
        grid-template-columns: 90% 10%;
    }
}
.tobisection-img {
    height: 100%;
    display: inline-block;
    object-fit: cover;
    object-position: 0 10%;
}
@media only screen and (max-width: 800px) {
    .tobisection-img {
        margin-left: -10rem;
        position: relative;
        z-index: 12;
    }
}
@media only screen and (max-width: 700px) {
    .tobisection-img {
        margin-left: -20rem;
        opacity: 0.4;
    }
}
@media only screen and (max-width: 600px) {
    .tobisection-img {
        margin-left: -25rem;
    }
}
@media only screen and (max-width: 400px) {
    .tobisection-img {
        margin-left: -32rem;
    }
}
.tobisection-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 14;
    padding: 1rem;
}
.tobisection-content__title {
    font-weight: 600;
    margin-top: 1rem;
}
.tobisection-content__desc {
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: 300;
}
.tobisection-text {
    font-size: 2rem;
    font-family: Oswald, sans-serif;
}
@media only screen and (max-width: 760px) {
    .tobisection-text {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 350px) {
    .tobisection-text {
        font-size: 2rem;
    }
}
.tobisection-link {
    display: inline-block;
    background: var(--firstcolor);
    color: #fff;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    text-transform: uppercase;
    padding: 1.4rem 2rem;
    border-radius: 5px;
    font-size: 1.5rem;
    letter-spacing: 0.5px;
}
.tobisection-showtesti {
  background: #fff;
  border-radius: 7px;
  padding: 3rem 3rem;
  width: 700px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 6rem;
  position: relative;
  z-index: 4;
}
.tobisection-showtesti::before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: -3%;
  z-index: -2;
  top: -3%;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 7px;
}
.tobisection-showtesti::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: -6%;
  z-index: -2;
  top: -6%;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 7px;
}

.tobisection-showtesti__text {
  font-size: 2rem;
}
.tobisection-showtesti__img {
  height: 7rem !important;
  width: 7rem !important;
  object-fit: cover;
  border-radius: 50%;
}
.nexttesti {
  color: #fff;
  display: inline-block;
  background: rgba(0,0,0,0.5);
  padding: 1.3rem 1.5rem;
  border-radius: 50%;
  position: absolute;
  right: -8%;
  top: 36%;
  font-size: 2rem;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .tobisection-showtesti::after {
    background: unset;
  }
  .nexttesti {
    right: -5%;
  }
  .tobisection-showtesti::before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: -5%;
    z-index: -2;
    top: -3%;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 7px;
  }
  
}

.sixthbut {
    border: 1px solid #fff;
    padding: 1.5rem 2.5rem !important;
    margin-top: 4rem !important;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5);
    background: 0 0 !important;
}
.sixthbut:hover {
    border: 3px solid #fff;
}
.newcoin {
    display: grid;
    grid-template-columns: 40% 60%;
}
.newcoin-it {
    width: 40%;
    font-size: 1.6rem;
}
.ontopblack {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 80;
    background: rgba(0, 0, 0, 0.3);
}
.owl-ov {
    font-size: 6rem;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-weight: 700;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 85;
    text-align: center;
    opacity: 0.5;
}
@media only screen and (max-width: 600px) {
    .owl-ov {
        font-size: 3.5rem;
    }
}
.beetvid {
    width: 300px;
    max-width: 100%;
}
.letmeadd {
    display: inline-block;
    color: #333;
    margin-top: 2rem;
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    font-size: 1.3rem;
    border-radius: 5px;
    border: 1px solid #cecdcd;
    padding: 0.3rem 0.7rem;
    text-transform: uppercase;
}
.letmeadd:hover {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    border: #c9c7c7;
}
.oldey {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: -2rem;
}
.oldeyprice {
    text-decoration: line-through;
}
.newney {
    font-size: 1.6rem;
}
.comingsoon {
    animation: colorchangesoon 50s infinite;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem;
    width: 100%;
}
@keyframes colorchangesoon {
    0% {
        background: #f63;
    }
    25% {
        background: orange;
    }
    50% {
        background: #ff4500;
    }
    75% {
        background: var(--firstcolor-hover);
    }
    100% {
        background: orange;
    }
}
.comingsoon-img {
    width: 100%;
}
.comingsoon-desc,
.comingsoon-desc2 {
    font-size: 2.5rem;
    text-align: center;
    margin-top: 1rem;
    font-weight: 600;
    color: #f3f2f2;
}
.comingsoon-desc2 {
    font-size: 2rem;
}
.comingsoon-button,
.comingsoon-input {
    padding: 1.5rem;
    display: inline-block;
    color: #000;
    border-radius: 5px;
    width: 300px;
    border: 1px solid #fff;
    max-width: 100%;
}
.comingsoon-button {
    background: red;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 1rem;
}
footer {
    background: #f4efed;
}
@keyframes colorchange {
    0% {
        background: var(--firstcolor);
    }
    10% {
        background: #27022c;
    }
    20% {
        background: #4a5a8e;
    }
    35% {
        background: #0a0a46;
    }
    45% {
        background: #5d427e;
    }
    55% {
        background: #308bcf;
    }
    65% {
        background: #0b67f1;
    }
    100% {
        background: var(--firstcolor);
    }
}
.footer {
    padding: 6rem 0;
    padding-bottom: 1rem;
}
.footer-sub {
    padding: 2rem;
    text-align: center;
}
.footer-logo {
    height: 3rem;
}
.footer-back a,
.footer-back i {
    font-size: 2rem;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 300;
}
.footer-copyright {
    color: #fff;
    font-size: 1.5rem;
    margin-top: 1rem;
}
.footer-section {
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.footer-section__icon {
    list-style: none;
}
.footer-section__icon li {
    color: #f9f9f9;
    display: inline-block;
    font-size: 4rem;
    transition: font-size 0.3s;
}
.footer-section__icon li a {
    color: #f9f9f9;
}
.footer-section__icon li:hover {
    color: #fff;
    font-size: 5rem;
}
.footer-section__icon li:not(:last-child) {
    margin-right: 1.2rem;
}
.back__top {
    display: none;
}
.fret:hover .back__top {
    display: block;
}
.foottext {
    display: grid;
    grid-template-columns: 78rem 1fr;
    column-gap: 3rem;
    color: #fff;
}
@media only screen and (max-width: 1200px) {
    .foottext {
        grid-template-columns: 1fr;
        row-gap: 4rem;
    }
}
.footext1 {
    display: grid;
    text-align: left;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 6rem;
}
@media only screen and (max-width: 1200px) {
    .footext1 {
        border-right: none;
    }
}
@media only screen and (max-width: 600px) {
    .footext1 {
        display: block;
        text-align: left;
    }
}
.footext1-stuff {
    list-style: none;
}
.footext1-stuff:not(:last-child) {
    margin-bottom: 4rem;
}
.footext1-stuff li {
    font-size: 1.8rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: 300;
    display: block;
    margin-bottom: 1rem;
}
.footext1-stuff li:first-child {
    font-weight: 600;
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
    .footext1-stuff li:first-child {
        margin-bottom: 1.3rem;
    }
}
.footext1-stuff li a {
    color: #000;
    transition: font-size 0.3s;
}
.footext1-stuff li a:hover {
    font-size: 1.85rem;
    font-weight: 400;
    color: #000;
}
.footsecond-link {
    color: #fff;
}
.footsecond-i {
    font-size: 2.2rem;
    color: #fff;
    display: inline-block;
}
.footsecond-i:not(:last-child) {
    margin-right: 1rem;
}
.footsecond-title {
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-family: "Hurme Geometric Sans 2", sans-serif;
}
.footsecond-input {
    padding: 2rem 1rem;
    width: 20rem;
}
.footsecond-input__btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 2.1rem 2rem;
}
.footsecond-input__btn:focus {
    outline: 0;
}
.lastnow {
    color: #111;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 1rem;
    padding: 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 600px) {
    .lastnow {
        text-align: center;
        display: block;
    }
}
.last1 {
    font-size: 1.7rem;
}
.last1-a {
    display: inline-block;
    color: #111;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    padding: 1rem 1rem;
}
.last1-a:hover {
    color: #fff;
    background-color: var(--firstcolor);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.last1-a:not(:last-child) {
    margin-right: 0.7rem;
}
.last1-span {
    display: inline-block;
    margin-right: 2rem;
}
@media only screen and (max-width: 900px) {
    .last1-span {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .last1 {
        margin-bottom: 1rem;
    }
}
.last2 {
    text-align: right;
    margin-top: 1rem;
    font-size: 1.8rem;
}
.last2 span {
    display: inline-block;
}
.last2 span:not(:last-child) {
    margin-right: 0.7rem;
}
@media only screen and (max-width: 600px) {
    .last2 {
        text-align: center;
        font-size: 1.4rem;
        margin-top: 1.5rem;
    }
}
.footlogomg {
    height: 15px;
    object-fit: cover;
}
.about {
    background: linear-gradient(to right, #f3f7fa, #f3f4ef);
    padding-bottom: 4rem;
}
.about-section {
    background: url(img/aboutustop-new.jpg);
    padding: 2rem;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top;
}
@media only screen and (max-width: 800px) {
    .about-section {
        background: url(img/aboutustop-newmobile.jpg);
        padding: 2rem;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: top;
    }
}
.about-section__title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 4rem;
    color: #000;
    text-align: center;
    margin-top: 40rem;
}
@media only screen and (max-width: 1300px) {
    .about-section__title {
        margin-top: 30rem;
    }
}
@media only screen and (max-width: 1100px) {
    .about-section__title {
        margin-top: 27rem;
    }
}
@media only screen and (max-width: 1000px) {
    .about-section__title {
        margin-top: 23rem;
    }
}
@media only screen and (max-width: 880px) {
    .about-section__title {
        margin-top: 20rem;
    }
}
@media only screen and (max-width: 700px) {
    .about-section__title {
        margin-top: 17rem;
        font-size: 2.7rem;
    }
}
@media only screen and (max-width: 660px) {
    .about-section__title {
        margin-top: 15rem;
    }
}
@media only screen and (max-width: 600px) {
    .about-section__title {
        margin-top: 13rem;
    }
}
@media only screen and (max-width: 540px) {
    .about-section__title {
        font-size: 2.5rem;
        margin-top: 11rem;
    }
}
@media only screen and (max-width: 430px) {
    .about-section__title {
        margin-top: 9rem;
    }
}
@media only screen and (max-width: 380px) {
    .about-section__title {
        margin-top: 8rem;
        font-size: 2.3rem;
    }
}
.about-section__title2 {
    margin-top: 6rem;
}
@media only screen and (max-width: 900px) {
    .about-section__title2 {
        margin-top: 5rem;
    }
}
.about-section__subtitle {
    font-size: 2.7rem;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    color: #333;
    text-align: center;
    margin-top: 1rem;
}
@media only screen and (max-width: 700px) {
    .about-section__subtitle {
        font-size: 2.3rem;
    }
}
.about-section__msg {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 1rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #000;
    font-family: "Hurme Geometric Sans 2", sans-serif;
}
@media only screen and (max-width: 700px) {
    .about-section__msg {
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    .about-section__msg {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 400px) {
    .about-section__msg {
        margin-top: 0.5rem;
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 350px) {
    .about-section__msg {
        font-size: 1.65rem;
    }
}
.about-section__main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    width: 800px;
    margin: 0 auto;
    margin-top: 4rem;
}
.about-section__img {
    height: 220px;
    width: 220px;
    object-fit: cover;
}
.about-section__img2 {
    width: 300px;
    height: 300px;
    object-fit: cover;
}
.about-products {
    display: grid;
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0.2rem;
    margin-top: 3rem;
}
@media only screen and (max-width: 600px) {
    .about-products {
        display: block;
    }
}
.about-products-img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 600px) {
    .about-products-img {
        height: 250px;
        max-width: 250px;
    }
}
.about-products2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 2rem;
    font-size: 1.7rem;
    font-family: Lato, sans-serif;
    font-weight: 300;
}
@media only screen and (max-width: 600px) {
    .about-products2 {
        max-width: 350px;
        margin: 0 auto;
    }
}
.about-products2__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
    font-family: Montserrat, sans-serif;
}
.about-products2__btn {
    margin-top: 1rem !important;
    width: 210px;
    max-width: 100%;
    margin: 0 auto;
}
.about-second {
    padding: 4rem 1rem;
}
.about-second__box {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    font-size: 1.7rem;
}
.about-second__title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 4rem;
    color: #000;
}
@media only screen and (max-width: 600px) {
    .about-second__title {
        font-size: 3rem;
    }
}
.about-second__msg {
    font-weight: 300;
    font-size: 1.6rem;
}
.about-second__row {
    margin-top: 3.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2rem;
}
@media only screen and (max-width: 600px) {
    .about-second__row {
        display: block;
    }
}
@media only screen and (max-width: 600px) {
    .__row1 {
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
    }
    .__row1:not(:last-child) {
        margin-bottom: 3rem;
    }
}
.__row1-img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 600px) {
    .__row1-img {
        width: 150px;
    }
}
.__row1-title {
    font-size: 1.8rem;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-top: 0.5rem;
}
@media only screen and (max-width: 600px) {
    .__row1-title {
        font-size: 1.7rem;
    }
}
.__row1-msg {
    font-weight: 300;
    font-size: 1.6rem;
}
.__row1-link,
.__row1-link:link,
.__row1-link:visited {
    display: inline-block;
    margin-top: 1rem;
    color: purple;
}
@media only screen and (max-width: 600px) {
    .__row1-link,
    .__row1-link:link,
    .__row1-link:visited {
        margin-top: 0.5rem;
    }
}
.__row1-link:hover {
    color: var(--thirdcolour);
    font-weight: 400;
}
.__row1-link i {
    font-size: 1.1rem;
}
.__row1-form {
    margin-top: 1rem;
}
.__row1-input {
    display: block;
    width: 100%;
    padding: 1rem;
    border-radius: 1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.__row1-submit {
    display: block;
    background: linear-gradient(to right, var(--firstcolor), #4a5a8e);
    padding: 1rem 2rem;
    font-size: 1.7rem;
    color: #fff;
    border: 0;
    width: 100%;
    margin-top: 0.3rem;
}
.pro-img2 {
    object-fit: contain;
}
.invdown a {
    background: #f1f1f1;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.8rem 1rem;
    border-radius: 5px;
    color: #000;
}
.invdown a:not(:last-child) {
    margin-right: 0.5rem;
}
.opachim {
    opacity: 0.5;
    cursor: progress !important;
    pointer-events: none;
}
.noevents {
    pointer-events: none;
}
.fresh {
    opacity: 1 !important;
    height: 100px;
}
.fadebutt {
    opacity: 0.4;
    cursor: auto;
}
.msg-smallyellow {
  background: #eeeade;
  display: inline-block;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 5px;
}

.msgin,
.msgready {
    background: red;
    color: #fff;
    padding: 1rem;
    font-size: 1.6rem;
    text-align: center;
}
.smallloaders {
    height: 25px;
    display: inline-block;
    margin-top: -10px;
    transform: translateY(7px);
}
.msgready {
    background: #2fa10c;
}
.freshman {
    display: block;
    font-size: 1.7rem;
    margin-top: 2rem;
}
#preview-profile-pic {
    text-align: center;
    display: none;
    padding: 1rem;
}
#photo {
    display: inline-block;
    cursor: crosshair;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    object-fit: cover;
    margin-top: 1rem;
    object-position: 0 8%;
}
.dropzonemgg {
    display: inline-block;
    margin-top: 1rem;
    height: 200px;
    width: 220px;
    max-width: 100%;
}
.dropzone {
    background: #f9f9f9 !important;
    border-style: dashed !important;
    border-color: #4a5a8e;
    border-width: 1px;
}
.dropzonetxt {
    margin-top: 2rem;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
}
.changefiles {
    display: none;
    background: #ccc8c8;
    color: #000;
    font-size: 1.6rem;
    padding: 1rem;
    cursor: pointer;
}
.changefiles:hover {
    background: #bfbbbb;
}
.changefiles i {
    font-size: 1.4rem;
}
.inputfile {
    display: none;
}
.inputfile-4 + label:hover,
.inputfile-4.has-focus + label,
.inputfile-4:focus + label {
    opacity: 0.7;
}
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    cursor: pointer;
}
.no-js .inputfile + label {
    display: none;
}
.inputfile.has-focus + label,
.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.pops {
    margin-top: 0.4rem;
    font-size: 1.4rem;
    color: red;
    cursor: pointer;
}
.pops:hover {
    font-weight: 600;
}
.pops i {
    font-size: 1.2rem;
}
.suman {
    background: #fafac7;
    padding: 1rem;
}
.error {
    padding: 1rem;
    background: red;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 3rem;
    margin-bottom: -2rem;
}
.newerror,
.newerror2 {
    padding: 1rem;
    background: red;
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 1rem;
}
#errid {
    margin-bottom: -2rem;
}
.positive {
    background: #0d940d;
}
.choke {
    background: #d4a0d4;
    color: #fff;
    cursor: progress;
}
.choke:hover {
    background: #d4a0d4;
}
.unchoke {
    background: var(--firstcolor);
    color: #fff;
    cursor: progress;
}
.unchoke:hover {
    background: var(--firstcolor) !important;
}
.letmeknow {
    display: none;
}
.see-input {
    display: none;
}
.see-checked {
    opacity: 0;
    font-size: 1.7rem;
    color: var(--firstcolor);
}
.see-label {
    cursor: pointer;
    display: block;
}
.see-label span {
    font-weight: 700;
    font-size: 1.5rem;
}
.seefillbox {
    display: none;
}
.seefill {
    font-family: Lato, sans-serif;
    font-style: italic;
    margin-top: 0.7rem;
    font-size: 1.5rem;
    line-height: 1.3;
}
.seefill span {
    font-style: normal;
    font-size: 1.3rem;
    display: block;
    margin-top: 1.3rem;
    margin-bottom: 0.4rem;
}
.seeediting,
.seemat,
.seeprintversion {
    color: #5d427e;
    display: inline-block;
    margin-top: 1rem;
    border-bottom: 1px dotted #5d427e;
    cursor: pointer;
}
.seeediting:hover,
.seemat:hover,
.seeprintversion:hover {
    border-bottom: 1px solid #5d427e;
    font-weight: 700;
}
.seeeditingbox,
.seematbox,
.seeprintversionbox {
    padding: 1rem;
    width: 200px;
    height: 100px;
    max-width: 100%;
    border-radius: 3px;
    border: 1px solid #777;
    margin-top: 1rem;
}
.seeeditingbox:focus,
.seematbox:focus,
.seeprintversionbox:focus {
    outline: 0;
    box-shadow: 0 1rem 2rem var(--firstcolor);
}
.seeprice {
    color: var(--firstcolor);
    font-size: 1.7rem;
    margin-top: 1rem;
    font-weight: 600;
}
.seetake {
    color: var(--firstcolor);
    font-size: 1.7rem;
    cursor: pointer;
}
.see-input:checked ~ .see-checked {
    opacity: 1;
}
.see-input:checked ~ .poca .seetake {
    display: none;
}
.closeblowup,
.closefixed {
    display: inline-block;
    color: #000;
    background: #d8dfea;
    font-size: 3rem;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0 1rem;
}
.closeblowup:hover,
.closefixed:hover {
    background: #eee;
}
.closeblowup {
    margin-top: 0;
}
.blowup {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
}
.blowup-cont {
    position: relative;
}
.blowup-cont__title {
    padding: 1rem;
    font-size: 2rem;
    color: #000;
    font-family: Montserrat, sans-serif;
}
.blowup-cont__content {
    padding: 1rem;
    font-size: 1.5rem;
}
.blowup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow: auto;
    width: 700px;
    max-width: 95%;
    background: #fff;
    border-radius: 4px;
    z-index: 120;
    vertical-align: middle;
    text-align: center;
}
.blowup-mage {
    height: 400px;
}
.blowup-title {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
    padding: 1rem;
    text-align: center;
    font-size: 1.8rem;
    font-family: Lato, sans-serif;
}
@media only screen and (max-width: 600px) {
    .blowup-title {
        margin: 1rem 0;
        font-size: 1.7rem;
    }
}
.blowup-title i {
    color: red;
}
.blowup-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0.3rem;
    position: relative;
}
@media only screen and (max-width: 600px) {
    .blowup-container {
        display: block;
    }
}
.blowup-container img {
    width: 100%;
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: 0 2%;
    border-radius: 4px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 600px) {
    .blowup-container img {
        width: 25rem;
        height: 25rem;
        display: inline-block;
    }
    .blowup-container img:last-child {
        margin-top: 2rem;
    }
}
.blowup-edited {
    background: #eed5ee;
}
.blowup-edited i {
    color: var(--firstcolor);
}
.blowup-gotit {
    background: var(--firstcolor);
    padding: 1.2rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.blowup-gotit:hover {
    background: #5d427e;
}
.paginator {
    text-align: center;
    list-style: none;
}
.paginator li {
    display: inline-block;
}
.paginator li:not(:last-child) {
    margin-right: 1rem;
}
.paginator a {
    display: inline-block;
    color: #333;
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 1rem 1.4rem;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.paginator a:hover {
    background: #ece9e9;
}
.paginate-link {
    display: inline-block;
    padding: 1.4rem 2.5rem;
    background: #dedad8;
    margin-top: 2rem;
    border-radius: 10px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.paginate-link:hover {
    background: #cfcbc9;
}
.paginate-link:not(:last-child) {
    margin-right: 2rem;
}
.homepag-link {
    display: inline-block;
    padding: 1rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background: #fff;
}
.thisbg-icon {
    display: inline-block;
    color: green;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    padding: 2rem;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.activeshii {
    background: var(--firstcolor) !important;
    color: #fff !important;
}
.checkat {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 1rem 1.4rem rgba(0, 0, 0, 0.3);
    padding: 3rem 2rem;
}
.checkat-subtitle {
    font-size: 2.6rem;
    margin-top: 3rem;
    font-weight: 700;
}
.checkat-subsub-title {
    font-size: 1.8rem;
}
.checkat-subnowtitle {
    display: inline-block;
    font-size: 1.8rem;
    color: var(--firstcolor);
}
.checkat-link {
    display: inline-block;
    margin-top: 4rem;
    margin-bottom: 4rem;
    background: linear-gradient(red, rgba(255, 0, 0, 0.9));
    color: #fff;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    border-radius: 3rem;
    padding: 1.8rem 3.5rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    cursor: pointer;
}
.checkat-link:hover {
    background: red;
}
.checkat-boxes {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
}
.checkat-boxes__price {
    color: #076807;
}
.checkat-miniboxes {
    font-size: 2.1rem;
}
.order-box {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 3rem;
    padding: 1rem;
}
.order-box__link {
    display: inline-block;
    background: #5d427e;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    padding: 1rem 1.4rem;
    margin-top: 1rem;
}
.order-box__title {
    color: #333;
}
.order-box__title:hover {
    font-weight: 700;
}
.order-box__content {
    color: #7e7c7c;
}
.order-boxes {
    border: 1px solid #d6d4d4;
    padding: 1rem;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    box-shadow: 0 0.3rem 0.6rem #ecebeb;
}
.order-boxes:hover {
    background: #fcfcfc;
}
.order-boxtings {
    background: #ddd;
    padding: 1rem;
}
.order-boxeach {
    padding: 2rem 0;
}
.order-boxeach:not(:last-child) {
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.order-boxing {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.5rem;
    padding: 1rem;
    box-shadow: 0 1rem 20rem rgba(0, 0, 0, 0.1);
}
.order-boxing__title {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
}
.order-boxing__subtitle {
    font-size: 2rem;
}
.orders-btn {
    padding: 1rem 1.4rem;
    display: inline-block;
    font-size: 1.6rem;
    text-transform: uppercase;
}
.order-box__cont-img {
    float: left;
    width: 12%;
}
@media only screen and (max-width: 600px) {
    .order-box__cont-img {
        width: 15%;
    }
}
.order-box__cont-img img {
    height: 60px;
    width: 90%;
    display: inline-block;
    margin: 0 auto;
    object-fit: cover;
}
.order-box__cont-newimg {
    float: left;
    width: 25%;
}
.order-box__cont-newimg img {
    height: 200px;
    width: 90%;
    display: inline-block;
    margin: 0 auto;
    object-fit: cover;
}
.order-box__cont-newcont {
    float: right;
    width: 75%;
}
.order-box__cont-content {
    float: right;
    width: 88%;
    color: #777575;
}
@media only screen and (max-width: 600px) {
    .order-box__cont-content {
        width: 85%;
    }
}
.order-box__cont:after,
.order-box__cont:before {
    content: "";
    clear: both;
    display: table;
}
.discuss-red {
    padding: 0.6rem 1rem;
    display: inline-block;
    border-radius: 2px;
    background: red;
    color: #fff;
    font-size: 1.4rem;
    margin-left: 1rem;
}
.ordmsg-box {
    background: rgba(245, 227, 245, 0.205);
}
.ordmsg-box__title {
    font-weight: 500;
    font-size: 1.7rem;
    padding: 0.5rem 1rem;
    border: 1px solid #ececec;
    border-bottom: 1px solid #f6f6f6;
    color: #000;
}
@media only screen and (max-width: 600px) {
    .ordmsg-box__title {
        font-size: 1.6rem;
    }
}
.ordmsg-box__date {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    color: #9b9999;
    border: 1px solid #ececec;
    border-top: none;
}
@media only screen and (max-width: 600px) {
    .ordmsg-box__date {
        font-size: 1.45rem;
    }
}
.ordmsg-box__msg {
    font-size: 1.5rem;
    padding: 1rem;
    border: 1px solid #ececec;
    border-top: none;
    background: #fefdfd;
}
.ordmsg-input {
    height: 100px;
    width: 500px;
    max-width: 100%;
    border: 1px solid #dddcdc;
    padding: 1rem;
    display: block;
}
.ordmsg-input:focus {
    outline: 0;
    box-shadow: 0 0.3rem 0.7rem var(--firstcolor);
}
.ordmsg-input__file {
    font-size: 1.5rem;
}
.ordmsg-submit {
    display: inline-block;
    margin-top: 1.5rem;
    color: #fff;
    background: #5d427e;
    border-radius: 3px;
    border: 0;
    font-size: 1.5rem;
    padding: 1rem 2.5rem;
}
.discussreplies-title {
    font-weight: 600;
    font-size: 3rem;
    margin-top: 3.5rem;
    margin-bottom: 1rem;
}
@media only screen and (max-width: 600px) {
    .discussreplies-title {
        font-size: 2.5rem;
    }
}
.discussreplies-img {
    height: 200px;
    border-radius: 3px;
    max-width: 100%;
    object-fit: cover;
    display: block;
}
.scrollreply {
    color: var(--firstcolor);
    font-size: 1.7rem;
}
.noreplies {
    background: #ececcd;
    color: #333;
    padding: 1rem;
    font-size: 1.5rem;
}
.opacmebaba {
    opacity: 0.7;
    pointer-events: none;
}
.smallord {
    display: inline-block;
    color: #fff;
    margin-top: 1rem;
    background: #f13131;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
}
.search-input {
    width: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    border-radius: 3px;
    border: none;
    background: var(--firstcolor);
    color: #fff;
}
@media only screen and (max-width: 600px) {
    .search-input {
        margin-top: -2rem;
    }
}
.search-input::-webkit-input-placeholder {
    color: #fff;
}
.search-input:-ms-input-placeholder {
    color: #fff;
}
.search-input::-ms-input-placeholder {
    color: #fff;
}
.search-input::placeholder {
    color: #fff;
}
.search-input:focus {
    background: #fff;
    color: #333;
    border: 1px solid #777;
    outline: 0;
    box-shadow: 0 0.2rem 0.4rem var(--firstcolor);
    padding: 2rem 1rem;
}
.show-search-input {
    margin-top: -1rem;
    margin-bottom: 2rem;
}
.show-search-input__content {
    padding: 1rem;
    border: 1px solid #dad9d9;
    border-top: none;
    font-size: 1.5rem;
}
.show-search-input__content:hover {
    background: #eeecec;
}
.cartedneck {
    height: 20rem;
    width: 15rem;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 840px) {
    .cartedneck {
        height: 17rem;
        width: 13rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedneck {
        height: 13rem;
        width: 10rem;
    }
}
.cartedneck_landscape {
    height: 14rem;
    width: 18rem;
}
@media only screen and (max-width: 976px) {
    .cartedneck_landscape {
        height: 12rem;
        width: 16rem;
    }
}
@media only screen and (max-width: 840px) {
    .cartedneck_landscape {
        height: 9rem;
        width: 12rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedneck_landscape {
        height: 7rem;
        width: 10rem;
    }
}
.cartednecknew {
    height: 20em;
    width: 15em;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width: 840px) {
    .cartednecknew {
        height: 17em;
        width: 13em;
    }
}
@media only screen and (max-width: 540px) {
    .cartednecknew {
        height: 13em;
        width: 10em;
    }
}
.cartednecknew_landscape {
    height: 14em;
    width: 18em;
}
@media only screen and (max-width: 976px) {
    .cartednecknew_landscape {
        height: 12em;
        width: 16em;
    }
}
@media only screen and (max-width: 840px) {
    .cartednecknew_landscape {
        height: 9em;
        width: 12em;
    }
}
@media only screen and (max-width: 540px) {
    .cartednecknew_landscape {
        height: 7em;
        width: 10em;
    }
}
.cartedbody {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 17rem;
    max-width: 90%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 840px) {
    .cartedbody {
        height: 15rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedbody {
        height: 10.4rem;
    }
}
.cartedbody_landscape {
    height: 11rem;
}
@media only screen and (max-width: 976px) {
    .cartedbody_landscape {
        height: 10rem;
    }
}
@media only screen and (max-width: 840px) {
    .cartedbody_landscape {
        height: 7rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedbody_landscape {
        height: 6rem;
    }
}
.cartedtemp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 18rem;
}
@media only screen and (max-width: 540px) {
    .cartedtemp {
        height: 14rem;
    }
}
.cartedtemp-body {
    max-width: 90%;
    height: 16rem;
    object-fit: cover;
}
@media only screen and (max-width: 540px) {
    .cartedtemp-body {
        height: 10rem;
    }
}
.cartedtemp-text {
    position: absolute;
    z-index: 4;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: powderscriptboldw00-regularRg, sans-serif;
    font-size: 1.5rem;
}
@media only screen and (max-width: 840px) {
    .cartedtemp-text {
        font-size: 1.3rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedtemp-text {
        font-size: 1.1rem;
    }
}
.cartedtemp-text__landscape {
    top: 18%;
}
@media only screen and (max-width: 840px) {
    .cartedtemp-text__landscape {
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedtemp-text__landscape {
        font-size: 1rem;
    }
}
.cartedtemp-landscape {
    height: 9rem;
}
@media only screen and (max-width: 840px) {
    .cartedtemp-landscape540 {
        height: 13.2rem;
    }
}
@media only screen and (max-width: 540px) {
    .cartedtemp-landscape {
        height: 5rem;
    }
    .cartedtemp-landscape540 {
        height: 10rem;
    }
}
.cartedbodynew {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 17em;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 840px) {
    .cartedbodynew {
        height: 15em;
    }
}
@media only screen and (max-width: 540px) {
    .cartedbodynew {
        height: 11.8em;
    }
}
.cartedbodynew_landscape {
    height: 11em;
}
@media only screen and (max-width: 976px) {
    .cartedbodynew_landscape {
        height: 10em;
    }
}
@media only screen and (max-width: 840px) {
    .cartedbodynew_landscape {
        height: 7em;
    }
}
@media only screen and (max-width: 540px) {
    .cartedbodynew_landscape {
        height: 6em;
    }
}
.cartingnow {
    display: none;
}
@media only screen and (max-width: 1070px) {
    .cartingnow {
        display: block;
        background: #f4f4f4;
        padding: 1rem;
        margin-top: 2rem;
    }
}
.sendasgift {
    display: inline-block;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: #5d427e;
    font-size: 1.4rem;
    border-radius: 6px;
    cursor: pointer;
}
.sendasgift:hover {
    font-weight: 700;
}
.sendasgift i {
    font-size: 2rem;
}
.moveupgift {
    display: inline-block;
    transform: translateY(-0.3rem);
}
.forthegift-title {
    font-size: 2.5rem;
    text-align: center;
    padding: 1rem;
    background: #f4f4f4;
    border-radius: 5px;
}
.forthegift-subtitles {
    font-weight: 700;
    text-transform: uppercase;
}
.forthegift-msg {
    padding: 1rem;
    font-size: 1.5rem;
}
.somechanges {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10000;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.somechanges-text {
    font-size: 1.8rem;
    font-family: Montserrat, sans-serif;
    margin-bottom: 1rem;
    font-weight: 600;
}
.somechanges-firstlink,
.somechanges-secondlink {
    display: inline-block;
    background: #29df29;
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 3px;
    font-size: 1.5rem;
    margin-top: 1rem;
    cursor: pointer;
}
.somechanges-firstlink:hover,
.somechanges-secondlink:hover {
    background: green;
}
.somechanges-secondlink {
    background: #ee3211;
}
.somechanges-secondlink:hover {
    background: red;
}
.subbut {
    height: 8rem;
    border-radius: 10px;
    cursor: pointer;
}
.subbut:hover {
    border: 1px solid var(--firstcolor);
}
.subbut-click {
    margin-top: 2rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.attachimg {
    max-height: 25rem;
}
.user {
    display: block;
}
.user-left {
    background-color: #303;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23600101' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FF6633'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
    height: 30rem;
}
.user-right,
.user-right__newuser {
    width: 52rem;
    max-width: 100%;
    background: #f9f9f9;
    padding: 2rem;
    padding-bottom: 4rem;
    margin: 0 auto;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    margin-top: -24rem;
    text-align: center;
}
.user-right__newuser {
    margin-top: 0;
    border-radius: 10px;
}
.user-right__title {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    margin-top: 1rem;
}
@media only screen and (max-width: 600px) {
    .user-right__title {
        font-size: 2.6rem;
    }
}
.user-right__desc {
    font-size: 1.6rem;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
    .user-right__desc {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 600px) {
    .user-right__desc {
        font-size: 1.5rem;
    }
}
.user-box {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-top: 3rem;
}
.user-box__title {
    font-size: 1.6rem;
    font-weight: 500;
}
.user-box__title i {
    font-size: 1.3rem;
    cursor: pointer;
}
.user-box__title i:hover {
    font-weight: 700;
}
.user-box__terms {
    padding: 2rem 0;
    padding-bottom: 1rem;
    color: #777;
    font-size: 1.4rem;
}
.user-box__desc {
    margin-top: 0.5rem;
    font-size: 1.35rem;
    color: red;
}
.user-box__submit {
    display: block;
    background: linear-gradient(to right, var(--firstcolor), var(--firstcolor-hover));
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 1.3rem 2rem;
    margin-top: 2rem;
    border: 0;
    font-family: "Open Sans", sans-serif;
    border-radius: 5px;
    font-size: 1.8rem;
    cursor: pointer;
}
.user-box__submit:hover {
    background: var(--firstcolor);
}
.user-box__submit:focus {
    outline: 0;
}
.user-box__or {
    font-size: 1.6rem;
    color: #777;
}
.user-box__otherbox {
    font-size: 1.6rem;
    margin-top: 4rem;
}
.user-box__otherbox-cont {
    display: inline-block;
    border: 1px solid #000;
    padding: 1rem 2rem;
    border-radius: 6px;
    color: #333;
}
.user-box__otherbox-cont:hover {
    background: #000;
    color: #fff;
}
.user-box__otherbox-conted {
    display: inline-block;
}
.user-box__otherbox-conted:not(:last-child) {
    margin-right: 3rem;
}
.userbox-thisrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
}
.userbox {
    width: 100%;
    font-size: 1.5rem;
    padding: 1.4rem 1.5rem;
    border-radius: 5px;
    margin-top: 0.6rem;
    border: 1px solid #ebe7e7;
    box-shadow: 0 1rem 2rem #ebe7e7;
}
.userbox:hover {
    border: 1px solid #777;
}
.userbox:focus {
    outline: 0;
    box-shadow: 0 0.5rem 1rem var(--firstcolor);
}
.usernew-logo {
    height: 5rem;
    display: inline-block;
    margin-bottom: 1.5rem;
}
.usernew-now {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    padding: 2rem;
    background: #fff;
}
.user-newright {
    background: url(img/tabletop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.user-newleft {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ececed;
    padding: 2rem 0;
}
.user-newnewleft,
.user-newnewleft2 {
    padding: 1rem;
    width: 43rem;
    max-width: 100%;
    margin: 0 auto;
}
.user-newnewleft2 {
    width: 48rem;
}
.newuser-register {
    background-color: #ffda0c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23FFDA0C' cx='50' cy='0' r='50'/%3E%3Cg fill='%23ffd406' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffcf01' cx='50' cy='100' r='50'/%3E%3Cg fill='%23ffc900' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffc300' cx='50' cy='200' r='50'/%3E%3Cg fill='%23ffbe00' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffb801' cx='50' cy='300' r='50'/%3E%3Cg fill='%23ffb204' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffac08' cx='50' cy='400' r='50'/%3E%3Cg fill='%23ffa60d' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffa111' cx='50' cy='500' r='50'/%3E%3Cg fill='%23ff9b15' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff9519' cx='50' cy='600' r='50'/%3E%3Cg fill='%23ff8f1d' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff8921' cx='50' cy='700' r='50'/%3E%3Cg fill='%23ff8424' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff7e27' cx='50' cy='800' r='50'/%3E%3Cg fill='%23ff782a' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff722d' cx='50' cy='900' r='50'/%3E%3Cg fill='%23ff6c30' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23FF6633' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
    min-height: 100vh;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.user-right__newuserbutton {
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 1.5rem 3rem;
    border-radius: 10px;
}
.user-right__newuserbutton1 {
    padding: 1.5rem 4.5rem;
}
.toplogin-or {
    display: block;
    color: #000;
    margin-top: 1.5rem;
}
.toplogin-or:after,
.toplogin-or:before {
    content: "";
    display: inline-block;
    width: 43%;
    height: 1px;
    background: rgba(216, 215, 215);
}
.toplogin-or:after {
    margin-left: 5px;
    transform: translateY(-4px);
}
.toplogin-or:before {
    margin-right: 5px;
    transform: translateY(-4px);
}
.toplogin-footer {
    padding: 3rem 2rem;
    text-align: center;
    line-height: 1.7;
}
.user-forgot,
.user-forgot2 {
    background: #ececed;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.user-forgot2__cont,
.user-forgot__cont {
    background: #fff;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    width: 700px;
    border-radius: 7px;
    max-width: 95%;
    margin: 0 auto;
    padding: 4rem 2rem;
}
.user-forgot2 {
    background-color: #e52;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23d23d09' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
}
.input-load {
    transform: translateY(0.4rem);
    height: 18px;
}
.input-load2 {
    transform: translateY(0.4rem);
    height: 22px;
}
.input-confirmed {
    color: green;
}
.input-unconfirmed {
    color: red;
    font-size: 1.5rem;
}
.input-unconfirmed i {
    font-size: 1.6rem;
}
.logbuttons {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 3rem;
}
.logbuttons-each {
    display: block;
    padding: 2rem 3rem;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    font-size: 1.6rem;
    color: #000;
    border-radius: 6px;
    margin-bottom: 2rem;
}
.logbuttons-each:hover {
    background: #f5f2f2;
}
.middlebox {
    width: 700px;
    max-width: 100%;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    border-radius: 5px;
    padding: 2rem 1rem;
}
.middlebox-content__box {
    padding: 1rem 1.5rem;
    display: grid;
    grid-template-columns: 30% 70%;
    column-gap: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.middlebox-content__box:not(:last-child) {
    margin-bottom: 1rem;
}
.middlebox-content__box:hover {
    background: #f5f2f2;
}
.middle-box__sidecont {
    font-size: 1.6rem;
    color: #000;
}
.middle-box__sidecont span {
    font-size: 1.4rem;
    color: #0ca00c;
    cursor: pointer;
    font-weight: 400;
}
.middle-box__sidecont i {
    font-size: 1.2rem;
}
.middle-box__title {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #333;
}
.middle-box__title i {
    font-size: 1.4rem;
    cursor: pointer;
}
.middle-box__title i:hover {
    color: green;
}
.middle-box__input {
    display: inline-block;
    padding: 1rem 0.6rem;
    border: 1px solid #dbdada;
    border-radius: 4px;
    font-size: 1.5rem;
    color: #333;
}
.middle-box__input:focus {
    outline: 0;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor);
}
.middle-box__content {
    font-size: 1.4rem;
    margin-top: 0.3rem;
    color: #777;
}
.middle-box__text {
    display: none;
    font-size: 1.5rem;
    margin-top: 1rem;
    height: 40px;
    width: 100%;
    border: 1px solid #dad8d8;
    border-radius: 4px;
    padding: 1rem;
}
.middle-box__text:focus {
    outline: 0;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor);
}
.middle-box__submit {
    background: #2bb12b;
    color: #fff;
    padding: 1rem 1.2rem;
    border-radius: 4px;
    display: none;
    width: 100%;
    margin-top: 1rem;
    text-align: center;
    font-size: 1.5rem;
    cursor: pointer;
}
.middle-box__submit:hover {
    background: green;
}
.littleleft {
    margin-left: 1rem;
}
@media only screen and (max-width: 600px) {
    .littleleft {
        margin-left: 0;
        margin-top: 1rem;
    }
}
.nochanges,
.savechanges,
.saverchanges,
.savingchanges,
.thischanges {
    margin-top: 1.5rem;
    display: inline-block;
    background: var(--firstcolor);
    color: #fefefe;
    border-radius: 5px;
    border: none;
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
    font-weight: 400;
    cursor: pointer;
}
.nochanges:hover,
.savechanges:hover,
.saverchanges:hover,
.savingchanges:hover,
.thischanges:hover {
    background: var(--firstcolor-hover);
}
.showpic-profile {
    height: 10rem;
    width: 9.6rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem;
}
.changepass {
    display: inline-block;
    background: #777;
    color: #fff;
    padding: 0.6rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}
.changepass:hover {
    background: #000;
}
.genderbox,
.statebox {
    padding: 0.6rem 0.5rem;
    border-radius: 3px;
    border: 1px solid #dad8d8;
    font-size: 1.5rem;
    border-radius: 4px;
    width: 100%;
}
.genderbox:focus,
.statebox:focus {
    outline: 0;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor);
}
.opachim {
    z-index: 10;
}
.opacpass {
    position: relative;
    z-index: 14;
}
.passwordchange-cont {
    width: 400px !important;
    border-radius: 4px;
    padding: 0 !important;
}
.passwordchange-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1rem;
    padding-bottom: 1.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
}
.passwordchange-box {
    padding: 1rem 2rem;
    display: grid;
    grid-template-columns: 30% 70%;
    column-gap: 3rem;
    overflow: hidden;
}
@media only screen and (max-width: 400px) {
    .passwordchange-box {
        column-gap: 1rem;
    }
}
.passwordchange-box__title {
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.passwordchange-box__input {
    display: inline-block;
    padding: 1rem 0.6rem;
    border-radius: 4px;
    border: 1px solid #dad8d8;
}
.passwordchange-lastbox {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 1.5rem;
    padding: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.cancellastbox {
    padding: 1rem 1.5rem;
    display: inline-block;
    background: #e6e4e4;
    color: #000;
    border-radius: 4px;
    font-weight: 400;
    cursor: pointer;
}
.cancellastbox:hover {
    background: #dbd9d9;
}
.newpassword {
    padding: 1rem 1.5rem;
    display: inline-block;
    background: var(--firstcolor);
    color: #fff;
    border-radius: 4px;
    font-weight: 400;
    cursor: pointer;
}
.newpassword:hover {
    background: var(--firstcolor-hover);
}
.admin-main {
    font-size: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1rem;
    margin-bottom: 1rem;
}
.admin-bigtitle {
    font-size: 1.6rem;
    font-weight: 700;
}
.admin-links {
    padding: 0.5rem;
}
.admin-manage {
    margin-bottom: 1rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    font-size: 1.5rem;
    padding: 1rem;
}
.admin-manage__title {
    font-weight: 700;
}
.admin-manage__photoss {
    height: 100px;
    margin-top: 0.5rem;
}
.admin-manage__price {
    font-weight: 700;
    margin-top: 0.5rem;
}
.admin-manage__other {
    margin-top: 0.5rem;
}
.admin-submanage {
    display: none;
    background: #f4f4f4;
    padding: 1rem;
    margin-top: 2rem;
}
.admin-submanage__subtitle {
    margin-bottom: 0.5rem;
}
.admin-submanage__photos {
    display: inline-block;
    height: 100px;
    margin-bottom: 1rem;
}
.admin-submanage__title {
    font-weight: 700;
    font-size: 1.8rem;
}
.admin-submanage__input {
    padding: 1rem;
    margin-bottom: 1rem;
}
.admin-submanage__textarea {
    padding: 1rem;
    margin-bottom: 1rem;
    min-height: 50px;
}
.gobackadmin {
    text-align: center;
    background: #5d427e;
    color: #fff;
    font-size: 1.5rem;
    padding: 1rem;
}
.gobackadmin:hover {
    background: #55367c;
}
.editstuff {
    cursor: pointer;
}
.editstuff:hover {
    font-weight: 700;
}
.uploadframe {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    padding: 1rem;
}
.uploadframe .admin-submanage__subtitle {
    font-size: 1.6rem;
}
.uploadframe .admin-submanage__input,
.uploadframe .admin-submanage__textarea {
    width: 90%;
    font-size: 1.5rem;
}
.uploadframe .admin-submanage__textarea {
    height: 100px;
}
.quickgotowidth {
    max-width: 700px;
    margin: 1rem auto;
    margin-bottom: 1rem;
}
.affnow {
    display: grid;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem;
    font-size: 1.5rem;
    grid-template-columns: 25% 75%;
    grid-column-gap: 3rem;
}
.affnow-branch {
    padding: 1rem 0;
    margin-top: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 1.4rem;
    display: grid;
    grid-template-columns: 70% 30%;
}
@media only screen and (max-width: 950px) {
    .affnow {
        display: block;
    }
}
.affnow-bigval {
    font-size: 3rem;
    color: #fff;
}
.affnow-linkstuff {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 30% 50% 20%;
}
@media only screen and (max-width: 950px) {
    .affnow-linkstuff {
        display: block;
    }
}
.affnow-linkstuff div {
    padding: 1.5rem;
    text-align: center;
}
@media only screen and (max-width: 950px) {
    .affnow-linkstuff div {
        padding: 1rem;
    }
}
.affnow-linkstuff__first {
    background: #e9e8e8;
    border-top-left-radius: 5px;
    border: 1px solid rgba(119, 119, 119, 0.3);
    border-bottom-left-radius: 5px;
}
@media only screen and (max-width: 950px) {
    .affnow-linkstuff__first {
        background: #fff;
        border-radius: none;
        font-weight: 700;
        border: 0;
    }
}
.affnow-linkstuff__second {
    border: 1px solid rgba(119, 119, 119, 0.3);
    border-left: 0;
    overflow: auto;
}
@media only screen and (max-width: 950px) {
    .affnow-linkstuff__second {
        background: #f4f4f4;
        border: 1px solid rgba(119, 119, 119, 0.3);
    }
}
.affnow-linkstuff__third {
    background: #07b407;
    color: #fff;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.affnow-linkstuff__third:hover {
    background: green;
}
@media only screen and (max-width: 950px) {
    .affnow-linkstuff__third {
        border-radius: 5px;
        margin-top: 1rem;
    }
}
.affnow-title {
    font-size: 3rem;
    font-family: "Hurme Geometric Sans 2", sans-serif;
    font-weight: 600;
    line-height: 1.2;
}
@media only screen and (max-width: 950px) {
    .affnow-title {
        font-size: 2.4rem;
    }
}
.affnow-1__first {
    background: #5d427e;
    padding: 3rem 1rem;
    padding-bottom: 1rem;
    color: #fff;
    border-radius: 4px;
}
.affnow-shadow {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-radius: 7px;
    transition: transform 0.3s;
}
.affnow-shadow:hover {
    background: #f9f9f9;
    transform: translateY(-0.3rem);
}
@media only screen and (max-width: 600px) {
    .affnow-shadow {
        height: 80px;
        padding: 1rem;
    }
}
.affnow-2__threebox {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
}
@media only screen and (max-width: 950px) {
    .affnow-2 {
        margin-top: 3rem;
    }
}
.affnow-link {
    display: block;
    color: #555;
    font-size: 1.4rem;
    background: linear-gradient(#eeecec, #fff);
    padding: 1rem 1.5rem;
    border-radius: 5px;
    margin-top: 1rem;
    text-align: center;
    cursor: pointer;
}
.affnow-link:hover {
    background: #e6e6e6;
}
.affnow-link2 {
    background: #29cc29;
    color: #fff;
}
.affnow-link2:hover {
    background: green;
}
.affnow-txt {
    font-size: 3.5rem;
    color: #5d427e;
}
.affnow-cont,
.affnow-cont2 {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.affnow-cont div,
.affnow-cont2 div {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1rem;
    text-align: center;
}
.affnow-cont div:last-child,
.affnow-cont2 div:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.affnow-cont2:first-child,
.affnow-cont:first-child {
    background: #5d427e;
    color: #fff;
}
.affnow-cont2:first-child div,
.affnow-cont:first-child div {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 1rem;
    text-align: center;
}
.affnow-cont2:first-child div:last-child,
.affnow-cont:first-child div:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.affnow-cont2:not(:last-child),
.affnow-cont:not(:last-child) {
    margin-bottom: 1.5rem;
}
.affnow-footer {
    background: #e9e0ef;
    padding: 1rem;
    font-size: 1.4rem;
}
.affnow-icon:hover {
    background: linear-gradient(#fff, rgba(0, 0, 0, 0.2));
    display: inline-block;
    padding: 0.4rem 0.7rem;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.affnow-cont2 {
    grid-template-columns: repeat(3, 33.3%);
}
.walletbox-content {
    padding: 3rem 1rem;
}
.walletbox-cont {
    font-size: 1.8rem;
    font-weight: 700;
}
.walletbox-cont__text {
    font-size: 1.5rem;
    padding: 1rem;
}
.walletbox-link {
    font-size: 1.5rem;
    background: green;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    padding: 1rem 1.5rem;
}
.walletbox-link:hover {
    background: rgba(0, 128, 0, 0.8);
}
.walletbox-link:last-child {
    margin-left: 1rem;
}
.walletbox-new {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 3rem 1rem;
    border-radius: 3px;
    box-shadow: 0 2rem 20rem rgba(0, 0, 0, 0.3);
    font-size: 1.5rem;
}
.walletbox-new__bal-title {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.walletbox-new__bal-sum {
    margin-top: -1rem;
    font-size: 5rem;
    color: var(--firstcolor);
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}
.walletbox-new__bal-sumbal {
    font-size: 3.5rem;
}
.giftcard-input {
    display: block;
    width: 500px;
    max-width: 100%;
    margin-top: 0.5rem;
    padding: 1rem 1.5rem;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
}
.giftcard-2__wrap {
    height: 40vh;
    background: linear-gradient(rgba(126, 74, 138, 0.3), #fff), url(/newpicsible/giftcard.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 600px) {
    .giftcard-2__wrap {
        background: linear-gradient(rgba(126, 74, 138, 0.5), #fff), url(/newpicsible/giftcard.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 70%;
    }
}
.giftcard-2__title {
    padding: 1rem;
    font-size: 3rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .giftcard-2__title {
        font-size: 2rem;
    }
}
.giftcard-2__subbox {
    width: 1000px;
    max-width: 100%;
    padding: 1rem;
    margin: 0 auto;
}
.giftcard-2__desc {
    margin: 0 auto;
    margin-top: 1rem;
    max-width: 800px;
    font-size: 1.5rem;
    text-align: center;
    padding: 0 2rem;
}
@media only screen and (max-width: 600px) {
    .giftcard-2__desc {
        text-align: justify;
    }
}
.giftcard-2__btn {
    display: inline-block;
    margin-top: 2rem;
    background: linear-gradient(var(--firstcolor), #5f3868);
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 4px;
    font-size: 1.5rem;
    border: 0;
    cursor: pointer;
}
.giftcard-2__btn:hover {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
}
.giftcard-2__btn:focus {
    outline: 0;
}
.giftcard-2__subtitle {
    margin-top: 2rem;
    font-size: 2rem;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
}
@media only screen and (max-width: 600px) {
    .giftcard-2__subtitle {
        font-size: 1.8rem;
    }
}
.giftcard-2__boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
    row-gap: 2rem;
    margin-top: 1rem;
}
@media only screen and (max-width: 600px) {
    .giftcard-2__boxes {
        display: block;
        margin-top: 2rem;
    }
}
.giftcard-2__box {
    border: 6px solid #a7a5a5;
    border-radius: 5px;
    padding: 3rem 1rem;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 3rem;
    color: #000;
    cursor: pointer;
}
.giftcard-2__box:hover {
    background: var(--firstcolor);
    border: 0.8rem solid var(--firstcolor);
}
@media only screen and (max-width: 600px) {
    .giftcard-2__box {
        padding: 1rem;
        border: 0.5rem solid #a7a5a5;
        font-size: 2rem;
    }
    .giftcard-2__box:hover {
        border: 0.5rem solid var(--firstcolor);
    }
    .giftcard-2__box:not(:last-child) {
        margin-bottom: 2rem;
    }
}
.giftcard-active {
    border: 8px solid var(--firstcolor);
}
@media only screen and (max-width: 600px) {
    .giftcard-active {
        border: 0.5rem solid var(--firstcolor);
    }
}
.giftcard-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.giftcard-successbox {
    background: #fff;
    border-radius: 10px;
    width: 400px;
    padding: 1rem;
}
.giftcard-successbox__title {
    text-align: center;
    font-size: 2rem;
}
.giftcard-successbox__title i {
    color: green;
}
.giftcard-success__link {
    background: var(--firstcolor);
    color: #fff;
    padding: 1rem;
    display: block;
    border-radius: 5px;
    width: 100%;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-top: 1.3rem;
    text-align: center;
    cursor: pointer;
}
.giftcard-success__link:hover {
    background: #5f3868;
}
.redeemnow {
    background: #f63;
    color: #fff;
    padding: 3rem 1rem;
    margin-top: 2rem;
}
.redeemnow-row {
    display: grid;
    grid-template-columns: 60% 40%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 650px) {
    .redeemnow-row {
        display: block;
    }
}
@media only screen and (max-width: 600px) {
    .redeemnow-row {
        font-size: 2.2rem;
    }
}
.redeemnow-input {
    padding: 3rem 1rem;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.redeemnow-input:focus {
    background: #f9f9f9;
    outline: 0;
    border: 1px solid var(--firstcolor);
    border-radius: 10px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.redeemnow-guest {
    font-size: 2rem;
    background: rgba(255, 255, 0, 0.1);
    padding: 3rem 1rem;
    border: 1px solid brown;
}
.redeemnow-button {
    background: linear-gradient(var(--firstcolor), #4a5a8e);
    color: #fff;
    padding: 1.5rem 1rem;
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 0;
    font-size: 1.7rem;
    text-transform: uppercase;
    margin-top: 1rem;
}
.redeemnow-button:hover {
    background: var(--firstcolor);
    cursor: pointer;
}
.redeemnow-button:focus {
    border: 0;
    outline: 0;
}
.redeemnow a {
    display: inline-block;
    background: #04b404;
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 2.5rem;
    border-radius: 3px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
}
.redeemnow a:hover {
    background: green;
}
@media only screen and (max-width: 650px) {
    .redeemnow a {
        margin-top: 1rem;
        font-size: 1.8rem;
    }
}
.return-shit {
    background: linear-gradient(rgba(255, 255, 255, 0.144), rgba(255, 255, 255, 0.082)), url(/newpicsible/deliveryman.jpg);
    height: 45vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 46%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1200px) {
    .return-shit {
        height: 40vh;
    }
}
.return-shit__content {
    text-align: center;
}
.return-shit__bigtitle,
.return-shit__smallbigtitle {
    color: #fff;
    font-size: 6rem;
    padding: 1rem 2rem;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}
.howworks-ibigtitle {
    font-size: 5rem;
    max-width: 900px;
    
}
@media only screen and (max-width: 1200px) {
    .return-shit__bigtitle,
    .return-shit__smallbigtitle {
        font-size: 4rem !important;
    }
}
@media only screen and (max-width: 700px) {
    .return-shit__bigtitle,
    .return-shit__smallbigtitle {
        font-size: 3rem !important;
    }
}
@media only screen and (max-width: 600px) {
    .return-shit__bigtitle,
    .return-shit__smallbigtitle {
        font-size: 2.5rem !important;
    }
}
.return-shit__smallbigtitle {
    font-size: 3.8rem;
    max-width: 800px;
    margin: 0 auto;
}
.return-shit__smalltitle {
    max-width: 600px;
    margin: 0 auto;
    font-size: 2.5rem;
    color: #fff;
    font-weight: 500;
}
@media only screen and (max-width: 1200px) {
    .return-shit__smalltitle {
        font-size: 2.2rem;
    }
}
@media only screen and (max-width: 700px) {
    .return-shit__smalltitle {
        font-size: 2rem;
        padding: 2rem;
        padding-top: 0;
    }
}
@media only screen and (max-width: 600px) {
    .return-shit__smalltitle {
        font-size: 1.8rem;
    }
}
.return-shit__smallsmalltitle {
    font-size: 2rem;
}
.return-box {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    margin-top: 2rem;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4rem;
}
@media only screen and (max-width: 600px) {
    .return-box {
        display: block;
    }
}
.return-boxes {
    padding: 2rem 1rem;
    background: #fff;
    font-size: 1.5rem;
}
@media only screen and (max-width: 600px) {
    .return-boxes:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}
.return-icon {
    display: inline-block;
    border: 3px solid var(--firstcolor);
    border-radius: 50%;
    padding: 1.7rem 2rem;
    font-size: 5rem;
}
.return-icon2 {
    border: none;
    font-size: 6rem;
    font-weight: 300;
}
.return-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 1rem;
    font-family: Montserrat, sans-serif;
}
.return-desc {
    margin-top: 1rem;
}
.return-link {
    display: block;
    text-transform: uppercase;
    margin-top: 1rem;
    font-size: 1.8rem;
    color: var(--firstcolor);
    font-weight: 300;
}
@media only screen and (max-width: 800px) {
    .return-link {
        font-size: 1.6rem;
    }
}
.return-link i {
    font-size: 1.6rem;
}
.return-link:hover {
    font-weight: 500;
}
.delivery-werow {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.delivery-shit {
    background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/shippingman.jpg);
    height: 45vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 56%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1200px) {
    .delivery-shit {
        height: 40vh;
    }
}
.delivery-button {
    font-size: 1.6rem;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #cfcdcd;
    box-shadow: 0 1rem 2rem #a09e9e;
    padding: 1.5rem 2rem;
    border-radius: 5px;
    display: inline-block;
    color: #333;
    cursor: pointer;
}
@media only screen and (max-width: 800px) {
    .delivery-button {
        padding: 1rem 1.5rem;
    }
}
@media only screen and (max-width: 370px) {
    .delivery-button {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 350px) {
    .delivery-button {
        font-size: 1.6rem;
    }
}
.delivery-button:hover {
    background: var(--firstcolor);
    color: #fff;
    border: 1px solid #fff;
}
.delivery-button:not(:last-child) {
    margin-right: 2rem;
}
.delivery-buttonact {
    background: var(--firstcolor);
    color: #fff;
    border: 2px solid #fff;
}
.reviews-shit {
    background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/reviews-shii.jpg);
    height: 45vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 56%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1200px) {
    .reviews-shit {
        height: 40vh;
        background-position: 65% 56%;
    }
}
.howworks-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 7rem;
}
@media only screen and (max-width: 600px) {
  .howworks-grid {
    max-width: 40rem;
    grid-template-columns: 1fr;
    row-gap: 6rem;
  }
}
.howworks-shit {
    background-color: #f63;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpolygon fill='%23000' fill-opacity='.1' points='120 0 120 60 90 30 60 0 0 0 0 0 60 60 0 120 60 120 90 90 120 60 120 0'/%3E%3C/svg%3E");
    height: 30rem;
    position: relative;
    z-index: 1;
}
.howworks-ishit {
  height: 40rem;
}
@media only screen and (max-width: 1200px) {
    .howworks-shit {
        height: 20rem;
    }
    .howworks-ishit {
      height: 35rem;
    }
}
.howworks-shitbg {
    background: linear-gradient(rgba(48, 139, 207, 0.6), rgba(128, 0, 128, 0.7)), url(/newpicsible/howitworks.jpg);
}
.howworks-img {
    height: 250px;
    filter: blur(1px) brightness(59%);
    width: 250px;
    object-fit: cover;
    cursor: zoom-in;
}
.howworks-img:hover {
    filter: blur(1px) brightness(79%);
}
.howworks-inimg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 0 1%;
  z-index: 10;
}
.howworks-iopac {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 11;
}
.howworks-icontent {
  position: absolute;
  z-index: 13;
}
.howworks-makebig {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.faqss-shit {
    background-color: #d92507;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpolygon fill='%23FF6633' points='120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 '/%3E%3C/svg%3E");
    height: 30rem;
}
@media only screen and (max-width: 1200px) {
    .faqss-shit {
        height: 20rem;
    }
}
.contactss-shit {
    background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(img/emptyframe.jpg);
    height: 50vh;
    background-position: 0 56%;
}
@media only screen and (max-width: 1200px) {
    .contactss-shit {
        height: 40vh;
        background-position: 60% 45%;
    }
}
.careers-shit {
    background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/careers.jpg);
    height: 50vh;
    background-position: 0 20%;
    background-size: cover;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 1200px) {
    .careers-shit {
        height: 40vh;
    }
}
.request-select {
    font-size: 1.5rem;
    padding: 1rem 2rem;
    padding-left: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    width: 100%;
    font-weight: 700;
    cursor: pointer;
}
.request-select:hover {
    border: 1px solid rgba(51, 51, 51, 0.6);
    background: #fcfcfc;
}
.request-select:focus {
    box-shadow: 0 1rem 2rem rgba(126, 74, 138, 0.3);
    outline: 0;
    border: 1px solid #000;
}
.request-input {
    font-size: 1.5rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    border-radius: 3px;
    margin-bottom: 1.4rem;
}
.request-input:focus {
    box-shadow: 0 1rem 2rem rgba(126, 74, 138, 0.3);
    outline: 0;
    border: 1px solid #000;
}
.request-input:hover {
    border: 1px solid rgba(51, 51, 51, 0.6);
    background: #fcfcfc;
}
.request-input::placeholder {
    font-size: 1.4rem;
}
.request-inputdesc {
    height: 100px;
}
.request-selecting {
    cursor: pointer;
}
.request-selecting select {
    background: #f9f9f9;
    padding: 1rem;
    cursor: pointer;
}
.request-minibox {
    background: rgba(216, 222, 233, 0.4);
    color: #000;
    font-size: 1.6rem;
    padding: 1rem;
}
@media only screen and (max-width: 600px) {
    .request-minibox {
        font-size: 1.5rem;
    }
}
.request-title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.request-sent__icon {
    color: green;
    font-size: 5rem;
    border: 1px solid green;
    display: inline-block;
    padding: 2rem 1.5rem;
    margin-top: 2rem;
    border-radius: 50%;
}
.request-sent__title {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1rem;
}
.request-sent__newtitle {
    padding: 2rem 1.5rem;
    background: #e6e4e4;
    color: #000;
    font-size: 1.7rem;
    text-transform: uppercase;
    margin-top: 2rem;
}
.request-sent__msg {
    font-size: 1.5rem;
    margin-bottom: 4rem;
}
.request-sent__subtitle {
    padding: 1rem 1.5rem;
    background: #fff;
    color: #000;
    font-size: 1.5rem;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 2rem #dad8d8;
}
.request-sent__subtitle:hover {
    background: #f4f4f4;
}
.my1000-shit {
    background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(img/accomp.jpg);
    height: 50vh;
    background-position: 0 66%;
}
@media only screen and (max-width: 1200px) {
    .my1000-shit {
        height: 40vh;
        background-position: 70% 75%;
    }
}
.my1000-nowtitle {
    font-size: 1.6rem;
    max-width: 600px;
    margin: 0 auto;
}
.my1000__smalltitle {
    font-family: Lato, sans-serif;
    font-weight: 300;
}
.my1000__subimg {
    width: 20rem;
}
.my1000__subtitle {
    font-size: 1.4rem;
    color: #fff;
    margin-top: 1rem;
}
.my1000__sublinks a {
    display: inline-block;
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.4rem;
    color: #333;
    text-transform: uppercase;
    padding: 0.5rem 0.7rem;
    margin: 0.4rem;
}
.my1000__sublinks a:hover {
    background: #f1f1f1;
    border: 1px solid #c5c5c5;
}
.my1000__currbg {
    background: linear-gradient(rgba(0, 0, 0, 0.6), #d409d4), url(/newpicsible/my1000curr.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.my1000__blackbg {
    background: #333;
}
.my1000__orangebg {
    background: #f18405;
}
.my1000__nowbigpad {
    padding: 5rem 1rem;
}
.my1000__final {
    max-width: 800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    font-size: 1.4rem;
    padding: 5rem 1rem;
}
.my1000__final1 {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    font-size: 3rem;
    color: #000;
    font-weight: 700;
}
.my1000__final2 {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.my1000__final2 ul {
    list-style: none;
}
.my1000__final2 ul li {
    display: block;
}
.my1000__final2 ul li a {
    display: inline-block;
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #333;
    text-transform: uppercase;
    padding: 1rem;
}
.my1000__final2 ul li a:hover {
    background: #f1f1f1;
    border: 1px solid #c5c5c5;
}
.my1000__final2 ul li:not(:last-child) {
    margin-bottom: 1rem;
}
.frameslist {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    margin-top: 4rem;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    row-gap: 2.5rem;
    column-gap: 2.5rem;
    padding: 1rem;
    text-align: center;
}
.frameslist-box {
    background: #fff;
    padding: 1rem;
}
.frameslist-group {
    padding: 4rem 1rem;
}
.frameslist-boxes {
    background: #f4f4f4;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    padding: 1rem;
}
@media only screen and (max-width: 600px) {
    .frameslist2 {
        margin-top: 1rem;
    }
}
.gallery {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    margin-top: 4rem;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    row-gap: 3rem;
    column-gap: 3rem;
    padding: 1rem 2rem;
    text-align: center;
    color: #000;
}
.gallery-box {
    width: 100%;
}
.gallery-desc {
    padding: 1rem;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 600;
}
.gallery-img {
    height: 20rem;
    width: 25rem;
    border-radius: 3px;
    max-width: 100%;
    object-fit: cover;
}
.gallery-frameimg {
    width: 30rem;
    height: 30rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
}
.puncture2-svg svg path {
    fill: rgba(212, 9, 212, 0.9);
}
.puncture2-svg svg {
    background: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
}
.giftshop-shit {
    background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(img/dog-holiday.jpg);
    height: 50vh;
    background-position: 0 66%;
}
@media only screen and (max-width: 1200px) {
    .giftshop-shit {
        height: 40vh;
        background-position: 70% 75%;
    }
}
.giftshop-fortwo {
    display: grid;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
    column-gap: 2rem;
}
.giftshop-fortwo__img {
    height: 30rem;
}
.giftshop-fortwo__second {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.giftshop-fortwo__second-title {
    font-weight: 700;
    font-size: 2.5rem;
    font-family: Montserrat, sans-serif;
}
.giftshop-fortwo__second-link {
    display: inline-block;
    color: #fff;
    background: linear-gradient(to right, var(--firstcolor), #5d427e);
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 1.3rem 2rem;
    border-radius: 20px;
    margin-top: 1rem;
}
.giftshop-fortwo__second-msg {
    font-size: 1.5rem;
    margin-top: 1rem;
}
.refer-shit {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(img/extra.jpg);
    height: auto;
    padding: 1rem;
}
.refer-shit__box {
    width: 600px;
    max-width: 100%;
    height: auto;
    background: #fff;
    padding: 4rem 1rem;
}
.refer-shit__box-title {
    color: #000;
    font-size: 3rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-align: center;
}
.refer-shit__box-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
    margin-top: 2.5rem;
}
@media only screen and (max-width: 400px) {
    .refer-shit__box-section {
        column-gap: 1rem;
    }
}
.refer-shit__box-subtitles {
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
}
.refer-shit__box-text {
    min-height: 10rem;
}
.refer-shit__box-button {
    font-size: 1.5rem;
    background: var(--firstcolor);
    color: #fff;
    padding: 1rem 1.3rem;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
}
.refer-shit__box-button:hover {
    background: #5f3868;
}
.refer-shit__box-button:focus {
    outline: 0;
}
.refer-shit__box-input {
    padding: 1rem;
    font-size: 1.5rem;
    border-radius: 3px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.refer-shit__tab {
    font-size: 1.5rem;
    font-weight: 400;
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    text-transform: uppercase;
    padding: 0.7rem 1.5rem;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    color: #333;
}
.refer-shit__tab:hover {
    background: #f1f0f0;
    color: #333;
}
.refer-shit__tab-active {
    background: #5d427e;
    border: 1px solid #fff;
    color: #fff;
}
.refer-shit__tab-active:hover {
    color: #fff;
    background: #5f3868;
}
.thelistnum {
    background: linear-gradient(var(--firstcolor), #5d427e);
    padding: 1rem 1.5rem;
    border-radius: 50%;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    font-size: 1.6rem;
    color: #fff;
}
.otherbages-bg {
    position: relative;
    height: 85vh;
}
@media only screen and (max-width: 700px) {
    .otherbages-bg {
        height: 500px;
    }
}
.otherbages-bg__button {
    background: linear-gradient(orange, #ff7b00);
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    padding: 1.5rem 4.5rem;
    margin-top: 2rem;
}
.otherbages-bg__button i {
    font-size: 1.6rem;
}
.otherbages-bg__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 37% 10%;
}
.otherbages-bg__opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
}
.otherbages-bg__first {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.otherbages-bg__first-title {
    font-size: 7rem;
    font-weight: 800;
    line-height: 1.2;
}
@media only screen and (max-width: 800px) {
    .otherbages-bg__first-title {
        font-size: 4.3rem;
    }
}
.otherbages-bg__first-subtitle {
    font-size: 2rem;
    margin-top: 2rem;
    line-height: 1.3;
}
.otherbages-bg__row {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: 3rem;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 2rem;
}
@media only screen and (max-width: 800px) {
    .otherbages-bg__row {
        grid-template-columns: 1fr;
        row-gap: 3rem;
    }
}
.btn1,
.btn1:link,
.btn1:visited {
    display: inline-block;
    background: linear-gradient(var(--firstcolor), #5d427e);
    color: #fff;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    margin-top: 3rem;
    text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
    .btn1,
    .btn1:link,
    .btn1:visited {
        margin-top: 2rem;
    }
}
.btn1:hover {
    background: var(--firstcolor);
}
.btn1-white,
.btn1-white:link,
.btn1-white:visited {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.9);
}
.subbtn1 {
    background: #00f !important;
}
.subbtn1:hover {
    background: rgba(0, 0, 255, 0.7) !important;
}
.section4-icons {
    background: linear-gradient(var(--firstcolor), #4a5a8e);
    color: transparent;
    font-size: 4rem;
    background-clip: text;
    -webkit-background-clip: text;
}
.forsect-icons {
    position: relative;
    margin-bottom: 1rem;
}
@media only screen and (max-width: 600px) {
    .forsect-icons {
        margin-bottom: 1rem;
    }
}
.forsect-icons__num {
    font-size: 2.5rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.7);
    display: inline-block;
    padding: 0.5rem 1.6rem;
}
.forsect1 {
    position: absolute;
}
@media only screen and (max-width: 600px) {
    .forsect1 {
        position: unset;
    }
}
.forsect2 {
    position: absolute;
    top: -1;
    background: linear-gradient(var(--firstcolor), #4a5a8e);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: leftRight 1s infinite;
}
@media only screen and (max-width: 600px) {
    .forsect2 {
        display: none;
    }
}
.thisother {
    height: 100vh;
    min-height: 60rem;
    display: grid;
    grid-template-columns: 50% 1fr;
}
@media only screen and (max-width: 1200px) {
    .thisother {
        height: auto;
        min-height: 60rem;
        grid-template-columns: 1fr;
    }
    .thisother-marginformobile {
        margin-top: 8rem !important;
    }
}
.thisother-img {
    position: absolute;
    height: 100%;
    display: inline-block;
    width: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 1200px) {
    .thisother-img {
        position: unset;
    }
    .thisother-forsmall {
        display: none;
    }
}
.thisother-header {
    position: absolute;
    top: 0;
    z-index: 20;
    padding: 2rem 6rem;
    padding-top: 4rem;
}
@media only screen and (max-width: 1200px) {
    .thisother-header {
        padding: 2rem;
    }
}
.thisother-logo {
    height: 5rem;
}
.thisother-1 {
    height: 100%;
    background: #000;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 6rem;
}
@media only screen and (max-width: 1200px) {
    .thisother-1 {
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/smilinglady.jpg);
        padding: 2rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 35% 0;
    }
}
.thisother-1__title {
    color: #fff;
    font-size: 7rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
}
@media only screen and (max-width: 1200px) {
    .thisother-1__title {
        font-size: 5rem;
    }
}
.thisother-1__subtitle {
    color: #fff;
    margin-top: 1.7rem;
    font-size: 2.3rem;
    text-align: center;
}
.thistitle-dot::after,
.thistitle-dot::before {
    content: "";
    display: inline-block;
    height: 0.3rem;
    width: 10%;
    background: var(--firstcolor);
    transform: translateY(-0.5rem);
}
.thistitle-dot::after {
    margin-left: 1rem;
}
.thistitle-dot::before {
    margin-right: 1rem;
}
.thistitle-dotmain {
    height: 1.5rem;
    width: 1.5rem;
    background: var(--firstcolor);
    border-radius: 50%;
}
.thistitle-group {
    text-align: center;
    max-width: 70rem;
    margin: 0 auto;
    margin-top: 2rem;
}
.thistitle-title {
    font-size: 3.5rem;
    font-weight: 600;
    text-align: center;
}
.thistitle-desc {
    font-size: 2rem;
    font-weight: 400;
    margin-top: 1rem;
}
.thepatch-body {
  background: #fff;
  max-width: 700px;
  margin: 0 auto;
  padding: 6rem 2rem;
  border-radius: 10px;
  position: relative;
}
.thepatch-body:before, .allourpatch:before {
  content: "\201C";
  font-family: "Oswald", sans-serif;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 16%;
  transform: translate(-50%, -50%);
  font-size: 20rem;
  color: #307bcf; 
}
.allourpatch:before {
  color: #777;
  top: 50%;
  opacity: 0.15;
}
.thispunch-tworow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.5rem;
}
.thispunch-tworow1,
.thispunch-tworow2 {
    background: var(--firstcolor);
    border-radius: 10px;
    height: 0.5rem;
}
.thispunch-tworow2 {
    background: #e2e2e2;
}
.thistitle-threerow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 8rem;
    margin-top: 8rem;
}
@media only screen and (max-width: 1200px) {
    .thistitle-threerow {
        grid-template-columns: 1fr;
        max-width: 40rem;
        row-gap: 6rem;
        margin: 0 auto;
        margin-top: 8rem;
    }
}
.thistitle-threerow__title {
    font-size: 2.5rem;
    font-weight: 600;
}
.thistitle-threerow__desc {
    margin-top: 1.5rem;
    font-size: 1.8rem;
}
.thistitle-threerow__img {
    height: 10rem;
}
.thistitle-threerow__img__latest {
  width: 100%;
  height: 23rem;
  object-fit: cover;
  object-position: 0 1rem;
}
.thispad-latest {
  padding: 2rem;
  padding-top: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
}

.thissecond-row2__check {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
}

.thissecond-row,
.thissecond-row2 {
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: 5rem;
}
@media only screen and (max-width: 600px) {
    .thissecond-row2 {
        padding: 0 1rem;
    }
}
.thissecond-row2 {
    grid-template-columns: 45% 1fr;
}
@media only screen and (max-width: 1200px) {
    .thissecond-row,
    .thissecond-row2 {
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }
}
@media only screen and (max-width: 1200px) {
    .thissecond-row2mobile {
        margin-top: -6rem;
    }
}
.thissecond-row__quoteimg {
    height: 8rem;
}
.thistitle-tworow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    row-gap: 4rem;
}
@media only screen and (max-width: 700px) {
    .thistitle-tworow {
        grid-template-columns: 1fr;
    }
}
.thissecond-row__img,
.thissecond-row__img2 {
    height: 45rem;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
@media only screen and (max-width: 600px) {
    .thissecond-row__img {
        height: 30rem;
        max-width: 100%;
        width: auto;
    }
}
.thissecond-row__img2 {
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
@media only screen and (max-width: 600px) {
    .thissecond-row__img2 {
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
.thissecond-row__img3 {
    height: 40rem;
  }
}
.thissecond-row__img3 {
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.thissecond-row__title {
    font-size: 4rem;
    color: #000;
    font-weight: 600;
}
.thissecond-row__desc,
.thissecond-row__desc2 {
    font-size: 1.8rem;
    margin-top: 2rem;
    /*text-align: justify;*/
}
.thissecond-row__desc p {
    padding: 1.3rem 0;
}
.thissecond-row__desc2 {
    font-size: 3rem;
}
.thissecond-row__auth {
    font-weight: 600;
    font-size: 2rem;
    margin-top: 1rem;
}
.thistitle-secondrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
}
@media only screen and (max-width: 1200px) {
    .thistitle-secondrow {
        grid-template-columns: 1fr;
        row-gap: 1.5rem;
    }
}
.board-3steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 2rem;
    text-align: center;
    column-gap: 3rem;
}
.board-3steps1 {
    padding-bottom: 1rem;
    border-bottom: 8px solid var(--firstcolor);
    border-radius: 10px;
}
.board-3steps__active {
    font-weight: 600;
    color: var(--firstcolor);
}
.board-3steps2 {
    border-bottom: 8px solid #e1e1e1;
    color: #777;
    font-weight: 300;
}
.asset-box {
    background: #f8ebe7;
    display: inline-block;
    padding: 1.5rem 2.5rem;
    border-radius: 25px;
    cursor: pointer;
    font-size: 1.4rem;
    border: 1px solid #f9dcd3;
}
.asset-box:hover {
    background: #f9dcd3;
}
.asset-box__active {
    background: #f9d7cd;
}
.board-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    margin-top: 4rem;
}
.board-box1 {
    display: block;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    text-align: center;
    padding: 2rem;
}
.board-box1:hover {
    background: #f4f4f4;
}
.board-boximg {
    height: 6rem;
}
.board-boxtitle {
    margin-top: 1rem;
    font-weight: 600;
    font-size: 2rem;
    color: #000;
}
.board-title {
    padding: 2rem;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(rgba(255, 102, 51, 0.15), #fff);
    color: #000;
    font-weight: 500;
    font-size: 2.5rem;
}
.board-desc {
    padding: 2rem;
    background: #ff0;
}
.board-desc__link {
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 0.6rem 1rem;
    color: #000;
    margin-left: 0.5rem;
}
.board-besideimg {
    height: 2.5rem;
    transform: translateY(0.4rem);
    display: inline-block;
}
.board-above {
    font-size: 2.5rem;
    margin-top: 3rem;
    padding: 1rem;
    margin-bottom: 6rem;
}
.board-linkup {
    background: #ececed;
    padding: 0.2rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.board-minimize {
    padding: 1.5rem 2rem;
    font-size: 2rem;
    font-weight: 500;
    cursor: pointer;
}
.board-minimize__done {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.board-minimize:hover {
    background: #e5e5e6;
}
.board-minimizesmall {
    font-size: 1.2rem;
    color: #777;
}
.board-minimizei {
    display: inline-block;
    vertical-align: middle;
    transform: translateY(0.6rem);
}
.uprow {
    list-style: none;
    margin-top: 6rem;
}
.uprow li {
    display: inline-block;
    font-size: 1.4rem;
}
.uprow li i {
    font-size: 60%;
    color: #777;
}
.uprow li:not(:last-child) {
    margin-right: 0.5rem;
}
.uprow li a,
.uprow li a i {
    color: #333;
}
.uprow li:last-child {
    color: #000;
    font-weight: 600;
}
.create-box,
.create-box2 {
    background: #fff;
    padding: 2rem;
}
.create-box2:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.create-box:not(:last-child) {
    margin-bottom: 0.6rem;
}
.create-title {
    font-weight: 500;
    font-size: 2rem;
}
.create-subdesc {
    color: #777;
    font-size: 1.5rem;
    margin-top: 0.2rem;
    margin-bottom: 1rem;
}
.create-input,
.create-input2,
.create-textarea {
    width: 50rem;
    max-width: 100%;
    padding: 2rem;
    margin-top: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.create-input2 {
    padding: 1.5rem;
}
.create-input:focus,
.create-inputsmall:focus,
.create-textarea:focus {
    outline: 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.create-inputwidth {
    width: 50rem;
    max-width: 100%;
}
.create-minusicon,
.create-plusicon {
    display: inline-block;
    padding: 1rem;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    background: #fff;
    position: relative;
    z-index: 15;
    height: 5rem;
    display: inline-flex;
    width: 4.5rem;
    justify-content: center;
    align-items: center;
}
.create-minusicon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}
.create-minusicon:hover,
.create-plusicon:hover {
    background: #f1f1f1;
}
.create-inputplus {
    width: 8rem;
    display: inline-block;
    padding: 0 1rem;
    height: 5rem;
    margin-left: -0.5rem;
    margin-right: -2.8rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(-0.25rem);
}
.create-inputplus:focus {
    outline: 0;
}
@media only screen and (max-width: 600px) {
    .create-inputplus {
        transform: translateY(-0.2rem);
    }
}
.create-textarea {
    height: 20rem;
}
.create-button,
.create-buttonfull {
    background: var(--firstcolor);
    display: inline-block;
    padding: 1.5rem 3.5rem;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 1.7rem;
    cursor: pointer;
}
.create-buttonfull {
    width: 100%;
    background: linear-gradient(to right bottom, orange, var(--firstcolor), var(--firstcolor-hover));
}
.create-button:hover {
    background: var(--firstcolor-hover);
}
.create-inputsmall {
    width: 20rem;
}
.create-selectgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 30rem;
    max-width: 100%;
    column-gap: 3rem;
    align-items: center;
}
.create-selectsub {
    display: inline-block;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.create-selectsub:hover {
    background: #f9f9f9;
}
.create-selectsub:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.create-choosebox {
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 1rem 2rem;
    background: #f4f4f4;
    margin-top: 1rem;
    cursor: pointer;
}
.create-choosebox:hover {
    background: #eee;
}
.create-chooseboxthick {
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.create-semichoose {
    display: flex;
    padding: 2.5rem 2rem;
    cursor: pointer;
}
.create-semichoose:hover {
    background: #fbf5f4;
}
.create-semichoose__active {
    background: #f6f0ef;
}
.create-semichoose:first-child {
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.create-semichoose__2nd {
    margin-left: 2rem;
}
.create-semichoose__icon {
    font-size: 3rem;
    display: inline-block;
    transform: translateY(0.45rem);
}
.create-timeframe {
    width: 4.5rem;
    height: 3rem;
    padding: 0.3rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.create-timeframesel {
    height: 3rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0.3rem;
    border-radius: 4px;
}
.create-jumpsel {
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.create-therecur {
    background: #eee;
    color: #000;
    padding: 1rem;
    margin-top: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 1.3rem;
    text-align: center;
}
.compbg-block,
.menubg-block {
    background: #fff;
    width: 50rem;
    max-width: 94%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
}
.changebg-close,
.closemodal,
.compbg-close,
.discountbg-close {
    position: fixed;
    right: -3%;
    z-index: 20;
    top: -4%;
    border-radius: 50%;
    background: red;
    color: #fff;
    cursor: pointer;
    padding: 0.9rem 1rem;
}
.compbg-maxbody,
.discountbg-maxbody,
.menubg-maxbody {
    height: 100%;
    overflow-y: auto;
}
.compbg-other,
.discountbg-other,
.menubg-other {
    max-height: 80vh;
    overflow: auto;
    padding-bottom: 2rem;
}
.boxcont {
    padding: 2rem;
    background: #fff;
    border-top: none;
}
.boxcont:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nextgen-boxcont {
    max-width: 35rem;
    margin: 0 auto;
}
.boxcont-sidedesc {
    color: #000;
    background: #ececed;
    padding: 1rem;
    border-radius: 5px;
}
.boxcont2 {
    padding: 3rem 2rem;
}
.boxcont2:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.boxcont:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.boxcont-thisbox {
    display: flex;
}
.boxcont-thisboxcon {
    background: #f4f4f4;
    display: inline-block;
    padding: 1.5rem;
    color: #333;
    font-size: 1.7rem;
    border-radius: 50%;
}
.boxcont-title {
    font-weight: 400;
    font-size: 2rem;
    color: #000;
}
.boxcont-thisdesc {
    font-size: 1.7rem;
    color: #000;
    line-height: 1.5;
}
.boxcont-thisdesc a {
    color: #000;
}
.boxcont-title a {
    color: #000;
}
.boxcont-title a:hover {
    font-weight: 500;
}
.boxcont-button {
    background: var(--firstcolor);
    color: #fff;
    display: inline-block;
    padding: 0.8rem 1.5rem;
    margin-top: 1.5rem;
    border-radius: 5px;
}
.boxcont-button:hover {
    background: var(--firstcolor-hover);
}
.boxcont-i {
    color: #777;
}
.boxcont-i i {
    font-size: 85%;
    color: #777;
}
.boxcont-thisrow {
    max-height: 40vh;
    overflow: auto;
}
.boxcont-thisrow50vh {
    max-height: 50vh;
    overflow: auto;
}
.boxcont--thisrow60vh {
    max-height: 60vh;
    overflow: auto;
}
.boxcont-thisrow60vh {
    max-height: 70vh;
    overflow: auto;
}
.mobveryside-fixed {
    background: #f9f9f9;
    margin-top: 3rem;
    display: none;
}
.mobveryside-fixedbody {
    max-width: 350px;
    margin: 0 auto;
}
.veryside-fixed {
    position: fixed;
    right: 10%;
    top: 20%;
    width: 30rem;
}
@media only screen and (max-width: 1300px) {
    .veryside-fixed {
        right: 4%;
    }
}
@media only screen and (max-width: 1150px) {
    .veryside-fixed {
        display: none;
    }
    .mobveryside-fixed {
        display: block;
    }
}
.veryside-fixed__title {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    background: #ececed;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 2rem;
    font-weight: 500;
    padding: 1.5rem;
    padding-bottom: 1rem;
}
.veryside-fixed .create-subdesc {
    font-size: 1.3rem;
}
.veryside-fixed__body {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.veryside-fixed__pad {
    display: flex;
    align-items: center;
}
.veryside-fixed__vbold {
    font-weight: 500;
    font-size: 1.7rem;
}
.veryside-fixed__comp {
    padding: 0.5rem 1rem;
    background: #f5f5f5;
}
.veryside-fixed__button,
.veryside-fixed__newbutton {
    background: var(--firstcolor);
    color: #fff;
    font-size: 1.4rem;
    display: inline-flex;
    padding: 1.8rem 1.3rem;
    border-radius: 25px;
    justify-content: center;
    width: 23rem;
    align-items: center;
    text-align: center;
}
.veryside-fixed__newbutton {
    display: inline-block;
    padding: 1.5rem 2rem;
    border-radius: 20px;
    width: 17rem;
}
.nextphase {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.6' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFE5C8'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFE5C8'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFE5C8'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-size: cover;
    padding: 6rem 2rem;
}
.nextphase-title {
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
}
.nextphase-desc {
    font-size: 2rem;
}
.invshare4 {
    background: var(--firstcolor);
    padding: 2rem;
    border-radius: 5px;
}
.invshare4-title {
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 1.5rem;
}
.invshare4-desc {
    margin-top: 1.5rem;
    color: #fff;
    font-size: 1.6rem;
}
.invshare4-flex {
    display: flex;
    margin-top: 1.4rem;
}
.invshare4-flex1 {
    padding: 1.5rem 2rem;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
}
.invshare4-flex2 {
    background: var(--firstcolor);
    padding: 1.5rem 2rem;
    color: #fff;
    font-size: 1.8rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.invshare4-flex2:hover {
    background: var(--firstcolor-hover);
}
.boxevang {
    display: grid;
    grid-template-columns: 30% 1fr;
    column-gap: 5rem;
}
@media only screen and (max-width: 700px) {
    .boxevang {
        display: block;
    }
    .boxevang-mob2 {
        margin-top: 3rem;
    }
}
.boxevang1 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 5px;
    padding: 2rem;
    padding-top: 8rem;
}
.boxevang1-title {
    font-size: 1.8rem;
}
.toggleready {
    user-select: none;
}
.boxevang1-onl {
    font-size: 1.3rem;
    position: absolute;
    right: 5%;
    top: 5%;
}
.boxevang1-rate {
    display: grid;
    grid-template-columns: 50% 45%;
    column-gap: 5%;
    margin-top: 4rem;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 1rem;
    text-align: center;
}
.boxevang1-rate2 {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.boxevang1-circ {
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
}
.boxevang1-next {
    margin-top: 3rem !important;
    padding: 1rem 0;
}
.thetoggleclass {
    height: 4rem;
    width: 4rem;
}
.missionmain-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
}
@media only screen and (max-width: 1200px) {
    .missionmain-row {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 600px) {
    .missionmain-row {
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
}
.boxcont1 {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3rem 2rem;
}
.boxcont1-joinwidth {
    max-width: 30rem;
    margin: 0 auto;
}
.justapprove {
    display: inline-flex;
    width: 20rem;
    background: #00f;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 1.5rem;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
}
.feedback-miss {
    background: #f4f4f4;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.viewasset-box {
    padding: 2.5rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
}
.viewasset-box__img {
    width: 25rem;
    border-radius: 5px;
    object-fit: contain;
    max-width: 100%;
}
.viewasset-box__link {
    background: #f9f9f9;
    padding: 1rem 1.4rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.showmiss-thenewpic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f63;
    font-size: 1.8rem;
}
.showmiss-thenewblur {
    filter: blur(1px);
}
.thecirclepic,
.thecirclepic2 {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2rem;
    transform: translate(-50%, -60%);
}
.thecirclepic2 {
    height: 1.5rem;
}
.showmiss-inputapply {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 1.5rem 1rem;
    border-radius: 5px;
}
.showmiss-submitapply {
    background: #333;
    color: #fff;
    padding: 1.61rem 2rem;
    border: none;
    margin-left: -1.2rem;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.showmiss-submitapply:hover {
    background: #111;
}
.bluritall {
    /*background: rgba(255, 255, 255, 0.9);*/
    background: #fff;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100000;
}
.bluritall-body {
    position: absolute;
    /*height: 100%;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.showmiss-approve {
    color: green;
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 0.6rem;
}
.showmiss-box__underline {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.showmiss-title {
    font-size: 3rem;
    margin-top: 2rem;
    font-weight: 600;
}
.showmiss-box {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}
.showmiss-boxtitle {
    font-size: 1.7rem;
}
.showmiss-boxeach:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.showmiss-boxeach {
    padding: 2rem 0;
}
.showmiss-boxeach2 {
    padding: 1rem 0;
}
.showmiss-boxeach2:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.showmiss-picbox {
    transform: translateY(0.5rem);
}
.showmiss-checkbox {
    transform: translateY(0.45rem);
    margin-right: 3.5rem;
}
.showmiss-checkboxwrap input:checked {
    background-color: green;
}
.showmiss-checkit {
    position: relative;
    margin-right: 1.5rem;
}
.showmiss-checkit input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #e1e1e1;
    border-radius: 0.4rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.showmiss-checkit:hover input ~ .checkmark {
    background-color: #ccc;
}
.showmiss-checkit input:checked ~ .checkmark {
    background-color: #09bc09;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.showmiss-checkit input:checked ~ .checkmark:after {
    display: block;
}
.showmiss-checkit .checkmark:after {
    left: 37%;
    top: 14%;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(49deg);
}
.showmiss-mainbox {
    display: flex;
}
.showmiss-mainbox__side {
    margin-left: 1rem;
}
.showmiss-button {
    background: var(--firstcolor);
    display: inline-block;
    padding: 1.7rem 3.5rem;
    border: none;
    font-size: 1.7rem;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    width: 100%;
}
.showmiss-button:hover {
    background: var(--firstcolor-hover);
}
.showmiss-rightusername {
    height: 2.4rem;
    width: 2.3rem;
    font-size: 1.2rem;
}
.showmiss-playgroup {
    margin-top: 1rem;
}
.showmiss-playbuttoncss {
    background: #ececed;
    border-radius: 7px;
    padding: 0.7rem 1.5rem;
    display: inline-block;
    font-size: 1.4rem;
    color: #000;
    cursor: pointer;
    user-select: none;
}
.showmiss-playbuttoncss:hover {
    background: #dedee2;
}
.showmiss-playbuttonmain {
    padding: 1.3rem 2rem;
    background: #d6d6d7;
}
.showmiss-newbody {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 13rem;
    width: 11rem;
    background: #f3f3f4;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    padding: 1rem;
}
.showmiss-newbody2 {
    height: 14.5rem;
}
.showpush-button {
    display: inline-block;
    padding: 2rem 3rem;
    background: #f63;
    color: #fff;
    font-size: 1.8rem;
    border-radius: 30px;
    width: 35rem;
    max-width: 100%;
}
.showmiss-newicon {
    font-size: 4rem;
}
.showmiss-newtop {
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
    margin-top: 2rem;
    font-size: 1.1rem;
}
.showmiss-newtop3 {
    background: #333;
    color: #fff;
}
.showmiss-add,
.showmiss-add2 {
    border: 2px dotted orange;
    padding: 1rem 2rem;
    cursor: pointer;
    background: #fff;
    height: 12.9rem;
}
.showmiss-add2 {
    display: inline-block;
    height: auto;
    border-radius: 8px;
}
.showmiss-add2:hover,
.showmiss-add:hover {
    background: #f9f9f9;
}
.showplay-all {
    max-width: 100%;
}
.showplay-allvid {
    height: 35rem;
    width: 100%;
    max-width: 100%;
}
.showplay-allvid2 {
    height: 35rem;
    width: 35rem;
    max-width: 100%;
}
.showplay-allpic {
    height: 40rem;
    max-width: 100%;
    object-fit: contain;
}
.showplay-allpdf {
    background: var(--firstcolor);
    padding: 1.7rem 4rem;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
}
.showplay-allpdf:hover {
    background: var(--firstcolor-hover);
}
.showallinstr {
    white-space: pre-wrap;
}
.gotit-button {
    background: linear-gradient(#00a400, green);
    color: #fff;
    display: inline-block;
    padding: 1rem 2.5rem;
    border-radius: 5px;
}
.othergot {
    padding: 2rem 3.5rem;
    cursor: pointer;
}
.othergot2 {
    margin-left: 2rem;
}
@media only screen and (max-width: 700px) {
    .othergot2 {
        margin-left: 0;
    }
}
.istuff {
    color: green;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 2rem;
    border-radius: 50%;
    font-size: 2rem;
}
.turns-title {
    background: #000;
    color: #fff;
    padding: 3rem 2rem;
    font-size: 4rem;
    text-align: center;
    width: 100%;
}
.turns-img {
    height: 20rem;
    width: 19.5rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.turns-line {
    padding: 2.3rem 0;
    color: #000;
    font-size: 1.9rem;
    font-family: "PT Serif", serif;
    line-height: 1.7;
    letter-spacing: 0.51px;
}
.turns-line__big {
    font-size: 3rem;
}
.whathappens {
    background: #111;
    color: #f63;
    display: inline-block;
    padding: 1.3rem 1.7rem;
    border-radius: 10px;
    cursor: pointer;
}
.whathappens:hover {
    background: #000;
}
.thelineheight {
    line-height: 1.5;
}
.letsfreshit a:not(:last-child) {
    margin-right: 2.5rem;
}
.therandimg {
    height: 7rem;
    width: 7rem;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
}
.therandimgz {
    height: 4rem;
    width: 4rem;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
}
.therandleftz {
    margin-left: -2rem;
    position: relative;
    z-index: 1;
}
.therandleft {
    margin-left: -3rem;
    position: relative;
    z-index: 1;
}
.therandimg_new {
    height: 4rem;
    width: 4rem;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
}
.therandleft_new {
    margin-left: -2rem;
    position: relative;
    z-index: 1;
}
.therandwithout {
    z-index: 0;
    margin-top: -4rem;
    transform: translateY(-1.4rem);
    display: inline-block;
}
.therandfont {
    font-size: 6.5rem;
}
.therandart {
    height: 10rem;
    width: 10rem;
    object-fit: cover;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 0.3rem;
}
.therandartist {
    height: 18rem;
    width: 18rem;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}
.therandsnapshot {
    height: 30rem;
}
.therandvid {
    height: 35rem;
    max-width: 100%;
}
.therandquote {
    height: 4rem;
}
.thepullout {
    display: inline-block;
    background: red;
    color: #fff;
    cursor: pointer;
    padding: 1rem 2rem;
    border-radius: 5px;
}
.thepullout:hover {
    background: #ff4500;
}
.shops-body {
    padding: 2.5rem 0rem;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.shops-bodynew {
    padding: 2.5rem 0;
    text-align: center;
    background: #fff;
    max-width: 40rem;
    position: relative;
}
.shops-bodynew:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
}
.blink-mainbutton {
    animation: colorchangez 0.5s infinite !important;
}
@keyframes colorchangez {
    0% {
        background: var(--firstcolor);
    }
    50% {
        background: orange;
    }
    25% {
        background: red;
    }
    75% {
        background: orange;
    }
    100% {
        background: var(--firstcolor);
    }
}
.gal-slideleft,
.gal-slideright {
    position: absolute;
    left: 1.5%;
    top: 50%;
    display: inline-block;
    color: #fff;
    background: var(--firstcolor);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    cursor: pointer;
    z-index: 20;
    padding: 1rem 1.2rem;
}
.gal-slideright {
    left: 98.5%;
}
.gal-slideleft:hover,
.gal-slideright:hover {
    background: var(--firstcolor-hover);
}
.drillpopimg {
    display: block;
    transform: translate(1.2rem, -1rem);
    color: #111;
    font-size: 1.2rem;
}
.row {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
}
.row800 {
    width: 800px;
    max-width: 100%;
}
.margin-0auto {
    margin: 0 auto;
}
.row800:after,
.row800:before,
.row:after,
.row:before,
.thisrow:after,
.thisrow:before {
    content: "";
    clear: both;
    display: table;
}
.therateguy i:hover,
.fa-star {
    color: var(--firstcolor);
}
.flexitbro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.center {
    text-align: center;
}
.underline-white {
    display: inline-block;
    line-height: 1;
    border-bottom: 2px solid #fff;
}
.underline-black {
    display: inline-block;
    line-height: 1;
    border-bottom: 2px solid #000;
}
.margin-small-top {
    margin-top: 2rem;
}
.weight-normal {
    font-weight: 400;
}
.left {
    text-align: left;
}
.float-left {
    float: left;
}
.right {
    text-align: right;
}
.float-right {
    float: right;
}
@keyframes leftRight {
    0% {
        left: 50.7%;
    }
    100% {
        left: 50%;
    }
}
.margin-left__tiny {
    margin-left: 0.5rem;
}
.margin-left__minute {
    margin-left: 1rem;
}
.margin-left__small {
    margin-left: 2rem;
}
.margin-left__negsmall {
    margin-left: -2rem;
}
.margin-top__tiny {
    margin-top: 0.5rem;
}
.margin-top__negtiny {
    margin-top: -0.5rem;
}
.margin-top__small {
    margin-top: 2rem !important;
}
.margin-top__midmedium {
    margin-top: 3rem !important;
}
.margin-top__negmidmedium {
  margin-top: -3rem !important;
}
.margin-top__negsmall {
    margin-top: -2rem !important;
}
.margin-top__minute {
    margin-top: 1rem !important;
}
.margin-top__negminute {
    margin-top: -1rem !important;
}
.margin-top__medium {
    margin-top: 4rem !important;
}
.margin-top__negmedium {
    margin-top: -4rem;
}
.margin-top__big {
    margin-top: 6rem;
}
.margin-top__negbig {
    margin-top: -6rem;
}
.margin-top__reallybig {
    margin-top: 8rem;
}
.margin-top__negreallybig {
    margin-top: -8rem;
}
.margin-top__reallyreallybig {
    margin-top: 12rem;
}
.margin-top__negreallyreallybig {
    margin-top: -12rem;
}
.margin-bottom__small {
    margin-bottom: 2rem !important;
}
.margin-bottom__negsmall {
    margin-bottom: -2rem !important;
}
.margin-bottom__inbetween {
    margin-bottom: 3rem !important;
}
.margin-bottom__big {
    margin-bottom: 6rem !important;
}
.margin-bottom__reallybig {
    margin-bottom: 8rem !important;
}
.margin-bottom__medium {
    margin-bottom: 4rem !important;
}
.margin-bottom__tiny {
    margin-bottom: 0.5rem !important;
}
.margin-bottom__negtiny {
    margin-bottom: -0.5rem !important;
}
.margin-bottom__minute {
    margin-bottom: 1rem !important;
}
.margin-bottom__negminute {
    margin-bottom: -1rem !important;
}
.margin-right__medium {
    margin-right: 4rem !important;
}
.margin-right__small {
    margin-right: 2rem !important;
}
.margin-right__tiny {
    margin-right: 0.5rem !important;
}
.margin-right__minute {
    margin-right: 1rem !important;
}
.w3-hover__opacity:hover {
    opacity: 0.8;
}
.padding-bottom {
    padding-bottom: 2rem;
}
.padding-top2rem {
    padding-top: 2rem !important;
}
.padding-top3rem {
    padding-top: 3rem;
}
.padding-bottom3rem {
    padding-bottom: 3rem;
}
.padding-general {
    padding: 1rem;
}
.padding-general__minute {
    padding: 1rem;
}
.padding-general__small {
    padding: 2rem;
}
.padding-rightandleft__minute {
    padding: 0 1rem;
}
.padding-rightandleft__small {
    padding: 0 2rem;
}
.padding-rightandleft__medium {
    padding: 0 4rem;
}
.padding-rightandleft__subbig {
    padding: 0 5.5rem;
}
.padding-rightandleft__big {
    padding: 0 6rem;
}
.uppercase {
    text-transform: uppercase;
}
.border-light__bottom {
    border-bottom: 1px solid #ecebeb;
}
.border-thick__bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.bro {
    animation: colorchange 0.5s infinite !important;
}
@keyframes colorchange {
    0% {
        background: red;
    }
    50% {
        background: orange;
    }
    25% {
        background: #f42121;
    }
    75% {
        background: orange;
    }
    100% {
        background: red;
    }
}
.blackbg,
.compbg {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.assetpop {
    z-index: 130;
}
.compbg {
    z-index: 102;
}
.compbg-title {
    padding: 2rem;
    background: #ebe8e8;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 800;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.compbg-hascont {
    cursor: pointer;
}
.blackbgcont {
    position: relative;
    background: #fff;
    z-index: 110;
    height: auto;
    max-height: 95vh;
    overflow: auto;
    width: 700px;
    max-width: 95%;
    position: absolute;
    padding: 1rem;
    padding-bottom: 2rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.blackbgcont-title {
    padding: 2rem;
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    position: relative;
}
.blackbgcont-content {
    position: relative;
    text-align: center;
    margin-top: 1rem;
    height: 150px;
}
.blackbgcont-loading {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(219, 216, 216, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.blackbgcont-photo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    height: 120px;
    width: 119px;
    object-fit: cover;
}
.blackbgcont-frame {
    display: inline-block;
    position: absolute;
    height: 150px;
    width: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blackbgcont-load {
    height: 120px;
    width: 120px;
}
.blackbgcont-close {
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 1rem;
    margin-top: -1rem;
    margin-right: -1rem;
    font-size: 1.7em !important;
    cursor: pointer;
}
.blackbgcont-close:hover {
    background: rgba(219, 216, 216, 0.5);
}
.strikethrough {
    text-decoration: line-through !important;
}
.bold {
    font-weight: 700 !important;
}
.weight500 {
    font-weight: 500 !important;
}
.weight600 {
    font-weight: 600 !important;
}
.transwhite {
    background: #1f1515 !important;
}
.formerror {
    text-shadow: 0 0.1rem 0.1rem #fa3d3d;
}
.sup-green {
    background: green;
    color: #fff;
    transform: translateY(-0.4rem);
    padding: 0.2rem 0.4rem;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    border-radius: 3px;
    margin-left: 0.3rem;
    display: inline-block;
}
.bg-lightgrey {
    background: #ccc;
}
.bg-errorred {
    background: #faf1f1;
}
.bg-semiwhite {
    background: #ececed;
}
.bg-blue {
    background: #00f;
}
.bg-fancyblack {
    background-color: #414958;
    background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
    background: radial-gradient(circle at top center, #464450, #0b0c0f);
}
.bg-lightmainbg {
    background: #f7eafa;
}
.bg-gradientpink {
    background: linear-gradient(pink, #ea7488);
    color: #fff;
}
.bg-gradientorange {
    background: linear-gradient(orange, #ff7b00);
    color: #fff;
}
.bg-gradientblue {
    background: linear-gradient(#308bcf, #4169e1);
}
.bg-gradientgreen {
    background: linear-gradient(green, #07ac07);
}
.bg-gradientmain {
    background: linear-gradient(var(--firstcolor), #5d427e);
}
.bg-gradientblack {
    background: linear-gradient(#000, #333);
}
.bg-red {
    background: red;
}
.bg-red:hover {
    background: #da0404;
}
.bg-maincolour {
    background: var(--firstcolor);
}
.bg-maincolour:hover {
    background: var(--firstcolor-hover);
}
.bg-maincolour__gradient {
  background: linear-gradient(to bottom right, var(--firstcolor), var(--firstcolor-hover), orange);
}
.bg-thirdcolour {
    background: var(--thirdcolor) !important;
    color: #fff !important;
}
.bg-thirdcolour:hover,
.bg-thirdcolour__hover:hover {
    background: var(--thirdcolor-hover) !important;
    color: #fff !important;
}
.bg-purple {
    background: var(--firstcolor) !important;
    color: #fff !important;
}
.bg-purple:hover,
.bg-purple__hover:hover {
    background: #5f3868 !important;
    color: #fff !important;
}
.bg-white {
    background: #fff !important;
    color: #333;
}
.bg-white:hover {
    background: #fcfcfc !important;
}
.bg-rawblack {
    background: #000;
}
.warning-bg {
    background: #f7f7c7 !important;
}
.bg-black {
    background: #000 !important;
    color: #fff !important;
}
.bg-black:hover,
.bg-black__hover:hover {
    background: #333 !important;
}
.bg-subblack {
    background: #777 !important;
    color: #fff !important;
}
.bg-subblack:hover,
.bg-subblack__hover:hover {
    background: #6b6b6b !important;
}
.bg-miniblack {
    background: #333 !important;
    color: #fff !important;
}
.bg-miniblack:hover,
.bg-miniblack__hover:hover {
    background: #111 !important;
}
.pointer {
    cursor: pointer;
}
.no-pointer {
    cursor: auto;
}
.border-red {
    border: 1px solid red !important;
}
.border-radius5px {
    border-radius: 5px;
}
.border-none {
    border: none;
}
.border-radius10px {
    border-radius: 10px;
}
.boxshadow_small {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.black {
    color: #000 !important;
}
.red {
    color: red !important;
}
.white {
    color: #fff !important;
}
.thirdcolour {
    color: var(--firstcolor) !important;
}
.maincolour {
    color: var(--firstcolor);
}
.maincolour-border {
    border-bottom: 4px solid var(--firstcolor);
    display: inline-block;
    line-height: 1.02;
}
.green {
    color: green !important;
}
.big {
    font-size: 2rem;
}
@media only screen and (max-width: 600px) {
    .big {
        font-size: 1.8rem;
    }
}
.picsible-littlelogo {
    height: 4rem;
}
.picsible-small {
    height: 80px;
}
@media only screen and (max-width: 600px) {
    .picsible-small {
        height: 50px;
    }
}
.title {
    font-weight: 700;
    font-size: 3rem;
    color: #333;
}
.subtitle {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #333;
}
.block {
    display: block !important;
}
.theblock {
    display: block;
}
.inline-block {
    display: inline-block !important;
}
.inline-blocknormal {
    display: inline-block;
}
.inline {
    display: inline;
}
.none {
    display: none;
}
.defaultsize {
    font-size: 1.6rem;
}
.height1_9rem {
    height: 1.9rem;
}
.lineheight1_5 {
    line-height: 1.5;
}
.lineheight1_55 {
    line-height: 1.55;
}
.lineheight1_6 {
    line-height: 1.6;
}
.lineheight1_7 {
    line-height: 1.7;
}
.fontsize13rem {
    font-size: 1.3rem !important;
}
.fontsize13_5rem {
    font-size: 1.35rem !important;
}
.fontsize14rem {
    font-size: 1.4rem !important;
}
.fontsize16rem {
    font-size: 1.6rem !important;
}
.fontsize17rem {
    font-size: 1.7rem !important;
}
.fontsize18rem {
    font-size: 1.8rem !important;
}
.fontsize2rem {
    font-size: 2rem !important;
}
.fontsize25rem {
    font-size: 2.5rem !important;
}
.fontsize3rem {
    font-size: 3rem !important;
}
.fontsize8rem {
    font-size: 8rem !important;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.italics {
    font-style: italic;
}
.widthfull {
    width: 100%;
}
.width800px {
  margin: 0 auto;
  max-width: 800px;
}
.opacload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}
.input-load22 {
    transform: translateY(0.4rem);
    height: 19px;
}
.padding-left__small {
    padding-left: 2rem;
}
.padding-left__minute {
    padding-left: 1rem;
}
.padding-general {
    padding: 1rem;
}
.padding-general__2rem {
    padding: 2rem;
}
.padme {
    padding: 1rem;
}
.padme-noleftright {
    padding: 1rem 0;
}
.padme-15topbottom {
    padding: 1.5rem 1rem;
}
.padme-15side {
    padding: 1rem 1.5rem;
}
.padme-2top1side {
    padding: 2rem 1rem;
}
.padme-3top2side {
    padding: 3rem 2rem;
}
.padme2rem {
    padding: 2rem;
}
.padme3rem {
    padding: 3rem;
}
.pointer:hover {
    font-weight: 700;
}
.padme2rem-notopbottom {
    padding: 0 2rem;
}
.padme2rem4bottom {
    padding: 2rem;
    padding-bottom: 4rem;
}
.padme2rem8bottom {
    padding: 2rem;
    padding-bottom: 8rem;
}
.nopadtop {
    padding-top: 0;
}
.nopad {
    padding: 0;
}
.onepadtop {
    padding-top: 1rem;
}
.text-small {
    font-size: 1.4rem;
}
.text-normal {
    text-transform: none !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-tiny {
    font-size: 1.3rem;
}
.greybg {
    background: #f9f9f9 !important;
}
@media only screen and (max-width: 600px) {
    .greybg {
        background: #f4f4f4 !important;
    }
}
.border-maincolor {
    border: 1px solid var(--firstcolor);
    border-radius: 5px;
}
.border-maincolor:hover {
    color: #fff;
    background: var(--firstcolor);
}
.text-maincolor {
    color: var(--firstcolor);
}
.text-maincolor:hover {
    color: var(--firstcolor-hover);
}
.text-black {
    color: #000 !important;
}
.text-miniblack {
    color: #777 !important;
}
.text-medium {
    font-size: 1.5rem;
}
.text-onepointfive {
    font-size: 1.5rem;
}
.text-purple {
    color: purple;
}
.text-lightgreen {
    color: #00ff7f;
}
.text-green {
    color: #019901;
}
.text-blue {
    color: #00f;
}
.text-lightred {
    color: #f70808;
}
.text-red {
    color: red;
}
.text-sand {
    color: #9f8d0e;
}
.text-black {
    color: #000;
}
.text-white {
    color: #fff !important;
}
.text-yellow {
    color: #ff0;
}
.text-smallyellow {
    color: #f8dc12;
}
.therow {
    max-width: 100%;
    margin: 0 auto;
}
.therow:after,
.therow:before {
    content: "";
    clear: both;
    display: table;
}
.wid4h {
    font-weight: 400;
}
.wid600 {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}
.modan-bag {
    display: inline-block;
    max-height: 90vh;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}
.modanimg {
    width: 90%;
    overflow: auto;
    object-fit: cover;
}
.row700 {
    width: 700px;
    max-width: 100%;
}
.quicksand {
    font-family: "Just Another Hand", cursive !important;
}
.negsmall-mobile {
    margin-top: -0.2rem !important;
}
.negmedium-mobile {
    margin-top: -1rem !important;
}
.negbig-mobile {
    margin-top: -5rem;
}
.modernmsg {
    position: fixed;
    top: 8%;
    left: 0;
    padding: 1.2rem 1rem;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    background: green;
    color: #fff;
}
.whatsapp {
    color: #25d366 !important;
}
.pinterest {
    color: #bd081c !important;
}
.twitter {
    color: #55acee !important;
}
.facebook {
    color: #3b5998 !important;
}
.chartbox,
.chartbox2,
.openyesandnobox {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 130;
}
.asset-isee {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}
.puncshow {
    display: inline;
}
.chartbox-body,
.openyesandnobox-body {
    width: 700px;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}
.chartbox-bodybox,
.openyesandnobox-bodybox {
    height: 100%;
    overflow-y: auto;
}
.chartbox-bodybox__msg {
    max-height: 80vh;
    overflow: auto;
}
.chartbox-bodybox__title {
    padding: 2rem;
    background: #f7eafa;
    color: #000;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
}
.chartbox-body__close,
.openyesandnobox-close {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: #fff;
    padding: 1rem;
    cursor: pointer;
}
.openyesandno-button:hover {
    background: green;
}
.chartbox-body__close:hover,
.openyesandno-button__close:hover,
.openyesandnobox-close:hover {
    background: #910303;
}
.openyesandno-button {
    background: #02be02;
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}
.openyesandno-button__close {
    background: red;
}
.loadscreen {
    height: 100vh;
    width: 100%;
    display: none;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    z-index: 20000;
    justify-content: center;
    align-items: center;
}
.loadscreen i {
    font-size: 4rem;
    color: #000;
    font-weight: 600;
}
.errormsg {
    background: red;
    padding: 1rem;
    text-align: center;
    color: #fff;
    position: fixed;
    top: 0.2%;
    left: 0;
    display: none;
    width: 100%;
    z-index: 1000;
}
.positive {
    background: #07ca07;
}
.error-beep,
.success-beep {
    background: #09da09;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-size: 1.6rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
}
.error-beep {
    background: red;
}
.commonmsg {
    background: #ff0;
    color: #000;
    padding: 1rem 1.5rem;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    border-radius: 5px;
}
.commonmsg::before {
    content: "";
    display: inline-block;
    background: #ffd900;
    width: 10px;
    height: 100%;
    position: absolute;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    top: 0;
    left: 0;
}