* {
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  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: normal;
  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: bold;
  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: normal;
  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: normal;
  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: bold;
  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: bold;
    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: normal;
    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: normal;
    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: normal;
    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: bold;
    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: normal;
    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;
}
@font-face {
  font-family: 'M PLUS 1';
  src: url('MPLUS1-Thin.eot');
  src: local('M PLUS 1 Thin'), local('MPLUS1-Thin'),
      url('MPLUS1-Thin.eot?#iefix') format('embedded-opentype'),
      url('MPLUS1-Thin.woff2') format('woff2'),
      url('MPLUS1-Thin.woff') format('woff'),
      url('MPLUS1-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  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: #163bc1;
  --firstcolor-hover: #27368f;
  --secondcolor: #6f79b6;
  --thirdcolor: #00a400;
  --thirdcolor-hover: green;
}
      
body {
  color: #333;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  text-decoration: none;
  max-width: 100%;
  font-size: 1.5rem;
  /* letter-spacing: .08rem; */
  font-weight: normal;
  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 {
  background: #fff;
  position: relative;
  z-index: 2;
  /* box-shadow: 0 1rem 30rem rgba(126, 74, 138, 0.4);  */
}

.menuopen-mobile, .cartopen-mobile {
  color: #fff;
  display: block;
  margin-top: .6rem;
  cursor: pointer; }
  @media only screen and (max-width: 350px) {
    .menuopen-mobile, .cartopen-mobile {
      margin-top: .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: .1rem .7rem;
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
  transform: translate(-50%, -50%); }

.bg-hero {
  /* background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23030303' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23070707' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%230a0a0a' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%230e0e0e' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23111111' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23181818' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%231f1f1f' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23252525' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%232c2c2c' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23333333' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover; */
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}
.allthebg {
  height: 100vh;
  min-height: 600px;
  /* background-image: url(/this_is_it2.png);
  background-size: cover;
  background-position: top; */

  /* background-color: #FF6633;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFBB33'/%3E%3Cstop offset='1' stop-color='%23FF6633'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23ff9133'/%3E%3Cstop offset='1' stop-color='%23FF6633'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform=''%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-295.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover; */



  /* background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23a71000'/%3E%3Cstop offset='1' stop-color='%23e95322'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%23868686'/%3E%3Cstop offset='0.09' stop-color='%23ababab'/%3E%3Cstop offset='0.18' stop-color='%23c4c4c4'/%3E%3Cstop offset='0.31' stop-color='%23d7d7d7'/%3E%3Cstop offset='0.44' stop-color='%23e5e5e5'/%3E%3Cstop offset='0.59' stop-color='%23f1f1f1'/%3E%3Cstop offset='0.75' stop-color='%23f9f9f9'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cfilter id='c' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon fill='url(%23a)' points='0 174 0 0 174 0'/%3E%3Cpath fill='%23000' fill-opacity='.5' filter='url(%23c)' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80S107.9 104.4 121.8 174z'/%3E%3Cpath fill='url(%23b)' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0S142.7 62.6 142.7 142.7z'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left; */
}
@media only screen and (max-width: 1200px) {
  .allthebg {
    min-height: auto;
    height: auto;
    background: none;
  }
}
.header-mobmenu {
  height: 3rem;
  transform: translateY(0rem);
}
.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 0rem;
      font-size: 1.7rem;
      font-weight: normal;
      color: #333; }
      .header-mobile__listnew2 li a {
        color: #fff;
      }
      .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__listnew2 li a {
        color: #fff; }
          .header-mobile__list li a:hover {
          color: #000;
          font-weight: bold; }
        .header-mobile__listnew2 li a:hover {
          color: #fff;
        }
    .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: 6rem;
    margin-top: .7rem; }
    @media only screen and (max-width: 350px) {
      .header-mobile__logo {
        height: 5rem; } }

.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: .4rem .7rem;
  font-weight: 600;
  font-size: 1.3rem;
}
.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: 8rem;
    display: inline-block;
    }
    @media only screen and (max-width: 880px) {
      .header__logo {
        height: 50px; } }
  .header__right, .header__left {
    float: right; }
    @media only screen and (max-width: 880px) {
      .header__right, .header__left {
        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: .7rem .6rem;
    transform: translateY(-2px);
  }
  @media only screen and (max-width: 1200px) {
    .header__right-formobile {
      height: 3.5rem;
      width: 3.4rem;
      transform: translateY(.4rem);
    }
  }

  .header__right-username2 {
    height: 5.5rem;
    width: 5.4rem;
  }
  .header__right-online {
    height: 1rem;
    width: 1rem;
    border-radius: 50px;
    background: rgb(18, 230, 88);
    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: .7rem;
      width: .7rem;
    }
  }
    .header__right-nav, .header__left-nav {
      margin-top: 1rem;
      list-style: none; }
      .header-right__newliabsolute {
        position: absolute;
        top: 200%;
        list-style: none;
        width: 20rem;
        text-align: left;
        background: #fff;
        padding: 1rem;
      }
      .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 .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: .9rem 1rem;
        text-transform: capitalize;
      }
      ul.header-right__newliabsolute2 li a {
        color: #333 !important;
      }
      .login-linav {
        top: 190%;
        left: -95%;
      }
      .linav-active {
        /* border: 1px solid #fff;
        border-bottom: none;
        padding: 1rem;
        padding-bottom: 0;
        padding-top: .7rem; */
      }
      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 !important;
        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__newnav1, .header-right__newnav, .header-right__newnav2, .header-right__newnav3 {
        /* background: linear-gradient(to right, var(--firstcolor), red); */
        border: 1px solid #777;
        padding: 1.4rem 1.8rem;
        border-radius: 6px;
        background: #111;
        color: #fff !important;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
        transition: background .5s;
      }
      .header-right__newnav1 {
        background: linear-gradient(var(--firstcolor), #4a5a8e);
        transition: background .4s; 
      }
      .header-right__newnav1:hover {
        background: var(--firstcolor);
      }
      .header-right__newnav:hover {
        background: #333;
      }
      .header-right__newnav2 {
        /* background: #fff; */
        border: none;
        box-shadow: none;
        color: #000 !important;
        /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); */
      }
      .header-right__newnav3 {
        background: rgba(0, 0, 0, 0.4)
      }
      .header__right-navactive, .header__left-navactive {
        background: linear-gradient(var(--firstcolor), #4a5a8e);
        border-radius: 30px;
        padding: 1rem 2.7rem;
        font-weight: 800;
      }
      .header__right-nav li, .header__left-nav li {
        color: #333;
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Hurme Geometric Sans 2", sans-serif;
        font-weight: normal;
        letter-spacing: 1.1px; }
        .header__right-nav li:not(:last-child), .header__left-nav li:not(:last-child) {
          margin-right: 3.5rem; }
        .header__right-nav li a, .header__left-nav li a {
          color: #333;
          text-decoration: none;
          transition: font-size .4s;
          cursor: pointer; }
        .header__right-nav li:hover, .header__left-nav li:hover {
          font-weight: 600;
          color: #000; }
  .header__left {
    float: left; }
.thehomepage .header__right-nav li, .thehomepage .header__right-nav li a {
  color: #fff;
}
.select {
  background: #fff;
  color: #333;
  border-radius: 7px;
  padding: .7rem 1rem;
  box-shadow: 0 .4rem .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;
  }
}
.divbarselectstuff {
  padding: .8rem 2rem;
  background: #333;
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  border-radius: 25px;
  margin-top: 1rem;
  transition: background .4s;
}
.divbarselectstuff:hover {
  background: #111;
}
.divbarselectstuff-wrap {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  border-radius: 5px;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.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: .3rem .8rem;
  transform: translateY(-1rem);
  margin-left: -.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%;
  /* padding: .4rem .5rem; */
  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(.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: .7rem 2rem;
}
.stickyshit .header-mobmenu {
  height: 2.8rem;
  transform: translateY(-.5rem);
}
@media only screen and (max-width: 1200px) {
  .stickyshit .header__right-formobile {
    transform: translateY(-.1rem);
  }
}
.stickyshit .header__logosay {
  transform: translateY(-.6rem);
}
.stickyshit .header-newrow {
  padding-top: 1rem;
  padding-bottom: 0rem;
}
.stickyshit .header {
  padding-bottom: 1.2rem;
  padding-top: 1.2rem;
}
.stickyshit .header__right-nav {
  margin-top: 0;
}
.stickyshit .header__rightsay {
  margin-top: .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__right {
  /* margin-top: .6rem; */
}

.stickyshit .header__left {
  margin-top: 1rem; }

.stickyshit .header__logo {
  height: 3rem;
  display: inline-block;
  margin-top: .1rem; }

.stickyshit .fwishnotif {
  margin-top: -2.4rem !important; }

.stickyshit .header-mobile__logo {
  height: 2.5rem;
  margin-top: .5rem;
  margin-bottom: .2rem; }

.stickyshit .cartnum-mobile {
  font-size: 1.4rem; }

.stickyshit .header-mobile__icon {
  margin-top: .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, #999999);
  color: #fff;
  padding: 1rem;
  font-size: 1.6rem;
  text-align: center; }
  .youhave-button {
    color: #fff;
    background: #04cf04;
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.5rem;
    padding: .5rem 1rem;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: .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: .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: .7rem; }
    .lasthelp-box__close {
      background: red;
      color: #fff;
      border-radius: 50%;
      font-size: 2rem;
      font-weight: bold;
      padding: .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: .5rem;
  cursor: pointer; }

.newcurrencygo {
  display: none;
  /* margin-bottom: -55rem; */
  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: .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 0rem;
  margin-top: 5rem;
}
.contentmobtop-side {
  /* height: 17rem; */
  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 {
  /* height: 50rem; */
  object-fit: contain;
  width: 50rem;
  max-width: 100%;
  display: inline-block;
  margin-top: -25rem;
  /* position: absolute; */
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
.contenttop-side2 {
  /* position: absolute;
  left: 0;
  top: 0; */
  z-index: 5;
  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);
  /* filter: drop-shadow(16px 16px 20px #ff6633) blur(5px); */
   /* filter: blur(3px); */
}
.second-section {
  padding: 1rem;
  padding-bottom: 0;
  position: relative;
  /* height: 90vh; */
  min-height: 50rem;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 10rem;
  /* display: grid; */
  align-items: center;
  column-gap: 10rem;
  /* grid-template-columns: 55% 45%;  */
}
.second-section__subtext {
  font-size: 2.5rem;
}
@media only screen and (max-width: 1200px) {
  .second-section__subtext {
    font-size: 2rem;
  }
}
.second-section__side {
  /* border-bottom: 3px solid var(--firstcolor); */
  color: var(--firstcolor);
  /* border-radius: 8px; */
  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: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(img/mobileheronew.jpg); */
        background-color: #fff;
        /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Ccircle fill='%2306B' cx='45' cy='45' r='10'/%3E%3Cg fill='%23FF6633' fill-opacity='1'%3E%3Ccircle cx='0' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3Ccircle cx='90' cy='0' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3C/g%3E%3C/svg%3E"); */
        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;
        max-width: 700px;
        margin: 0 auto;
        position: relative; } }
  /* @media only screen and (max-width: 600px) and (max-width: 350px) {
    .second-sectionmobile {
      height: 50vh; } } */
    .second-section__vid {
      height: 27rem;
      border: 4px solid #fff;
      border-radius: 10px;
      transform: translateY(-7rem);
    }
  .second-section__first {
    text-align: center;
    /* align-items: center; */
    padding: 1rem 2rem;
    /* margin-top: -7rem; */
    position: relative;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    z-index: 0; }
    .second-section__first-subtitle {
      font-size: 2.5rem;
      font-weight: 600;
      margin-top: 2rem;
      margin-bottom: 2rem;
      /* text-transform: uppercase; */
    }
    @media only screen and (max-width: 1200px) {
      .second-section__first {
        text-align: left;
      }
    }
    @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: #fff;
      font-size: 5.5rem;
      line-height: 1.4;
      font-weight: 600;
      /* text-align: center; */
      /* text-shadow: 1px 2px 2px #777;  */
    }
      @media only screen and (max-width: 1200px) {
        .second-section__first-title {
          font-weight: 600;
          color: #fff;
          /* text-shadow: 1px 2px 2px #777; */
          font-size: 4rem; } }
      @media only screen and (max-width: 900px) {
        .second-section__first-title {
          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: .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: .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__herobutton, .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;
  /* text-transform: uppercase; */
  padding: 2.5rem 5rem;
  /* width: 30rem; */
  /* max-width: 100%; */
  text-align: center;
  box-shadow: 0 0.1rem 10rem rgba(255, 255, 255, 0.3); 
  /* box-shadow: inset 1px 1px 10px 3px rgba(247, 247, 247, 0.233); */
  border-radius: 50px;
  cursor: pointer; }
  @media only screen and (max-width: 900px) {
    .content-link, .content-link:link, .content-link:visited {
      padding: 1.5rem 4rem; } }
  @media only screen and (max-width: 660px) {
    .content-link, .content-link:link, .content-link:visited {
      padding: 1.8rem 3rem;
      font-size: 1.8rem;
      margin-top: 2rem; } }

.content-link:hover, .content-link__herobutton: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__herobutton {
  border-radius: 5px;
  padding: 1.5rem 3.5rem;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.content-link__herobutton:hover {
  transform: translateY(-0.1rem);
  background: linear-gradient(to right bottom, var(--secondcolor), var(--firstcolor));
}
.content-link__popup {
  background: #333 !important;
  margin-right: 2rem;
}
.content-link__input {
  width: 40rem;
  /* padding: 2.3rem 2rem; */
  padding: 2.25rem 2rem;
  background: #333;
  border-radius: 5px;
  border: none;
  /* transform: translateY(1rem); */
  transform: translateY(2rem);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media only screen and (max-width: 600px) {
  .content-link__input {
    width: auto; } 
}

.content-link__input:focus {
  outline: none;
}
.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: -50%; */
  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: .4rem;
  border-radius: 50%;
  width: 1.3rem;
  border: 3px solid #fff;
  padding: .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;
  margin-top: -5rem;
  /* background: #f7f0ee; */
  background: #d8dfea;
  padding: 8rem 2rem;
  padding-top: 4rem;
  position: relative;
  z-index: 10;
  border-radius: 15px;
  /* box-shadow: 0 1rem 300rem rgba(126, 74, 138, 0.4);  */
}
.myClides, .myBlides {
  display: none;
}
  
.third-section {
  width: 100%;
  background: #fff;
  padding: 8rem 2rem;
  position: relative;
  z-index: 10;
  /* box-shadow: 0 1rem 300rem rgba(126, 74, 138, 0.4);  */
}
  .third-section__cont {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    color: #333; }
    .third-section__cont1 {
      font-weight: 800;
      /* font-family: "Pacifico", cursive; */
      /* font-family: "Montserrat"; */
      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;
  /* align-items: center; */
}
.comb-stuff__title {
  font-size: 3.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: 8rem 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: transparent; }
  .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 {
    /* position: absolute; */
    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: normal; }

.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 .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: -.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: .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: .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 {
    display: block;
    /* 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;
  max-width: 100%;
}
.beet-tworow__img2 {
  height: 37rem;
}
.beet-tworow__img3 {
  height: 42rem;
  max-width: 100%;
  object-fit: contain;
}
          
.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;
}
.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%);
  /* overflow-x: hidden; */
}
.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.9rem; 
  margin-right: .7rem;
}
.uploadmusicbox {
  width: 500px;
  max-width: 95%;
}
.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: .8rem 1rem;
  top: -5%;
  right: -2%;
  z-index: 5;
  position: absolute;
  cursor: pointer;
}
.conceptbox-close:hover {
  background: rgb(190, 4, 4);
}
.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);
}
.twopic {
  display: grid;
  grid-template-columns: 30% 65%;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  column-gap: 5%;
  padding: 1rem; }
  .twopic-pov {
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  @media only screen and (max-width: 800px) {
    .twopic {
      grid-template-columns: 1fr;
      row-gap: 5rem; } }
  .twopic-pad {
    padding: .5rem;
    /* border: 1px solid rgba(0, 0, 0, 0.3); */
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    max-width: 45rem;
    /* max-width: 100%; */
    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: 0px;
    border-bottom-right-radius: 0px;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
    max-width: 45rem;
    margin-bottom: .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: #FFFFFF;
  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");
  /* background-attachment: fixed; */
}
@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: .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, .earning-box2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 4rem;
  margin-top: 5rem;
  /* padding: 1rem; */
}
.earning-box2 {
  grid-template-columns: 1fr 1fr 1fr;
}
@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: 25rem;
}
.earning-box__title {
  font-size: 1.7rem;
  margin-top: 4.9rem;
  font-weight: 600;
}
.earning-box__val {
  font-size: 3.5rem;
  margin-top: .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: bold; }

.faqa {
  padding: 1rem;
  font-weight: normal !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: #163BC1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%236F79B6'/%3E%3Cstop offset='1' stop-color='%23163BC1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23435abc'/%3E%3Cstop offset='1' stop-color='%23163BC1'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  
  
  /* background-color: #aa3333;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='800' viewBox='0 0 1600 800'%3E%3Cpath fill='%23FF7' 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='%237C1A9B' 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"); */
  /* background-attachment: fixed; */
    /* background-attachment: fixed; */

    /*orange background
  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-attachment: fixed; */
  background-size: cover;
  /* max-width: 1200px; */
  /* margin: 0 auto; */

  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: .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: .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: transparent !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: .3rem .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: #ff6633; }
  25% {
    background: orange; }
  50% {
    background: orangered; }
  75% {
    background: var(--firstcolor-hover); }
  100% {
    background: orange; }
}  
.comingsoon-img {
  width: 100%;
}
input.jokedatewrap[type="date"] {
  position: relative;
}

input.jokedatewrap[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}
input.joketimewrap[type="time"] {
  position: relative;
}

input.joketimewrap[type="time"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}

.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-input, .comingsoon-button {
  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 {
  /* animation: colorchange 50s infinite;
  margin-bottom: -1rem;
  width: 100%; } */
  /* background-color: #ff7700;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23cc0000' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23aa0000' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23d6002b' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23b10022' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23d9004b' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23b2003d' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23d3006c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23ac0057' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23c4008c' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%239e0071' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa00aa' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23880088' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover; */
  /* background: #f0f0f0; */
  background: #fff;
  margin-top: 8rem;

}

  
@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: 1rem 0rem;
  padding-bottom: 1rem; }
  .footer-sub {
    padding: 2rem;
    text-align: center; }

  .footer-logo {
    height: 3rem; }
  .footer-back i,
  .footer-back a {
    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 .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; }
.w3-animate-top{position:relative;-webkit-animation:animatetop 2s;animation:animatetop 2s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 3s;animation:animatebottom 3s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.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: center;
  grid-template-columns: repeat(3, 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: #111;
        transition: font-size .3s; }
        .footext1-stuff li a:hover {
          font-size: 1.85rem;
          font-weight: 400;
          color: #111; }

.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: none; }

.lastnow {
  color: #111;
  text-align: center;
  display: block; 

  /* display: grid;
  grid-template-columns: repeat(2, 1fr); */
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 1rem;
  padding: .7rem 2rem;
  font-size: 1.4rem;
  color: #777;
  /* text-align: center; */
  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 {
    background: var(--firstcolor);
    color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
  }
  .last1-a:not(:last-child) {
    margin-right: .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.7rem; }
  .last2 span {
    display: inline-block; }
    .last2 span:not(:last-child) {
      margin-right: .7rem; }

@media only screen and (max-width: 600px) {
  .last2 {
    text-align: center;
    font-size: 1.2rem;
    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: .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: .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: .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: .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:link, .__row1-link, .__row1-link:visited {
  display: inline-block;
  margin-top: 1rem;
  color: purple; }
  @media only screen and (max-width: 600px) {
    .__row1-link:link, .__row1-link, .__row1-link:visited {
      margin-top: .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: .3rem; }

.pro-img2 {
  object-fit: contain; }

.opachim {
  opacity: 0.5;
  cursor: progress !important;
  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3) !important; */
  pointer-events: none; }

.noevents {
  pointer-events: none;
}
.fresh {
  opacity: 1 !important;
  height: 100px; }



.fadebutt {
  opacity: 0.4;
  cursor: auto; }

.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; }

/* style 4 */
.inputfile {
  display: none; }

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
  opacity: .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:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */ }

.pops {
  margin-top: .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: .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: .4rem; }

.seeediting, .seeprintversion, .seemat {
  color: #5d427e;
  display: inline-block;
  margin-top: 1rem;
  border-bottom: 1px dotted #5d427e;
  cursor: pointer; }
  .seeediting:hover, .seeprintversion:hover, .seemat:hover {
    border-bottom: 1px solid #5d427e;
    font-weight: bold; }
  .seeeditingbox, .seeprintversionbox, .seematbox {
    padding: 1rem;
    width: 200px;
    height: 100px;
    max-width: 100%;
    border-radius: 3px;
    border: 1px solid #777;
    margin-top: 1rem; }
    .seeeditingbox:focus, .seeprintversionbox:focus, .seematbox: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; }

.closefixed, .closeblowup {
  display: inline-block;
  color: #000;
  background: #d8dfea;
  font-size: 3rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 0 1rem; }
  .closefixed:hover, .closeblowup:hover {
    background: #eeeeee; }

.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: .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: bold; }
  .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: .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: bold; }
  .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: #dddddd;
    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: .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: .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: .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: none;
    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: #330033;
    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='%23404' 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"); */

    background-color: #330033;
    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: bold; }
    .user-box__terms {
      padding: 2rem 0;
      padding-bottom: 1rem;
      color: #777;
      font-size: 1.4rem;
    }
    .user-box__desc {
      margin-top: .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: none; }
    .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: .6rem;
    border: 1px solid #ebe7e7;
    box-shadow: 0 1rem 2rem #ebe7e7; }
    .userbox:hover {
      border: 1px solid #777; }
    .userbox:focus {
      outline: none;
      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 0rem;
    }
    .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");
      /* background-attachment: fixed; */
      min-height: 100vh;
      background-size: contain; 
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; 
      padding: 1rem;
    }
    .user-right__newuserbutton {
      background: black;
      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:before,
    .toplogin-or:after {
      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: rgb(236, 236, 237);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px; }
    .user-forgot__cont, .user-forgot2__cont {
      /* position: relative; */
      /* z-index: 10; */
      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: url("../frame_corners_new.jpg"); */
    background-color: #ee5522;
    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: rgb(12, 160, 12);
    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 .6rem;
  border: 1px solid #dbdada;
  border-radius: 4px;
  font-size: 1.5rem;
  color: #333; }
  .middle-box__input:focus {
    outline: none;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor); }

.middle-box__content {
  font-size: 1.4rem;
  margin-top: .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: none;
    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; } }

.savechanges, .saverchanges, .savingchanges, .nochanges, .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; }
  .savechanges:hover, .saverchanges:hover, .savingchanges:hover, .nochanges: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: .6rem 1rem;
  border-radius: 4px;
  cursor: pointer; }
  .changepass:hover {
    background: #000; }

.genderbox, .statebox {
  padding: .6rem .5rem;
  border-radius: 3px;
  border: 1px solid #dad8d8;
  font-size: 1.5rem;
  border-radius: 4px;
  width: 100%; }
  .genderbox:focus, .statebox:focus {
    outline: none;
    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: bold;
  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: bold;
    display: flex;
    align-items: center; }
  .passwordchange-box__input {
    display: inline-block;
    padding: 1rem .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: bold; }

.admin-links {
  padding: .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: bold; }
  .admin-manage__photoss {
    height: 100px;
    margin-top: .5rem; }
  .admin-manage__price {
    font-weight: bold;
    margin-top: .5rem; }
  .admin-manage__other {
    margin-top: .5rem; }

.admin-submanage {
  display: none;
  background: #f4f4f4;
  padding: 1rem;
  margin-top: 2rem; }
  .admin-submanage__subtitle {
    margin-bottom: .5rem; }
  .admin-submanage__photos {
    display: inline-block;
    height: 100px;
    margin-bottom: 1rem; }
  .admin-submanage__title {
    font-weight: bold;
    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: bold; }

.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 .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-cont:first-child, .affnow-cont2:first-child {
      background: #5d427e;
      color: #fff; }
      .affnow-cont:first-child div, .affnow-cont2: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-cont:first-child div:last-child, .affnow-cont2:first-child div:last-child {
          border-right: 1px solid rgba(255, 255, 255, 0.3); }
    .affnow-cont:not(:last-child), .affnow-cont2: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: .4rem .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: bold; }
  .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: .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: .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: none; }

.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: #ff6633;
  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: none;
      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: none; }
  .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; }
    @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(4, 1fr);
  column-gap: 5rem; }
  @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%; } }
.previmg_theimg {
  height: 15rem;
  max-width: 100%;
  object-fit: contain;
}
.howworks-shit {
  /* background: linear-gradient(rgba(17, 17, 17, 0.8), rgba(46, 45, 45, 0.6)), url(/newpicsible/css/img/start-photos.jpg); */
  
  background-color: var(--secondcolor);
  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");
  /* background-color: #888888;
  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;
}
.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-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.3);
  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: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/faq.jpg); */
  background-color: var(--secondcolor);
  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='%232e376b' 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: bold;
  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: none;
    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: none;
    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: .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 #dddddd;
  border-radius: 5px;
  font-size: 1.4rem;
  color: #333;
  text-transform: uppercase;
  padding: .5rem .7rem;
  margin: .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 #dddddd;
          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: .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: none; }
    .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: .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); }

.btn-new {
  background: #099f09;
  color: #fff;
  padding: 2rem 4rem;
  border-radius: 30px;
  width: 25rem;
  display: inline-block;
}
.subbtn1 {
  background: blue !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: .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: 70rem;
  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;
  /* transform: translateY(-2rem); */
}
@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;
  /* align-items: 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: 6rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .thisother-1__title {
    font-size: 4rem;
  }
}
.thisother-1__subtitle {
  color: #fff;
  margin-top: 1.7rem;
  font-size: 2.3rem;
  text-align: center;
}

.thistitle-logo {
  height: 3rem;
  object-fit: contain;
  display: inline-block;
  margin-left: 1rem;
  /* max-width: 8rem; */
}
.thistitle-ourrow {
  margin-top: 2rem;
}
/* .thistitle-ourrow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
} */

.thistitle-dot {
  /* height: 1rem;
  width: 1rem;
  display: block;
  background: var(--firstcolor);
  border-radius: 50%; */
}
.thistitle-dot::before, .thistitle-dot::after {
  content: "";
  display: inline-block;
  height: .3rem;
  width: 10%;
  background: var(--firstcolor);
  transform: translateY(-.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: .5rem;
}
.thispunch-tworow1, .thispunch-tworow2 {
  background: var(--firstcolor);
  border-radius: 10px;
  height: .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;
}
.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: 10rem;
  border-bottom-right-radius: 10rem;
}
.thissecond-row__img2now {
  border-top-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  border-top-right-radius: 10rem;
  border-bottom-left-radius: 10rem;
}
@media only screen and (max-width: 600px) {
  .thissecond-row__img2 {
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
  }
  .thissecond-row__img2now {
    border-top-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem;
  }
  .thissecond-row__img3 {
    height: 40rem;
  }
}
.ssecondrow-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: -6rem;
  max-width: 100%;
}
.ssecondrow-desc {
  font-size: 2rem;
  text-align: left;
  /* font-family: "Roboto", sans-serif; */
}
.ssecondrow-desc p {
  padding: .5rem 0;
}
.thissecond-row__img3 {
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.thissecond-row__title {
  font-size: 3.5rem;
  color: #000;
  font-weight: 600;
}
.thissecond-row__desc, .thissecond-row__desc2 {
  font-size: 1.7rem;
  margin-top: 2rem;
  line-height: 1.6;
}
.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;
  border: 1px solid #f9dcd3;
}
.asset-box:hover {
  background: #f9dcd3;
}
.asset-box__active {
  background: #f9d7cd;
}
/* .board-3steps1::after {
  content: "";
  display: inline-block;
  height: 0.2rem;
  width: 80%;
  background: var(--firstcolor);
  transform: translate(1rem, -.5rem); */
/* } */
.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 0;
  border-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  /* background: #a19fa1; */
  /* background: linear-gradient(#d8dfea, #fff); */

  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); */
  color: #000;
  /* font-family: 'Montserrat', sans-serif; */
  font-weight: 600;
  font-size: 3.5rem;
}
.board-desc {
  padding: 2rem;
  background: yellow;
}
.board-desc__link {
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  padding: .6rem 1rem;
  color: #000;
  margin-left: .5rem;
}
.board-besideimg {
  height: 2.5rem;
  transform: translateY(.4rem);
  display: inline-block;
}
.board-above {
  font-size: 2.5rem;
  margin-top: 3rem;
  padding: 1rem;
  margin-bottom: 6rem;
}
.board-linkup {
  background: #ececed;
  padding: .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(.6rem);
}
.uprow {
  list-style: none;
  margin-top: 6rem;
}
.uprow li {
  display: inline-block;
  font-size: 1.4rem;
}
.uprow li i {
  /* color: var(--firstcolor); */
  font-size: 60%;
  color: #777;
}
.uprow li:not(:last-child) {
  margin-right: .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;
  /* border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none; */
}
.create-box2:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.create-box:not(:last-child) {
  margin-bottom: .6rem;
}
.create-title {
  font-weight: 450;
  font-size: 2rem;
}
.create-subdesc {
  color: #777;
  font-size: 1.4rem;
  margin-top: .2rem;
  margin-bottom: 1rem;
}
.create-radio {
  height: 3rem;
  width: 2rem;
}
.create-input, .create-textarea, .create-input2 {
  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-textarea:focus, .create-inputsmall:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.create-inputwidth {
  width: 50rem;
  max-width: 100%;
}
.create-plusicon, .create-minusicon {
  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: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.create-plusicon:hover, .create-minusicon:hover {
  background: #f1f1f1;
}
.create-inputplus {
  width: 8rem;
  display: inline-block;
  padding: 0 1rem;
  height: 5rem;
  margin-left: -.5rem;
  margin-right: -2.8rem;
  border: 1px solid rgba(0,0,0,0.2);
  transform: translateY(-.2rem);
}
.create-inputplus:focus {
  outline: none;
}
@media only screen and (max-width: 600px) {
  .create-inputplus {
    transform: translateY(-.1rem);
  }
}
.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: var(--secondcolor);
}

.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;
  background: #f4f4f4;
  margin-top: 1rem;
  cursor: pointer;
}
.create-choosebox:hover {
  background: #eeeeee;
}
.create-chooseboxthick {
  background: #eeeeee;
  border: 1px solid rgba(0,0,0,0.2);
}
.create-semichoose {
  display: flex;
  /* align-items: center; */
  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(.45rem);
}
.create-timeframe {
  width: 4.5rem;
  /* padding: 1rem; */
  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;
  /* overflow-x: hidden; */
}
.discountbg-close, .closemodal, .compbg-close, .changebg-close {
  position: fixed;
  right: -3%;
  z-index: 20;
  top: -4%;
  border-radius: 50%;
  background: red;
  color: #fff;
  cursor: pointer;
  padding: .9rem 1rem;
}
.discountbg-maxbody, .compbg-maxbody, .menubg-maxbody {
  height: 100%;
  overflow-y: auto;
}
.discountbg-other, .compbg-other, .menubg-other {
  max-height: 80vh;
  overflow: auto;
  padding-bottom: 2rem;
}
.boxcont {
  padding: 2rem;
  /* background: #f1f1f1; */
  background: #fff;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  border-top: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  border-radius: 1.2rem;
  margin-top: 1rem;
  transition: transform 0.2s;
}
.boxcont:hover {
  transform: translateY(-.4rem);
}
.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;
  /* text-decoration: underline; */
  /* border-bottom: 1px solid #333; */
}
.boxcont-button {
  background: var(--firstcolor);
  color: #fff;
  display: inline-block;
  /* padding: 1rem 2rem; */
  padding: 1.1rem 2.3rem;
  margin-top: 1.5rem;
  border-radius: 10px;
  transition: background 0.3s;
}
.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: .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: 20rem;
  align-items: center;
  text-align: center;
}
.veryside-fixed__newbutton {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 20px;
  width: 17rem;
}

.nextphase {
  background-color: #ffffff;
  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-attachment: fixed; */
  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;
    /* grid-template-columns: 1fr; */
  }
  .boxevang-mob2 {
    margin-top: 3rem;
  }
}
.boxevang1 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
  padding-top: 8rem;
}
.boxevang1-title {
  font-size: 1.8rem;
}
.boxevang1-onl {
  /* border-radius: 25px; */
  /* border: 1px solid rgba(0,0,0,0.1); */
  /* padding: 0.6rem 1.3rem; */
  font-size: 1.3rem;
  position: absolute;
  right: 5%;
  top: 5%;
  /* background: #eee; */
}
.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;
  /* border: 2px solid var(--firstcolor); */
  /* border-radius: 50%; */
  /* padding: 1rem .9rem; */
  font-size: 2rem;
  font-weight: 600;
}
.boxevang1-next {
  margin-top: 3rem !important;
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
  padding: 1rem 0;
  /* padding-top: 2rem; */
}
.thetoggleclass {
  height: 4rem;
  width: 4rem;
}
.missionmain-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* column-gap: 4rem; */
  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: blue;
  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: 1rem;
}
.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: #ff6633;
  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-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(.5rem);
}
.showmiss-checkbox {
  /* height: 2.5rem;
  width: 2.5rem; */
  /* display: inline-block; */
  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;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #e1e1e1;
  border-radius: .4rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* On mouse-over, add a grey background color */
.showmiss-checkit:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.showmiss-checkit input:checked ~ .checkmark {
  background-color: #09bc09;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.showmiss-checkit input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.showmiss-checkit .checkmark:after {
  left: 37%;
  top: 14%;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(49deg);
}

.showmiss-mainbox {
  display: flex;
  /* align-items: center; */
}
.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;
  /* border-bottom-left-radius: 10px; */
  padding: .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;
}
.showallinstr {
  white-space: pre-wrap;
}
.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: #ff6633;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 30px;
  width: 35rem;
  max-width: 100%;
}
.showmiss-newicon {
  font-size: 4rem;
}
.showmiss-newtop {
  background: #fff;
  padding: .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: rgba(0,0,0,0.08); */
  /* color: #000; */
  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-add:hover, .showmiss-add2: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);
}
.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: 2.1rem;
  font-family: 'PT Serif', serif;
  line-height: 1.7;
  letter-spacing: 0.51px;
}
.turns-line__big {
  font-size: 3rem;
}
.whathappens {
  background: #111;
  color: #ff6633;
  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;
}
.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;
}
.therandleft {
  margin-left: -3rem;
  position: relative;
  z-index: 1;
}
.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;
}
.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: .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: orangered;
}
.shops-body {
  padding: 2.5rem 0rem;
  padding-bottom: .2rem;
  text-align: center;
  background: #fff;
  max-width: 40rem;
  border-radius: 8px;
  position: relative;
}
.shops-body:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 1rem;
}
.whatsapp-top {
  background: #23c45f;
  color: #fff;
  padding: 2rem;
  margin-bottom: 1rem;
}
.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 {
  /* right: 0; */
  left: 98.5%;
  /* transform: translate(-50%, -50%); */
}
.gal-slideright:hover, .gal-slideleft:hover {
  background: var(--firstcolor-hover);
}
.drillpopimg {
  display: inline-block;
  transform: translate(1.2rem, -1rem);
  color: #111;
  font-size: 1.2rem;
}

.asset-isee {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.puncshow {
  display: inline;
}

.altesuccess {
  background: #e0ffe0;
  padding: 2rem;
  border: 1px solid #acddac;
  border-radius: 10px;
}
.row {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}

  .row800 {
    width: 800px;
    max-width: 100%;
  }
  .margin-0auto {
    margin: 0 auto;
  }
  .thisrow:before, .thisrow:after, .row:before, .row:after, .row800:before, .row800:after {
    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;
}
.justify-content__center {
  justify-content: center;
}
.flex {
  display: flex;
  /* justify-content: center;
  align-items: center; */
}
.grid {
  display: grid;
}
.templates2fr {
  grid-template-columns: 1fr 1fr;
}

.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: normal;
}
.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: .5rem; }

.margin-left__minute {
  margin-left: 1rem; }
  
.margin-left__small {
  margin-left: 2rem; }

.margin-left__negsmall {
  margin-left: -2rem; }

.margin-top__supertiny {
  margin-top: .25rem; }

.margin-top__tiny {
  margin-top: .5rem; }

.margin-top__negtiny {
  margin-top: -.5rem; }

.margin-top__midsmall {
  margin-top: 1.5rem !important; }
  
.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__minutesmall {
  margin-top: 1.5rem !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 !important; }

.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: .5rem !important; }

.margin-bottom__negtiny {
  margin-bottom: -.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: .5rem !important; }
  
.margin-right__minute {
  margin-right: 1rem !important; }

.padding-bottom15rem {
  padding-bottom: 1.5rem !important;
}
.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);
}
  
.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; }
  .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: bold !important; }

.weight400 {
  font-weight: 400 !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: .2rem .4rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3rem;
  border-radius: 3px;
  margin-left: .3rem;
  display: inline-block; }

.rando-bg2 {
  background-color: #163BC1;
  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='%23163BC1' cx='50' cy='0' r='50'/%3E%3Cg fill='%23203fc2' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%232843c4' cx='50' cy='100' r='50'/%3E%3Cg fill='%232f48c5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23364cc6' cx='50' cy='200' r='50'/%3E%3Cg fill='%233b50c8' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%234154c9' cx='50' cy='300' r='50'/%3E%3Cg fill='%234658ca' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%234b5ccb' cx='50' cy='400' r='50'/%3E%3Cg fill='%235061cc' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%235565cd' cx='50' cy='500' r='50'/%3E%3Cg fill='%235a69ce' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%235f6dcf' cx='50' cy='600' r='50'/%3E%3Cg fill='%236371d0' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%236875d1' cx='50' cy='700' r='50'/%3E%3Cg fill='%236c79d2' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23717dd3' cx='50' cy='800' r='50'/%3E%3Cg fill='%237682d4' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%237a86d5' cx='50' cy='900' r='50'/%3E%3Cg fill='%237f8ad5' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23838ED6' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
  /* background-attachment: fixed; */
  /* background-size: contain; */
}
.rando-bg {
  background-color: #163BC1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='587' height='587' 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='%230030b3' fill-opacity='0.16'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.16'%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");
}
.bg-errorred {
  background: #faf1f1; }
.bg-offwhite {
  background: #d9d9d9;
}
.bg-semiwhite {
  background: #ececed;
}
.bg-blue {
  background: blue;
}
.bg-minidarkblue {
  background: #09299f;
}
.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:hover, .bg-thirdcolour:hover {
    background: var(--thirdcolor-hover) !important;
    color: #fff !important; }

.bg-purple {
  background: var(--firstcolor) !important;
  color: #fff !important; }
  .bg-purple__hover:hover, .bg-purple:hover {
    background: #5f3868 !important;
    color: #fff !important; }

.bg-white {
  background: #fff !important;
  color: #333; }
  .bg-white:hover {
    background: #fcfcfc !important;}
.bg-unset {
  background: unset;
}
.bg-rawblack {
  background: #000;
}
.bg-black {
  background: #000 !important;
  color: #fff !important; }
  .bg-black__hover:hover, .bg-black:hover {
    background: #333 !important; }

  .bg-subblack {
    background: #777 !important;
    color: #fff !important; }
  .bg-subblack__hover:hover, .bg-subblack:hover {
    background: rgb(107, 107, 107) !important; }

  .bg-miniblack {
    background: #333 !important;
    color: #fff !important; }
  .bg-miniblack__hover:hover, .bg-miniblack:hover {
    background: #111 !important; }
      
.pointer {
  cursor: pointer; }
.no-pointer {
  cursor: auto;
}
.border-red {
  border: 1px solid red !important; }

.border-minired {
  border: 1px solid #ebbaba !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);
}
.outline-none {
  outline: none;
}
.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; }
  /* @media only screen and (max-width: 1200px) {
    .title {
      font-size: 2.7rem; } }
  @media only screen and (max-width: 600px) {
    .title {
      font-size: 2.4rem; } } */

.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;
}
.fontsize1rem {
  font-size: 1rem !important;
}
.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;
}
.fontsize4rem {
  font-size: 4rem !important;
}
.fontsize8rem {
  font-size: 8rem !important;
}
.relative {
  position: relative; }

.absolute {
  position: absolute;
}
.italics {
  font-style: italic; }
.widthfull {
  width: 100%;
}
.somepingyellow {
  background: #ffffe7;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 1rem;
}
.width800px {
  margin: 0 auto;
  max-width: 800px;
}
.rawwidth800px {
  max-width: 800px;
}
.width600px {
  margin: 0 auto;
  max-width: 600px;
}
.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: bold;
}
.padme2rem-notopbottom {
  padding: 0 2rem;
}
.padme2rem4bottom {
  padding: 2rem;
  padding-bottom: 4rem;
}
.padme2rem8bottom {
  padding: 2rem;
  padding-bottom: 8rem;
}
.nopadtop {
  padding-top: 0rem;
}
.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; }
.bg-lightgrey {
  background: #ccc;
}
.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-ourgreen {
  color: rgb(27, 200, 84);
}
.text-green {
  color: #019901; }
.text-blue {
  color: blue;
}
.text-lightred {
  color: #f70808; }

.text-red {
  color: red; }

.text-sand {
  color: #9f8d0e; }

.text-black {
  color: #000; }

.text-white {
  color: #fff !important;
}
.text-yellow {
  color: yellow;
}
.text-smallyellow {
  color: #ffbc00;
}
.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;
}
.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: -.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, .openyesandnobox {
  position: fixed;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 130; }

.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, .openyesandnobox-close:hover, .openyesandno-button__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; }

.success-beep, .error-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: yellow;
  color: #000;
  padding: 1rem 1.5rem;
  text-align: center;
  margin-top: .5rem;
  margin-bottom: 2.5rem;
  position: relative;
  border-radius: 5px;
}
.commonmsg::before {
  content: "";
  display: inline-block;
  background: rgb(255, 217, 0);
  width: 10px;
  height: 100%;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  top: 0;
  left: 0;
}