@font-face {
  font-family: "pantonblack_caps";
  src: url("../../../fonts/panton-blackcaps-webfont.woff2") format("woff2"), url("../../../fonts/panton-blackcaps-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "pantonlight_caps";
  src: url("../fonts/panton-lightcaps-webfont.woff2") format("woff2"),
    url("../fonts/panton-lightcaps-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 15px;
  color: #808080;
  font-weight: normal;
  font-family: "Nunito", sans-serif;
  overflow-x: hidden;
  direction: ltr;
}
::selection {
  background: #dd5018 !important;
  color: #fff;
}

::-webkit-scrollbar {
  background-color: #ccc;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #dd5018;
}
::selection {
  background: #dd5018;
  color: #fff;
  text-shadow: none;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}

table,
tr,
td,
blockquote {
  color: #a5a5a5;
}

html {
  font-size: 16px;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: inherit;
}

button:focus,
button:active,
input:focus,
input:active {
  outline: none;
  box-shadow: none;
}

small {
  font-size: 60%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.875rem;
}

p {
  font-size: 14px;
}

p.title {
  font-size: 1rem;
}

.italic {
  font-style: italic;
}

button {
  line-height: 1;
}

nav {
  background-color: transparent;
  transition: 0.3s;
}

nav::before,
nav::after {
  content: none;
}

nav:hover,
nav.active {
  background-color: #343a40;
}

.menu-nav {
  color: #fff;
  opacity: 1;
}

.m-login-link{
    display: none;
}

.menu-nav a {
    padding: 0 10px;
}

.menu-nav a.active {
  color: #f8743f;
}

.logo-cls {
  width: 190px;
}

.main-bg,
.bg-inner {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
}

.bg-inner {
  height: 100vh;
}

.menu-btn{
    display: none;
}

.main-bg,
.bg-inner {
    margin: 0;
    padding: 0;
    background: transparent center center no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.global-overlay {
  position: fixed;
  top: 0;
  left: -100vw;
  height: 100%;
  overflow: visible;
  width: 100%;
  opacity: 0;
}

.overlay {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: -50%;
  background: rgba(32, 35, 45, 0.8);
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  border-right: 1px solid #15171e;
}

.overlay.skew-part {
  -webkit-transform: skew(-25deg, 0deg);
  -moz-transform: skew(-25deg, 0deg);
  -ms-transform: skew(-25deg, 0deg);
  -o-transform: skew(-25deg, 0deg);
  transform: skew(-25deg, 0deg);
}

#left-side {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
}

.brand-logo {
  position: absolute;
  left: 10%;
  top: 5%;
  max-width: 200px;
}

#left-side .content {
  position: absolute;
  z-index: 0;
  left: 0;
  padding: 0;
  top: 58vh;
  width: 100%;
  padding: 0 15px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  visibility: visible;
}

.button {
  position: relative;
  display: inline-block;
  font-size: 15px;
  padding: 0.8rem 2.25rem;
  line-height: 1;
  text-transform: capitalize;
  text-align: center;
  font-weight: 500;
  z-index: 1;
  border: 1px solid transparent;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.gradient-btn {
  -webkit-background-size: 200% auto;
  background-size: 200% auto;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f94700),
    color-stop(51%, #f77845),
    to(#f94700)
  );
  background-image: -webkit-linear-gradient(
    left,
    #f94700 0%,
    #f77845 51%,
    #f94700 100%
  );
  background-image: -moz-linear-gradient(
    left,
    #f94700 0%,
    #f77845 51%,
    #f94700 100%
  );
  background-image: -o-linear-gradient(
    left,
    #f94700 0%,
    #f77845 51%,
    #f94700 100%
  );
  background-image: linear-gradient(
    to right,
    #f94700 0%,
    #f77845 51%,
    #f94700 100%
  );
  color: #fff;
}

.gradient-btn:hover {
  background-position: right center;
}

#loginbtn {
  padding: 10px 20px;
}

.btnsecondary:hover,
.btnsecondary:focus,
.btnprimary:hover,
.btnprimary:focus,
.gradient-btn:hover,
.gradient-btn:focus {
  color: #fff;
}

.form-control {
  border: 1px solid #ececec;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 41px;
  color: #b6b8ba;
  font-size: 0.875rem;
  background: #fff;
  position: relative;
}

h1.text-intro,
h2.text-intro {
  color: #fff;
  font-weight: 400;
  line-height: 1.3em;
}

h1.text-intro {
  font-size: 38px;
  color: #ffffff;
  font-family: "pantonblack_caps" !important;
  font-weight: normal;
}

h2.text-intro {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 60px;
}

#stars {
  width: 1px;
  height: 1px;
  margin-left: 25%;
  background: transparent;
  box-shadow: 2032px 449px #fff, 1683px 605px #fff, 1522px 2312px #fff,
    250px 2364px #fff, 1767px 976px #fff, 1009px 319px #fff, 1975px 1618px #fff,
    440px 953px #fff, 446px 1170px #fff, 1040px 1573px #fff, 356px 2349px #fff,
    2166px 2440px #fff, 437px 1437px #fff, 799px 1422px #fff, 1567px 1725px #fff,
    2479px 1870px #fff, 2496px 1062px #fff, 1618px 1916px #fff,
    2097px 2167px #fff, 1658px 2168px #fff, 617px 802px #fff, 218px 1810px #fff,
    2145px 161px #fff, 1735px 141px #fff, 1783px 840px #fff, 59px 477px #fff,
    1518px 754px #fff, 2343px 388px #fff, 1097px 2111px #fff, 2085px 2473px #fff,
    1694px 1492px #fff, 2154px 674px #fff, 840px 1964px #fff, 1908px 1500px #fff,
    2281px 379px #fff, 689px 223px #fff, 453px 2098px #fff, 559px 651px #fff,
    1504px 2385px #fff, 440px 8px #fff, 2263px 54px #fff, 1400px 760px #fff,
    545px 1922px #fff, 2401px 577px #fff, 1943px 578px #fff, 436px 125px #fff,
    1460px 186px #fff, 2009px 852px #fff, 94px 746px #fff, 508px 535px #fff,
    1328px 373px #fff, 429px 458px #fff, 1081px 1977px #fff, 1181px 349px #fff,
    1855px 1894px #fff, 2352px 824px #fff, 2023px 2256px #fff, 574px 998px #fff,
    137px 2128px #fff, 1415px 1003px #fff, 1873px 363px #fff, 530px 223px #fff,
    2400px 1390px #fff, 1px 2335px #fff, 939px 189px #fff, 183px 135px #fff,
    2460px 1522px #fff, 2031px 1500px #fff, 2061px 2134px #fff,
    1853px 1147px #fff, 1749px 1551px #fff, 261px 1977px #fff, 1069px 887px #fff,
    2382px 135px #fff, 1779px 1448px #fff, 689px 1788px #fff, 1936px 919px #fff,
    1099px 1910px #fff, 403px 1923px #fff, 410px 2061px #fff, 1735px 850px #fff,
    1787px 235px #fff, 2382px 300px #fff, 2083px 952px #fff, 1207px 1327px #fff,
    1449px 1120px #fff, 1009px 357px #fff, 2328px 815px #fff, 1298px 1844px #fff,
    382px 1028px #fff, 691px 1360px #fff, 1302px 1092px #fff, 79px 1641px #fff,
    2456px 386px #fff, 1388px 1605px #fff, 630px 303px #fff, 2041px 600px #fff,
    890px 1302px #fff, 925px 2205px #fff, 690px 1178px #fff, 242px 1012px #fff,
    177px 2345px #fff, 1317px 815px #fff, 406px 867px #fff, 726px 806px #fff,
    2450px 164px #fff, 1771px 767px #fff, 672px 1144px #fff, 1946px 972px #fff,
    29px 169px #fff, 1242px 2377px #fff, 601px 2485px #fff, 147px 1745px #fff,
    1240px 265px #fff, 1212px 906px #fff, 473px 978px #fff, 2049px 969px #fff,
    1518px 713px #fff, 1117px 1436px #fff, 704px 2177px #fff, 566px 2426px #fff,
    1691px 1239px #fff, 727px 2370px #fff, 2035px 2369px #fff, 1479px 864px #fff,
    1324px 635px #fff, 1461px 1450px #fff, 1083px 1543px #fff, 2334px 791px #fff,
    2273px 2056px #fff, 2037px 2452px #fff, 581px 2px #fff, 904px 1308px #fff,
    919px 1050px #fff, 1256px 87px #fff, 342px 476px #fff, 442px 388px #fff,
    370px 1954px #fff, 1749px 2185px #fff, 2291px 128px #fff, 491px 754px #fff,
    2108px 1170px #fff, 1126px 202px #fff, 2413px 81px #fff, 1602px 1610px #fff,
    1159px 840px #fff, 1099px 513px #fff, 219px 2099px #fff, 1029px 1791px #fff,
    2298px 462px #fff, 1900px 7px #fff, 643px 519px #fff, 2482px 1855px #fff,
    1662px 1743px #fff, 154px 2259px #fff, 194px 628px #fff, 1090px 2062px #fff,
    2348px 957px #fff, 1889px 375px #fff, 1897px 603px #fff, 2284px 1862px #fff,
    1009px 2458px #fff, 1795px 2067px #fff, 1272px 792px #fff,
    2105px 1080px #fff, 902px 918px #fff, 1460px 1781px #fff, 2449px 347px #fff,
    1790px 1584px #fff, 1926px 412px #fff, 1467px 2123px #fff, 750px 1974px #fff,
    1470px 880px #fff, 139px 111px #fff, 1315px 573px #fff, 1743px 1542px #fff,
    2315px 2252px #fff, 2012px 1147px #fff, 1041px 1655px #fff,
    811px 2130px #fff, 342px 1852px #fff, 1070px 1093px #fff, 1847px 2174px #fff,
    949px 1003px #fff, 2393px 1819px #fff, 1458px 1064px #fff, 262px 5px #fff,
    1421px 434px #fff, 103px 200px #fff, 311px 1650px #fff, 1409px 114px #fff,
    969px 1975px #fff, 704px 2438px #fff, 2341px 946px #fff, 2032px 692px #fff,
    2136px 1084px #fff, 1931px 13px #fff, 683px 417px #fff, 5px 800px #fff,
    610px 2412px #fff, 1723px 188px #fff, 1285px 978px #fff, 1102px 2056px #fff,
    601px 1035px #fff, 2185px 1871px #fff, 2206px 1651px #fff, 546px 1162px #fff,
    489px 1971px #fff, 1714px 1617px #fff, 438px 2058px #fff, 1079px 1821px #fff,
    2447px 423px #fff, 2111px 466px #fff, 716px 638px #fff, 785px 1738px #fff,
    1092px 1386px #fff, 636px 1351px #fff, 842px 2172px #fff, 2196px 1899px #fff,
    1819px 1012px #fff, 2267px 2432px #fff, 554px 293px #fff, 1524px 1479px #fff,
    2012px 532px #fff, 2472px 1540px #fff, 1407px 432px #fff, 189px 1576px #fff,
    2306px 1068px #fff, 2496px 405px #fff, 1744px 990px #fff, 418px 368px #fff,
    657px 2180px #fff, 291px 1715px #fff, 1768px 1759px #fff, 1807px 1714px #fff,
    356px 2349px #fff, 2382px 2497px #fff, 2283px 671px #fff, 1951px 1177px #fff,
    2425px 2263px #fff, 1307px 812px #fff, 339px 2124px #fff, 1747px 487px #fff,
    1210px 21px #fff, 1867px 2297px #fff, 633px 2142px #fff, 1153px 667px #fff,
    431px 1795px #fff, 2053px 1303px #fff, 402px 1932px #fff, 1540px 1364px #fff,
    1463px 2291px #fff, 1232px 1188px #fff, 2229px 2363px #fff,
    864px 1957px #fff, 863px 891px #fff, 1536px 139px #fff, 204px 1149px #fff,
    807px 1772px #fff, 1294px 1053px #fff, 1708px 107px #fff, 337px 693px #fff,
    2374px 2293px #fff, 771px 1058px #fff, 843px 1539px #fff, 1180px 181px #fff,
    2045px 1341px #fff, 1858px 1099px #fff, 1004px 1423px #fff, 232px 644px #fff,
    1659px 254px #fff, 1792px 1066px #fff, 2179px 1014px #fff, 2338px 159px #fff,
    281px 2328px #fff, 1450px 1022px #fff, 2025px 893px #fff, 2340px 234px #fff,
    1765px 799px #fff, 1344px 2206px #fff, 1206px 2437px #fff, 1306px 771px #fff,
    1018px 2024px #fff, 1626px 2469px #fff, 273px 1175px #fff, 1758px 905px #fff,
    1049px 2127px #fff, 990px 338px #fff, 653px 1483px #fff, 1435px 1550px #fff,
    1556px 851px #fff, 1011px 2359px #fff, 1922px 1315px #fff,
    2401px 1371px #fff, 976px 43px #fff, 78px 1243px #fff, 2408px 498px #fff,
    493px 637px #fff, 292px 1373px #fff, 1994px 657px #fff, 1017px 1663px #fff,
    2456px 1257px #fff, 414px 2020px #fff, 441px 175px #fff, 1020px 632px #fff,
    1455px 1396px #fff, 510px 720px #fff, 437px 66px #fff, 150px 845px #fff,
    819px 60px #fff, 986px 1052px #fff, 960px 1107px #fff, 615px 2381px #fff,
    2014px 282px #fff, 98px 1754px #fff, 854px 1685px #fff, 2367px 935px #fff,
    1102px 1327px #fff, 46px 347px #fff, 2171px 1007px #fff, 595px 527px #fff,
    1482px 1098px #fff, 923px 2105px #fff, 687px 2145px #fff, 988px 123px #fff,
    2174px 2388px #fff, 2381px 2460px #fff, 1656px 2273px #fff,
    1545px 2292px #fff, 919px 1437px #fff, 165px 249px #fff, 600px 1102px #fff,
    1759px 1521px #fff, 1941px 271px #fff, 1457px 2232px #fff, 1091px 130px #fff,
    1380px 55px #fff, 419px 2410px #fff, 1011px 14px #fff, 1042px 1034px #fff,
    1241px 501px #fff, 2421px 2485px #fff, 346px 1074px #fff, 1388px 1692px #fff,
    2331px 373px #fff, 942px 2325px #fff, 1058px 21px #fff, 86px 1965px #fff,
    651px 1372px #fff, 2291px 108px #fff, 606px 868px #fff, 1044px 605px #fff,
    1318px 2357px #fff, 1813px 1383px #fff, 1964px 1372px #fff,
    1786px 1530px #fff, 2427px 791px #fff, 224px 1539px #fff, 965px 1662px #fff,
    427px 944px #fff, 1965px 1325px #fff, 131px 1544px #fff, 2228px 1700px #fff,
    1982px 1841px #fff, 2381px 1272px #fff, 899px 1781px #fff, 320px 2298px #fff,
    1145px 1483px #fff, 844px 1431px #fff, 2379px 1967px #fff,
    1941px 1174px #fff, 2283px 1582px #fff, 54px 1107px #fff, 1235px 1609px #fff,
    2244px 1583px #fff, 1949px 1689px #fff, 45px 1812px #fff, 1306px 48px #fff,
    1909px 69px #fff, 1469px 1556px #fff, 453px 832px #fff, 286px 327px #fff,
    1898px 255px #fff, 2393px 530px #fff, 632px 1085px #fff, 1391px 1673px #fff,
    1238px 2318px #fff, 1404px 2410px #fff, 2257px 765px #fff, 441px 1171px #fff,
    813px 398px #fff, 1795px 1317px #fff, 1166px 2102px #fff, 1739px 1122px #fff,
    1326px 2219px #fff, 1931px 2292px #fff, 1247px 271px #fff, 782px 621px #fff,
    66px 644px #fff, 492px 2008px #fff, 429px 762px #fff, 1198px 173px #fff,
    171px 439px #fff, 2059px 2219px #fff, 916px 725px #fff, 2488px 1438px #fff,
    1096px 1783px #fff, 2247px 622px #fff, 2297px 1566px #fff, 1043px 352px #fff,
    445px 542px #fff, 2225px 2165px #fff, 2229px 588px #fff, 962px 346px #fff,
    1948px 2382px #fff, 1213px 1640px #fff, 272px 1898px #fff, 46px 1685px #fff,
    1001px 1990px #fff, 2409px 743px #fff, 1272px 672px #fff, 1106px 1215px #fff,
    1488px 1730px #fff, 79px 356px #fff, 83px 996px #fff, 2162px 1366px #fff,
    1327px 1279px #fff, 1430px 676px #fff, 756px 159px #fff, 604px 174px #fff,
    24px 1055px #fff, 1737px 872px #fff, 1464px 1150px #fff, 1257px 1902px #fff,
    1870px 1019px #fff, 2028px 989px #fff, 853px 2217px #fff, 678px 2291px #fff,
    224px 435px #fff, 8px 331px #fff, 1774px 1753px #fff, 472px 2102px #fff,
    497px 334px #fff, 1022px 1498px #fff, 2114px 1233px #fff, 845px 1275px #fff,
    1988px 1705px #fff, 124px 477px #fff, 73px 155px #fff, 1116px 1745px #fff,
    200px 2030px #fff, 1878px 419px #fff, 2102px 1215px #fff, 1327px 2279px #fff,
    1689px 670px #fff, 992px 769px #fff, 372px 1994px #fff, 939px 715px #fff,
    1498px 1674px #fff, 628px 331px #fff, 129px 1283px #fff, 2066px 420px #fff,
    1435px 90px #fff, 2271px 1831px #fff, 706px 340px #fff, 1222px 1287px #fff,
    1224px 1882px #fff, 314px 1115px #fff, 190px 253px #fff, 972px 1343px #fff,
    869px 112px #fff, 1881px 2285px #fff, 1709px 958px #fff, 2040px 2096px #fff,
    1718px 1665px #fff, 1141px 2170px #fff, 966px 1216px #fff,
    2198px 1505px #fff, 1378px 1767px #fff, 2000px 2245px #fff,
    1685px 1910px #fff, 2223px 824px #fff, 2344px 32px #fff, 964px 1209px #fff,
    1668px 311px #fff, 209px 993px #fff, 102px 1918px #fff, 902px 1218px #fff,
    1447px 2077px #fff, 798px 195px #fff, 498px 1948px #fff, 787px 1491px #fff,
    2232px 926px #fff, 272px 1427px #fff, 2402px 245px #fff, 904px 1396px #fff,
    2469px 1089px #fff, 984px 360px #fff, 1355px 1285px #fff, 213px 345px #fff,
    2292px 734px #fff, 1294px 1894px #fff, 1757px 1896px #fff,
    1344px 1385px #fff, 1271px 192px #fff, 2491px 1857px #fff,
    2472px 1085px #fff, 834px 2013px #fff, 1208px 126px #fff, 1697px 110px #fff,
    1259px 1881px #fff, 2084px 1943px #fff, 1872px 2312px #fff,
    913px 1577px #fff, 348px 1514px #fff, 2281px 1925px #fff, 66px 2221px #fff,
    2116px 968px #fff, 1163px 606px #fff, 2104px 1387px #fff, 509px 90px #fff,
    1799px 1951px #fff, 1817px 1646px #fff, 547px 1822px #fff,
    2435px 1862px #fff, 1087px 1500px #fff, 1276px 825px #fff,
    1248px 1557px #fff, 829px 290px #fff, 1034px 2040px #fff, 642px 1131px #fff,
    1219px 1194px #fff, 1725px 836px #fff, 267px 2424px #fff, 2338px 149px #fff,
    1971px 2227px #fff, 1941px 99px #fff, 1403px 532px #fff, 548px 207px #fff,
    2153px 1166px #fff, 1222px 2413px #fff, 1199px 1483px #fff,
    1568px 1976px #fff, 464px 1487px #fff, 2411px 1953px #fff, 89px 790px #fff,
    1378px 1194px #fff, 396px 152px #fff, 518px 1077px #fff, 1626px 1527px #fff,
    1423px 1925px #fff, 2116px 137px #fff, 2462px 909px #fff, 187px 1923px #fff,
    1921px 518px #fff, 1817px 1551px #fff, 415px 2281px #fff, 2486px 722px #fff,
    531px 813px #fff, 619px 2043px #fff, 1515px 803px #fff, 1869px 1739px #fff,
    2369px 1300px #fff, 2149px 255px #fff, 1147px 1753px #fff, 912px 2172px #fff,
    1808px 1051px #fff, 1394px 1640px #fff, 2218px 2402px #fff,
    1062px 274px #fff, 2053px 472px #fff, 2268px 2139px #fff, 1774px 1302px #fff,
    1867px 122px #fff, 702px 110px #fff, 974px 917px #fff, 561px 1092px #fff,
    1346px 1142px #fff, 36px 1904px #fff, 1291px 1138px #fff, 849px 1495px #fff,
    2384px 1976px #fff, 2249px 93px #fff, 1134px 1789px #fff, 776px 2393px #fff,
    228px 1618px #fff, 1175px 238px #fff, 2308px 793px #fff, 1753px 988px #fff,
    1278px 360px #fff, 1901px 228px #fff, 2248px 1394px #fff, 1062px 1692px #fff,
    1745px 1023px #fff, 1936px 237px #fff, 1689px 2126px #fff, 184px 554px #fff,
    1792px 1926px #fff, 865px 442px #fff, 2498px 1237px #fff, 1613px 1665px #fff,
    1749px 2337px #fff, 2370px 1462px #fff, 1668px 655px #fff,
    1036px 1369px #fff, 2001px 2119px #fff, 1178px 1935px #fff,
    1615px 1766px #fff, 579px 254px #fff, 2250px 301px #fff, 1627px 2031px #fff,
    2045px 143px #fff, 856px 587px #fff, 1307px 1867px #fff, 1823px 1902px #fff,
    695px 1290px #fff, 504px 400px #fff, 2016px 1005px #fff, 2034px 1345px #fff,
    2443px 2165px #fff, 1030px 314px #fff, 980px 527px #fff, 277px 1620px #fff,
    1317px 269px #fff, 2208px 745px #fff, 341px 836px #fff, 364px 1519px #fff,
    1939px 1148px #fff, 463px 2204px #fff, 2118px 370px #fff, 54px 2463px #fff,
    2128px 1976px #fff, 1866px 1767px #fff, 1949px 1545px #fff,
    1686px 1820px #fff, 663px 1989px #fff, 1574px 336px #fff, 340px 1626px #fff,
    63px 640px #fff, 924px 2463px #fff, 113px 903px #fff, 998px 2411px #fff,
    741px 1479px #fff, 1389px 544px #fff, 2218px 367px #fff, 1641px 625px #fff,
    849px 364px #fff, 314px 2025px #fff, 828px 2268px #fff, 1138px 429px #fff,
    1727px 1167px #fff, 1329px 691px #fff, 579px 1690px #fff, 1209px 1342px #fff,
    1396px 1516px #fff, 964px 641px #fff, 348px 1258px #fff, 1328px 2221px #fff,
    1388px 2448px #fff, 2126px 115px #fff, 703px 2250px #fff, 201px 789px #fff,
    1774px 2124px #fff, 1517px 2097px #fff, 1571px 1681px #fff,
    307px 1807px #fff, 2243px 2410px #fff, 987px 1240px #fff, 216px 1750px #fff,
    2429px 2290px #fff, 1545px 1185px #fff, 223px 1183px #fff,
    1634px 1888px #fff, 1367px 830px #fff, 2007px 1027px #fff,
    1349px 1047px #fff, 2482px 706px #fff, 1713px 970px #fff, 912px 531px #fff,
    1046px 2498px #fff, 853px 1090px #fff, 1266px 727px #fff, 2204px 942px #fff,
    1231px 1621px #fff, 2271px 989px #fff, 736px 1993px #fff, 784px 926px #fff,
    2453px 1187px #fff, 2235px 791px #fff, 200px 1791px #fff, 180px 2243px #fff,
    1017px 564px #fff, 291px 1763px #fff, 437px 1582px #fff, 193px 2323px #fff,
    1543px 122px #fff, 280px 448px #fff, 1063px 686px #fff, 1875px 2039px #fff,
    1555px 2006px #fff;
  -webkit-animation: animStar 50s infinite linear;
  -moz-animation: animStar 50s infinite linear;
  animation: animStar 50s infinite linear;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 2032px 449px #fff, 1683px 605px #fff, 1522px 2312px #fff,
    250px 2364px #fff, 1767px 976px #fff, 1009px 319px #fff, 1975px 1618px #fff,
    440px 953px #fff, 446px 1170px #fff, 1040px 1573px #fff, 356px 2349px #fff,
    2166px 2440px #fff, 437px 1437px #fff, 799px 1422px #fff, 1567px 1725px #fff,
    2479px 1870px #fff, 2496px 1062px #fff, 1618px 1916px #fff,
    2097px 2167px #fff, 1658px 2168px #fff, 617px 802px #fff, 218px 1810px #fff,
    2145px 161px #fff, 1735px 141px #fff, 1783px 840px #fff, 59px 477px #fff,
    1518px 754px #fff, 2343px 388px #fff, 1097px 2111px #fff, 2085px 2473px #fff,
    1694px 1492px #fff, 2154px 674px #fff, 840px 1964px #fff, 1908px 1500px #fff,
    2281px 379px #fff, 689px 223px #fff, 453px 2098px #fff, 559px 651px #fff,
    1504px 2385px #fff, 440px 8px #fff, 2263px 54px #fff, 1400px 760px #fff,
    545px 1922px #fff, 2401px 577px #fff, 1943px 578px #fff, 436px 125px #fff,
    1460px 186px #fff, 2009px 852px #fff, 94px 746px #fff, 508px 535px #fff,
    1328px 373px #fff, 429px 458px #fff, 1081px 1977px #fff, 1181px 349px #fff,
    1855px 1894px #fff, 2352px 824px #fff, 2023px 2256px #fff, 574px 998px #fff,
    137px 2128px #fff, 1415px 1003px #fff, 1873px 363px #fff, 530px 223px #fff,
    2400px 1390px #fff, 1px 2335px #fff, 939px 189px #fff, 183px 135px #fff,
    2460px 1522px #fff, 2031px 1500px #fff, 2061px 2134px #fff,
    1853px 1147px #fff, 1749px 1551px #fff, 261px 1977px #fff, 1069px 887px #fff,
    2382px 135px #fff, 1779px 1448px #fff, 689px 1788px #fff, 1936px 919px #fff,
    1099px 1910px #fff, 403px 1923px #fff, 410px 2061px #fff, 1735px 850px #fff,
    1787px 235px #fff, 2382px 300px #fff, 2083px 952px #fff, 1207px 1327px #fff,
    1449px 1120px #fff, 1009px 357px #fff, 2328px 815px #fff, 1298px 1844px #fff,
    382px 1028px #fff, 691px 1360px #fff, 1302px 1092px #fff, 79px 1641px #fff,
    2456px 386px #fff, 1388px 1605px #fff, 630px 303px #fff, 2041px 600px #fff,
    890px 1302px #fff, 925px 2205px #fff, 690px 1178px #fff, 242px 1012px #fff,
    177px 2345px #fff, 1317px 815px #fff, 406px 867px #fff, 726px 806px #fff,
    2450px 164px #fff, 1771px 767px #fff, 672px 1144px #fff, 1946px 972px #fff,
    29px 169px #fff, 1242px 2377px #fff, 601px 2485px #fff, 147px 1745px #fff,
    1240px 265px #fff, 1212px 906px #fff, 473px 978px #fff, 2049px 969px #fff,
    1518px 713px #fff, 1117px 1436px #fff, 704px 2177px #fff, 566px 2426px #fff,
    1691px 1239px #fff, 727px 2370px #fff, 2035px 2369px #fff, 1479px 864px #fff,
    1324px 635px #fff, 1461px 1450px #fff, 1083px 1543px #fff, 2334px 791px #fff,
    2273px 2056px #fff, 2037px 2452px #fff, 581px 2px #fff, 904px 1308px #fff,
    919px 1050px #fff, 1256px 87px #fff, 342px 476px #fff, 442px 388px #fff,
    370px 1954px #fff, 1749px 2185px #fff, 2291px 128px #fff, 491px 754px #fff,
    2108px 1170px #fff, 1126px 202px #fff, 2413px 81px #fff, 1602px 1610px #fff,
    1159px 840px #fff, 1099px 513px #fff, 219px 2099px #fff, 1029px 1791px #fff,
    2298px 462px #fff, 1900px 7px #fff, 643px 519px #fff, 2482px 1855px #fff,
    1662px 1743px #fff, 154px 2259px #fff, 194px 628px #fff, 1090px 2062px #fff,
    2348px 957px #fff, 1889px 375px #fff, 1897px 603px #fff, 2284px 1862px #fff,
    1009px 2458px #fff, 1795px 2067px #fff, 1272px 792px #fff,
    2105px 1080px #fff, 902px 918px #fff, 1460px 1781px #fff, 2449px 347px #fff,
    1790px 1584px #fff, 1926px 412px #fff, 1467px 2123px #fff, 750px 1974px #fff,
    1470px 880px #fff, 139px 111px #fff, 1315px 573px #fff, 1743px 1542px #fff,
    2315px 2252px #fff, 2012px 1147px #fff, 1041px 1655px #fff,
    811px 2130px #fff, 342px 1852px #fff, 1070px 1093px #fff, 1847px 2174px #fff,
    949px 1003px #fff, 2393px 1819px #fff, 1458px 1064px #fff, 262px 5px #fff,
    1421px 434px #fff, 103px 200px #fff, 311px 1650px #fff, 1409px 114px #fff,
    969px 1975px #fff, 704px 2438px #fff, 2341px 946px #fff, 2032px 692px #fff,
    2136px 1084px #fff, 1931px 13px #fff, 683px 417px #fff, 5px 800px #fff,
    610px 2412px #fff, 1723px 188px #fff, 1285px 978px #fff, 1102px 2056px #fff,
    601px 1035px #fff, 2185px 1871px #fff, 2206px 1651px #fff, 546px 1162px #fff,
    489px 1971px #fff, 1714px 1617px #fff, 438px 2058px #fff, 1079px 1821px #fff,
    2447px 423px #fff, 2111px 466px #fff, 716px 638px #fff, 785px 1738px #fff,
    1092px 1386px #fff, 636px 1351px #fff, 842px 2172px #fff, 2196px 1899px #fff,
    1819px 1012px #fff, 2267px 2432px #fff, 554px 293px #fff, 1524px 1479px #fff,
    2012px 532px #fff, 2472px 1540px #fff, 1407px 432px #fff, 189px 1576px #fff,
    2306px 1068px #fff, 2496px 405px #fff, 1744px 990px #fff, 418px 368px #fff,
    657px 2180px #fff, 291px 1715px #fff, 1768px 1759px #fff, 1807px 1714px #fff,
    356px 2349px #fff, 2382px 2497px #fff, 2283px 671px #fff, 1951px 1177px #fff,
    2425px 2263px #fff, 1307px 812px #fff, 339px 2124px #fff, 1747px 487px #fff,
    1210px 21px #fff, 1867px 2297px #fff, 633px 2142px #fff, 1153px 667px #fff,
    431px 1795px #fff, 2053px 1303px #fff, 402px 1932px #fff, 1540px 1364px #fff,
    1463px 2291px #fff, 1232px 1188px #fff, 2229px 2363px #fff,
    864px 1957px #fff, 863px 891px #fff, 1536px 139px #fff, 204px 1149px #fff,
    807px 1772px #fff, 1294px 1053px #fff, 1708px 107px #fff, 337px 693px #fff,
    2374px 2293px #fff, 771px 1058px #fff, 843px 1539px #fff, 1180px 181px #fff,
    2045px 1341px #fff, 1858px 1099px #fff, 1004px 1423px #fff, 232px 644px #fff,
    1659px 254px #fff, 1792px 1066px #fff, 2179px 1014px #fff, 2338px 159px #fff,
    281px 2328px #fff, 1450px 1022px #fff, 2025px 893px #fff, 2340px 234px #fff,
    1765px 799px #fff, 1344px 2206px #fff, 1206px 2437px #fff, 1306px 771px #fff,
    1018px 2024px #fff, 1626px 2469px #fff, 273px 1175px #fff, 1758px 905px #fff,
    1049px 2127px #fff, 990px 338px #fff, 653px 1483px #fff, 1435px 1550px #fff,
    1556px 851px #fff, 1011px 2359px #fff, 1922px 1315px #fff,
    2401px 1371px #fff, 976px 43px #fff, 78px 1243px #fff, 2408px 498px #fff,
    493px 637px #fff, 292px 1373px #fff, 1994px 657px #fff, 1017px 1663px #fff,
    2456px 1257px #fff, 414px 2020px #fff, 441px 175px #fff, 1020px 632px #fff,
    1455px 1396px #fff, 510px 720px #fff, 437px 66px #fff, 150px 845px #fff,
    819px 60px #fff, 986px 1052px #fff, 960px 1107px #fff, 615px 2381px #fff,
    2014px 282px #fff, 98px 1754px #fff, 854px 1685px #fff, 2367px 935px #fff,
    1102px 1327px #fff, 46px 347px #fff, 2171px 1007px #fff, 595px 527px #fff,
    1482px 1098px #fff, 923px 2105px #fff, 687px 2145px #fff, 988px 123px #fff,
    2174px 2388px #fff, 2381px 2460px #fff, 1656px 2273px #fff,
    1545px 2292px #fff, 919px 1437px #fff, 165px 249px #fff, 600px 1102px #fff,
    1759px 1521px #fff, 1941px 271px #fff, 1457px 2232px #fff, 1091px 130px #fff,
    1380px 55px #fff, 419px 2410px #fff, 1011px 14px #fff, 1042px 1034px #fff,
    1241px 501px #fff, 2421px 2485px #fff, 346px 1074px #fff, 1388px 1692px #fff,
    2331px 373px #fff, 942px 2325px #fff, 1058px 21px #fff, 86px 1965px #fff,
    651px 1372px #fff, 2291px 108px #fff, 606px 868px #fff, 1044px 605px #fff,
    1318px 2357px #fff, 1813px 1383px #fff, 1964px 1372px #fff,
    1786px 1530px #fff, 2427px 791px #fff, 224px 1539px #fff, 965px 1662px #fff,
    427px 944px #fff, 1965px 1325px #fff, 131px 1544px #fff, 2228px 1700px #fff,
    1982px 1841px #fff, 2381px 1272px #fff, 899px 1781px #fff, 320px 2298px #fff,
    1145px 1483px #fff, 844px 1431px #fff, 2379px 1967px #fff,
    1941px 1174px #fff, 2283px 1582px #fff, 54px 1107px #fff, 1235px 1609px #fff,
    2244px 1583px #fff, 1949px 1689px #fff, 45px 1812px #fff, 1306px 48px #fff,
    1909px 69px #fff, 1469px 1556px #fff, 453px 832px #fff, 286px 327px #fff,
    1898px 255px #fff, 2393px 530px #fff, 632px 1085px #fff, 1391px 1673px #fff,
    1238px 2318px #fff, 1404px 2410px #fff, 2257px 765px #fff, 441px 1171px #fff,
    813px 398px #fff, 1795px 1317px #fff, 1166px 2102px #fff, 1739px 1122px #fff,
    1326px 2219px #fff, 1931px 2292px #fff, 1247px 271px #fff, 782px 621px #fff,
    66px 644px #fff, 492px 2008px #fff, 429px 762px #fff, 1198px 173px #fff,
    171px 439px #fff, 2059px 2219px #fff, 916px 725px #fff, 2488px 1438px #fff,
    1096px 1783px #fff, 2247px 622px #fff, 2297px 1566px #fff, 1043px 352px #fff,
    445px 542px #fff, 2225px 2165px #fff, 2229px 588px #fff, 962px 346px #fff,
    1948px 2382px #fff, 1213px 1640px #fff, 272px 1898px #fff, 46px 1685px #fff,
    1001px 1990px #fff, 2409px 743px #fff, 1272px 672px #fff, 1106px 1215px #fff,
    1488px 1730px #fff, 79px 356px #fff, 83px 996px #fff, 2162px 1366px #fff,
    1327px 1279px #fff, 1430px 676px #fff, 756px 159px #fff, 604px 174px #fff,
    24px 1055px #fff, 1737px 872px #fff, 1464px 1150px #fff, 1257px 1902px #fff,
    1870px 1019px #fff, 2028px 989px #fff, 853px 2217px #fff, 678px 2291px #fff,
    224px 435px #fff, 8px 331px #fff, 1774px 1753px #fff, 472px 2102px #fff,
    497px 334px #fff, 1022px 1498px #fff, 2114px 1233px #fff, 845px 1275px #fff,
    1988px 1705px #fff, 124px 477px #fff, 73px 155px #fff, 1116px 1745px #fff,
    200px 2030px #fff, 1878px 419px #fff, 2102px 1215px #fff, 1327px 2279px #fff,
    1689px 670px #fff, 992px 769px #fff, 372px 1994px #fff, 939px 715px #fff,
    1498px 1674px #fff, 628px 331px #fff, 129px 1283px #fff, 2066px 420px #fff,
    1435px 90px #fff, 2271px 1831px #fff, 706px 340px #fff, 1222px 1287px #fff,
    1224px 1882px #fff, 314px 1115px #fff, 190px 253px #fff, 972px 1343px #fff,
    869px 112px #fff, 1881px 2285px #fff, 1709px 958px #fff, 2040px 2096px #fff,
    1718px 1665px #fff, 1141px 2170px #fff, 966px 1216px #fff,
    2198px 1505px #fff, 1378px 1767px #fff, 2000px 2245px #fff,
    1685px 1910px #fff, 2223px 824px #fff, 2344px 32px #fff, 964px 1209px #fff,
    1668px 311px #fff, 209px 993px #fff, 102px 1918px #fff, 902px 1218px #fff,
    1447px 2077px #fff, 798px 195px #fff, 498px 1948px #fff, 787px 1491px #fff,
    2232px 926px #fff, 272px 1427px #fff, 2402px 245px #fff, 904px 1396px #fff,
    2469px 1089px #fff, 984px 360px #fff, 1355px 1285px #fff, 213px 345px #fff,
    2292px 734px #fff, 1294px 1894px #fff, 1757px 1896px #fff,
    1344px 1385px #fff, 1271px 192px #fff, 2491px 1857px #fff,
    2472px 1085px #fff, 834px 2013px #fff, 1208px 126px #fff, 1697px 110px #fff,
    1259px 1881px #fff, 2084px 1943px #fff, 1872px 2312px #fff,
    913px 1577px #fff, 348px 1514px #fff, 2281px 1925px #fff, 66px 2221px #fff,
    2116px 968px #fff, 1163px 606px #fff, 2104px 1387px #fff, 509px 90px #fff,
    1799px 1951px #fff, 1817px 1646px #fff, 547px 1822px #fff,
    2435px 1862px #fff, 1087px 1500px #fff, 1276px 825px #fff,
    1248px 1557px #fff, 829px 290px #fff, 1034px 2040px #fff, 642px 1131px #fff,
    1219px 1194px #fff, 1725px 836px #fff, 267px 2424px #fff, 2338px 149px #fff,
    1971px 2227px #fff, 1941px 99px #fff, 1403px 532px #fff, 548px 207px #fff,
    2153px 1166px #fff, 1222px 2413px #fff, 1199px 1483px #fff,
    1568px 1976px #fff, 464px 1487px #fff, 2411px 1953px #fff, 89px 790px #fff,
    1378px 1194px #fff, 396px 152px #fff, 518px 1077px #fff, 1626px 1527px #fff,
    1423px 1925px #fff, 2116px 137px #fff, 2462px 909px #fff, 187px 1923px #fff,
    1921px 518px #fff, 1817px 1551px #fff, 415px 2281px #fff, 2486px 722px #fff,
    531px 813px #fff, 619px 2043px #fff, 1515px 803px #fff, 1869px 1739px #fff,
    2369px 1300px #fff, 2149px 255px #fff, 1147px 1753px #fff, 912px 2172px #fff,
    1808px 1051px #fff, 1394px 1640px #fff, 2218px 2402px #fff,
    1062px 274px #fff, 2053px 472px #fff, 2268px 2139px #fff, 1774px 1302px #fff,
    1867px 122px #fff, 702px 110px #fff, 974px 917px #fff, 561px 1092px #fff,
    1346px 1142px #fff, 36px 1904px #fff, 1291px 1138px #fff, 849px 1495px #fff,
    2384px 1976px #fff, 2249px 93px #fff, 1134px 1789px #fff, 776px 2393px #fff,
    228px 1618px #fff, 1175px 238px #fff, 2308px 793px #fff, 1753px 988px #fff,
    1278px 360px #fff, 1901px 228px #fff, 2248px 1394px #fff, 1062px 1692px #fff,
    1745px 1023px #fff, 1936px 237px #fff, 1689px 2126px #fff, 184px 554px #fff,
    1792px 1926px #fff, 865px 442px #fff, 2498px 1237px #fff, 1613px 1665px #fff,
    1749px 2337px #fff, 2370px 1462px #fff, 1668px 655px #fff,
    1036px 1369px #fff, 2001px 2119px #fff, 1178px 1935px #fff,
    1615px 1766px #fff, 579px 254px #fff, 2250px 301px #fff, 1627px 2031px #fff,
    2045px 143px #fff, 856px 587px #fff, 1307px 1867px #fff, 1823px 1902px #fff,
    695px 1290px #fff, 504px 400px #fff, 2016px 1005px #fff, 2034px 1345px #fff,
    2443px 2165px #fff, 1030px 314px #fff, 980px 527px #fff, 277px 1620px #fff,
    1317px 269px #fff, 2208px 745px #fff, 341px 836px #fff, 364px 1519px #fff,
    1939px 1148px #fff, 463px 2204px #fff, 2118px 370px #fff, 54px 2463px #fff,
    2128px 1976px #fff, 1866px 1767px #fff, 1949px 1545px #fff,
    1686px 1820px #fff, 663px 1989px #fff, 1574px 336px #fff, 340px 1626px #fff,
    63px 640px #fff, 924px 2463px #fff, 113px 903px #fff, 998px 2411px #fff,
    741px 1479px #fff, 1389px 544px #fff, 2218px 367px #fff, 1641px 625px #fff,
    849px 364px #fff, 314px 2025px #fff, 828px 2268px #fff, 1138px 429px #fff,
    1727px 1167px #fff, 1329px 691px #fff, 579px 1690px #fff, 1209px 1342px #fff,
    1396px 1516px #fff, 964px 641px #fff, 348px 1258px #fff, 1328px 2221px #fff,
    1388px 2448px #fff, 2126px 115px #fff, 703px 2250px #fff, 201px 789px #fff,
    1774px 2124px #fff, 1517px 2097px #fff, 1571px 1681px #fff,
    307px 1807px #fff, 2243px 2410px #fff, 987px 1240px #fff, 216px 1750px #fff,
    2429px 2290px #fff, 1545px 1185px #fff, 223px 1183px #fff,
    1634px 1888px #fff, 1367px 830px #fff, 2007px 1027px #fff,
    1349px 1047px #fff, 2482px 706px #fff, 1713px 970px #fff, 912px 531px #fff,
    1046px 2498px #fff, 853px 1090px #fff, 1266px 727px #fff, 2204px 942px #fff,
    1231px 1621px #fff, 2271px 989px #fff, 736px 1993px #fff, 784px 926px #fff,
    2453px 1187px #fff, 2235px 791px #fff, 200px 1791px #fff, 180px 2243px #fff,
    1017px 564px #fff, 291px 1763px #fff, 437px 1582px #fff, 193px 2323px #fff,
    1543px 122px #fff, 280px 448px #fff, 1063px 686px #fff, 1875px 2039px #fff,
    1555px 2006px #fff;
}

#stars2 {
  width: 2px;
  height: 2px;
  margin-left: 25%;
  background: transparent;
  box-shadow: 1116px 85px #fff, 2043px 2177px #fff, 2002px 707px #fff,
    1248px 1583px #fff, 614px 299px #fff, 616px 1786px #fff, 1605px 124px #fff,
    2324px 750px #fff, 1205px 1410px #fff, 1334px 499px #fff, 1597px 2459px #fff,
    578px 1317px #fff, 1086px 607px #fff, 815px 155px #fff, 1471px 2315px #fff,
    1757px 520px #fff, 209px 870px #fff, 597px 464px #fff, 1397px 850px #fff,
    2189px 2236px #fff, 1424px 2244px #fff, 836px 439px #fff, 2389px 138px #fff,
    2161px 794px #fff, 1030px 28px #fff, 847px 212px #fff, 1754px 2400px #fff,
    931px 466px #fff, 1236px 2143px #fff, 856px 2443px #fff, 354px 1420px #fff,
    1973px 2181px #fff, 1287px 1823px #fff, 292px 1279px #fff,
    1935px 1925px #fff, 1412px 69px #fff, 511px 227px #fff, 17px 2114px #fff,
    408px 1312px #fff, 150px 2081px #fff, 1774px 323px #fff, 1355px 1390px #fff,
    511px 440px #fff, 417px 1451px #fff, 1639px 196px #fff, 597px 617px #fff,
    1747px 944px #fff, 2383px 453px #fff, 2434px 564px #fff, 920px 915px #fff,
    2388px 833px #fff, 168px 2369px #fff, 302px 384px #fff, 1844px 928px #fff,
    1133px 822px #fff, 1557px 1725px #fff, 1311px 773px #fff, 2028px 2079px #fff,
    2383px 1px #fff, 2132px 456px #fff, 468px 824px #fff, 900px 641px #fff,
    1619px 1063px #fff, 1260px 2199px #fff, 824px 1078px #fff, 590px 35px #fff,
    406px 2001px #fff, 1752px 1729px #fff, 288px 156px #fff, 191px 1930px #fff,
    387px 164px #fff, 1120px 2011px #fff, 1021px 1256px #fff, 1554px 1830px #fff,
    671px 1068px #fff, 1952px 2117px #fff, 1648px 2179px #fff, 1360px 98px #fff,
    2388px 1047px #fff, 2339px 2453px #fff, 1153px 187px #fff, 2309px 585px #fff,
    1557px 1342px #fff, 1378px 2082px #fff, 192px 740px #fff, 879px 910px #fff,
    1414px 1785px #fff, 752px 480px #fff, 351px 2464px #fff, 1454px 599px #fff,
    2099px 264px #fff, 414px 1877px #fff, 873px 730px #fff, 1913px 1907px #fff,
    924px 1009px #fff, 99px 2244px #fff, 975px 453px #fff, 191px 966px #fff,
    1933px 966px #fff, 1197px 1673px #fff, 1968px 1892px #fff, 2197px 951px #fff,
    757px 2124px #fff, 931px 1047px #fff, 1098px 1913px #fff, 2047px 2135px #fff,
    620px 1609px #fff, 1877px 1734px #fff, 191px 395px #fff, 672px 1023px #fff,
    122px 1331px #fff, 1211px 279px #fff, 2323px 595px #fff, 2398px 2238px #fff,
    1158px 1121px #fff, 1285px 2422px #fff, 2330px 227px #fff, 28px 85px #fff,
    782px 750px #fff, 482px 351px #fff, 387px 2397px #fff, 113px 2309px #fff,
    1001px 2284px #fff, 1858px 1940px #fff, 1881px 1617px #fff,
    2045px 2412px #fff, 1246px 770px #fff, 1448px 1752px #fff,
    1269px 2059px #fff, 799px 25px #fff, 2478px 1170px #fff, 1275px 476px #fff,
    2015px 1751px #fff, 844px 2102px #fff, 624px 1402px #fff, 574px 1806px #fff,
    1838px 1812px #fff, 2461px 741px #fff, 254px 911px #fff, 1801px 1023px #fff,
    649px 1584px #fff, 2121px 610px #fff, 2225px 1575px #fff, 793px 1267px #fff,
    365px 533px #fff, 2400px 1057px #fff, 1280px 1223px #fff, 326px 54px #fff,
    1458px 1004px #fff, 471px 182px #fff, 1708px 2314px #fff, 668px 1781px #fff,
    806px 1386px #fff, 1270px 1063px #fff, 1507px 262px #fff, 2334px 674px #fff,
    1271px 2235px #fff, 230px 815px #fff, 1254px 1608px #fff, 1364px 2016px #fff,
    553px 256px #fff, 1089px 1453px #fff, 1642px 2430px #fff, 1519px 143px #fff,
    1553px 1286px #fff, 937px 1703px #fff, 2147px 2271px #fff,
    1617px 2050px #fff, 1917px 1008px #fff, 1371px 2356px #fff,
    1131px 917px #fff, 147px 2269px #fff, 1886px 1298px #fff, 283px 906px #fff,
    1315px 1895px #fff, 1856px 439px #fff, 1584px 1103px #fff,
    1944px 2398px #fff, 776px 606px #fff, 2256px 2459px #fff, 2037px 1832px #fff,
    2269px 1319px #fff, 1394px 529px #fff, 1210px 558px #fff, 417px 132px #fff,
    2135px 1263px #fff, 1564px 1137px #fff, 1871px 1061px #fff, 543px 343px #fff,
    649px 804px #fff, 2190px 1514px #fff, 1229px 1159px #fff, 1287px 2361px #fff,
    1078px 75px #fff, 630px 1638px #fff, 1867px 569px #fff, 357px 227px #fff,
    1131px 240px #fff, 755px 1337px #fff, 12px 848px #fff;
  -webkit-animation: animStar 100s infinite linear;
  -moz-animation: animStar 100s infinite linear;
  animation: animStar 100s infinite linear;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1116px 85px #fff, 2043px 2177px #fff, 2002px 707px #fff,
    1248px 1583px #fff, 614px 299px #fff, 616px 1786px #fff, 1605px 124px #fff,
    2324px 750px #fff, 1205px 1410px #fff, 1334px 499px #fff, 1597px 2459px #fff,
    578px 1317px #fff, 1086px 607px #fff, 815px 155px #fff, 1471px 2315px #fff,
    1757px 520px #fff, 209px 870px #fff, 597px 464px #fff, 1397px 850px #fff,
    2189px 2236px #fff, 1424px 2244px #fff, 836px 439px #fff, 2389px 138px #fff,
    2161px 794px #fff, 1030px 28px #fff, 847px 212px #fff, 1754px 2400px #fff,
    931px 466px #fff, 1236px 2143px #fff, 856px 2443px #fff, 354px 1420px #fff,
    1973px 2181px #fff, 1287px 1823px #fff, 292px 1279px #fff,
    1935px 1925px #fff, 1412px 69px #fff, 511px 227px #fff, 17px 2114px #fff,
    408px 1312px #fff, 150px 2081px #fff, 1774px 323px #fff, 1355px 1390px #fff,
    511px 440px #fff, 417px 1451px #fff, 1639px 196px #fff, 597px 617px #fff,
    1747px 944px #fff, 2383px 453px #fff, 2434px 564px #fff, 920px 915px #fff,
    2388px 833px #fff, 168px 2369px #fff, 302px 384px #fff, 1844px 928px #fff,
    1133px 822px #fff, 1557px 1725px #fff, 1311px 773px #fff, 2028px 2079px #fff,
    2383px 1px #fff, 2132px 456px #fff, 468px 824px #fff, 900px 641px #fff,
    1619px 1063px #fff, 1260px 2199px #fff, 824px 1078px #fff, 590px 35px #fff,
    406px 2001px #fff, 1752px 1729px #fff, 288px 156px #fff, 191px 1930px #fff,
    387px 164px #fff, 1120px 2011px #fff, 1021px 1256px #fff, 1554px 1830px #fff,
    671px 1068px #fff, 1952px 2117px #fff, 1648px 2179px #fff, 1360px 98px #fff,
    2388px 1047px #fff, 2339px 2453px #fff, 1153px 187px #fff, 2309px 585px #fff,
    1557px 1342px #fff, 1378px 2082px #fff, 192px 740px #fff, 879px 910px #fff,
    1414px 1785px #fff, 752px 480px #fff, 351px 2464px #fff, 1454px 599px #fff,
    2099px 264px #fff, 414px 1877px #fff, 873px 730px #fff, 1913px 1907px #fff,
    924px 1009px #fff, 99px 2244px #fff, 975px 453px #fff, 191px 966px #fff,
    1933px 966px #fff, 1197px 1673px #fff, 1968px 1892px #fff, 2197px 951px #fff,
    757px 2124px #fff, 931px 1047px #fff, 1098px 1913px #fff, 2047px 2135px #fff,
    620px 1609px #fff, 1877px 1734px #fff, 191px 395px #fff, 672px 1023px #fff,
    122px 1331px #fff, 1211px 279px #fff, 2323px 595px #fff, 2398px 2238px #fff,
    1158px 1121px #fff, 1285px 2422px #fff, 2330px 227px #fff, 28px 85px #fff,
    782px 750px #fff, 482px 351px #fff, 387px 2397px #fff, 113px 2309px #fff,
    1001px 2284px #fff, 1858px 1940px #fff, 1881px 1617px #fff,
    2045px 2412px #fff, 1246px 770px #fff, 1448px 1752px #fff,
    1269px 2059px #fff, 799px 25px #fff, 2478px 1170px #fff, 1275px 476px #fff,
    2015px 1751px #fff, 844px 2102px #fff, 624px 1402px #fff, 574px 1806px #fff,
    1838px 1812px #fff, 2461px 741px #fff, 254px 911px #fff, 1801px 1023px #fff,
    649px 1584px #fff, 2121px 610px #fff, 2225px 1575px #fff, 793px 1267px #fff,
    365px 533px #fff, 2400px 1057px #fff, 1280px 1223px #fff, 326px 54px #fff,
    1458px 1004px #fff, 471px 182px #fff, 1708px 2314px #fff, 668px 1781px #fff,
    806px 1386px #fff, 1270px 1063px #fff, 1507px 262px #fff, 2334px 674px #fff,
    1271px 2235px #fff, 230px 815px #fff, 1254px 1608px #fff, 1364px 2016px #fff,
    553px 256px #fff, 1089px 1453px #fff, 1642px 2430px #fff, 1519px 143px #fff,
    1553px 1286px #fff, 937px 1703px #fff, 2147px 2271px #fff,
    1617px 2050px #fff, 1917px 1008px #fff, 1371px 2356px #fff,
    1131px 917px #fff, 147px 2269px #fff, 1886px 1298px #fff, 283px 906px #fff,
    1315px 1895px #fff, 1856px 439px #fff, 1584px 1103px #fff,
    1944px 2398px #fff, 776px 606px #fff, 2256px 2459px #fff, 2037px 1832px #fff,
    2269px 1319px #fff, 1394px 529px #fff, 1210px 558px #fff, 417px 132px #fff,
    2135px 1263px #fff, 1564px 1137px #fff, 1871px 1061px #fff, 543px 343px #fff,
    649px 804px #fff, 2190px 1514px #fff, 1229px 1159px #fff, 1287px 2361px #fff,
    1078px 75px #fff, 630px 1638px #fff, 1867px 569px #fff, 357px 227px #fff,
    1131px 240px #fff, 755px 1337px #fff, 12px 848px #fff;
}

#stars3 {
  width: 3px;
  height: 3px;
  margin-left: 25%;
  background: transparent;
  box-shadow: 1250px 1621px #fff, 615px 2345px #fff, 207px 1061px #fff,
    1411px 1519px #fff, 838px 2364px #fff, 23px 744px #fff, 4px 2494px #fff,
    1102px 2465px #fff, 1133px 2018px #fff, 186px 916px #fff, 2426px 1419px #fff,
    953px 1139px #fff, 380px 1799px #fff, 2277px 463px #fff, 2357px 1692px #fff,
    538px 740px #fff, 670px 305px #fff, 390px 1455px #fff, 82px 2200px #fff,
    729px 92px #fff, 1774px 2379px #fff, 2124px 1339px #fff, 1187px 820px #fff,
    22px 188px #fff, 1610px 1243px #fff, 1853px 1275px #fff, 1472px 1213px #fff,
    2456px 1319px #fff, 1732px 684px #fff, 278px 1px #fff, 1605px 1px #fff,
    284px 2048px #fff, 241px 720px #fff, 318px 1123px #fff, 131px 723px #fff,
    529px 1177px #fff, 640px 202px #fff, 1336px 131px #fff, 860px 2044px #fff,
    1662px 1699px #fff, 1492px 2198px #fff, 1611px 81px #fff, 914px 2419px #fff,
    1706px 1689px #fff, 344px 2303px #fff, 733px 717px #fff, 1266px 375px #fff,
    1766px 228px #fff, 2067px 2148px #fff, 2105px 2065px #fff,
    1214px 1530px #fff, 2206px 763px #fff, 2192px 369px #fff, 1762px 1643px #fff,
    2305px 2158px #fff, 2318px 595px #fff, 1749px 1743px #fff,
    1679px 2295px #fff, 1154px 371px #fff, 1229px 1436px #fff,
    2367px 1466px #fff, 1137px 945px #fff, 985px 332px #fff, 1422px 351px #fff,
    1231px 65px #fff, 1446px 2259px #fff, 1711px 500px #fff, 2188px 864px #fff,
    795px 942px #fff, 431px 987px #fff, 281px 1047px #fff, 1249px 990px #fff,
    622px 158px #fff, 1708px 1871px #fff, 939px 6px #fff, 1415px 1481px #fff,
    1073px 1301px #fff, 50px 237px #fff, 2127px 239px #fff, 1833px 2116px #fff,
    2372px 874px #fff, 761px 1345px #fff, 571px 2190px #fff, 1362px 963px #fff,
    1126px 1946px #fff, 1123px 76px #fff, 2037px 2342px #fff, 1592px 1356px #fff,
    1988px 2209px #fff, 578px 827px #fff, 580px 2267px #fff, 1908px 526px #fff,
    1415px 130px #fff, 891px 1672px #fff, 2416px 143px #fff, 311px 615px #fff,
    984px 2105px #fff, 501px 594px #fff, 908px 2128px #fff, 2179px 1666px #fff;
  -webkit-animation: animStar 150s infinite linear;
  -moz-animation: animStar 150s infinite linear;
  animation: animStar 150s infinite linear;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1250px 1621px #fff, 615px 2345px #fff, 207px 1061px #fff,
    1411px 1519px #fff, 838px 2364px #fff, 23px 744px #fff, 4px 2494px #fff,
    1102px 2465px #fff, 1133px 2018px #fff, 186px 916px #fff, 2426px 1419px #fff,
    953px 1139px #fff, 380px 1799px #fff, 2277px 463px #fff, 2357px 1692px #fff,
    538px 740px #fff, 670px 305px #fff, 390px 1455px #fff, 82px 2200px #fff,
    729px 92px #fff, 1774px 2379px #fff, 2124px 1339px #fff, 1187px 820px #fff,
    22px 188px #fff, 1610px 1243px #fff, 1853px 1275px #fff, 1472px 1213px #fff,
    2456px 1319px #fff, 1732px 684px #fff, 278px 1px #fff, 1605px 1px #fff,
    284px 2048px #fff, 241px 720px #fff, 318px 1123px #fff, 131px 723px #fff,
    529px 1177px #fff, 640px 202px #fff, 1336px 131px #fff, 860px 2044px #fff,
    1662px 1699px #fff, 1492px 2198px #fff, 1611px 81px #fff, 914px 2419px #fff,
    1706px 1689px #fff, 344px 2303px #fff, 733px 717px #fff, 1266px 375px #fff,
    1766px 228px #fff, 2067px 2148px #fff, 2105px 2065px #fff,
    1214px 1530px #fff, 2206px 763px #fff, 2192px 369px #fff, 1762px 1643px #fff,
    2305px 2158px #fff, 2318px 595px #fff, 1749px 1743px #fff,
    1679px 2295px #fff, 1154px 371px #fff, 1229px 1436px #fff,
    2367px 1466px #fff, 1137px 945px #fff, 985px 332px #fff, 1422px 351px #fff,
    1231px 65px #fff, 1446px 2259px #fff, 1711px 500px #fff, 2188px 864px #fff,
    795px 942px #fff, 431px 987px #fff, 281px 1047px #fff, 1249px 990px #fff,
    622px 158px #fff, 1708px 1871px #fff, 939px 6px #fff, 1415px 1481px #fff,
    1073px 1301px #fff, 50px 237px #fff, 2127px 239px #fff, 1833px 2116px #fff,
    2372px 874px #fff, 761px 1345px #fff, 571px 2190px #fff, 1362px 963px #fff,
    1126px 1946px #fff, 1123px 76px #fff, 2037px 2342px #fff, 1592px 1356px #fff,
    1988px 2209px #fff, 578px 827px #fff, 580px 2267px #fff, 1908px 526px #fff,
    1415px 130px #fff, 891px 1672px #fff, 2416px 143px #fff, 311px 615px #fff,
    984px 2105px #fff, 501px 594px #fff, 908px 2128px #fff, 2179px 1666px #fff;
}

@-webkit-keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes animStar {
  from {
    -moz-transform: translateY(0px);
  }
  to {
    -moz-transform: translateY(-2000px);
  }
}

@keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

#left-side .form-control {
  background: transparent;
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
  color: #fff;
  padding: 10px 0;
  padding: 8px 0;
  font-size: 18px;
}

#left-side .form-control:focus {
  outline: none;
  box-shadow: none;
}

#left-side .form-control::placeholder {
  color: #f4f4f4;
  font-weight: 300;
}

#left-side .form-control:-ms-input-placeholder {
  color: #f4f4f4;
  font-weight: 300;
}

#left-side .form-control::-ms-input-placeholder {
  color: #f4f4f4;
  font-weight: 300;
}

#left-side .RequestAccessBox .form-control {
  width: 50%;
  margin-right: 20px;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .menu-nav a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  #left-side .content {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
    text-align: left;
  }
  /*.menu-nav {
    display: none;
  }*/
}

@media only screen and (max-width: 480px) {
  #left-side {
    padding: 150px 0 150px;
  }
  #left-side .content {
    padding: 0 3%;
  }
  h1.text-intro {
    font-size: 30px;
  }
  h2.text-intro {
    font-size: 18px;
  }
  .RequestAccessBox {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #left-side .RequestAccessBox .form-control {
    margin: 0;
    margin-bottom: 20px;
    width: 80%;
  }
  .overlay.skew-part {
    transform: none;
  }
  .overlay {
    left: 0;
  }
}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: #eee;
  animation: animate 25s linear infinite;
  bottom: -150px;
}

.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

h3.main_question {
  white-space: nowrap;
  overflow: hidden;
  width: 25em;
  animation: type 2s steps(60, end);
}

h3.main_question:nth-child(2) {
  animation: type2 3s steps(60, end);
}

h3.main_question span {
  animation: blink 1s infinite;
}

@keyframes type {
  from {
    width: 0;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}

@keyframes blink {
  to {
    opacity: 0;
  }
}

::selection {
  background: black;
}

.message {
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  margin-top: 15px;
  width: 50%;
  position: relative;
  background: #575757;
  animation: bounce;
  animation-duration: 2s;
  display: none;
}

.message:after {
  bottom: 100%;
  left: 12%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #575757;
  border-width: 10px;
  margin-left: -10px;
}

.comments .message {
  position: absolute;
  right: -355px;
  top: -12px;
  width: 49%;
  animation: slideInLeft;
  animation-duration: 0.5s;
}

.comments .message:after {
  top: 15px;
  left: -20px;
  border-right-color: #575757;
  margin-left: 0;
  border-bottom-color: transparent;
}

#middle-wizard .step i.valid-check {
  position: absolute;
  top: 12px;
  right: 10px;
  left: auto;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #2ce12c;
  pointer-events: none;
  animation: slideInUp;
  animation-duration: 1.5s;
  opacity: 0;
  transition: transform 0.5s ease, box-shadow 0.5s ease, margin 0.5s ease;
}

.home-list {
  padding-top: 50px;
  margin-left: 0;
}

/* .home-list li {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
} */

.home-list li {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  margin: 15px 0;
  line-height: 35px;
  padding-left: 50px;
}
.home-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin-right: 4px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
    .home-list li:first-child::before {
        background-image: url(../img/img_marketing/cloud-computing.svg);
    }
    .home-list li:nth-child(2):before {
        background-image: url(../img/img_marketing/algorithm.svg);
    }
    .home-list li:nth-child(3)::before {
        background-image: url(../img/img_marketing/economy.svg);
    }

.gb-logo {
  width: 68%;
  padding-top: 30px;
}

.pinkBg {
  background-color: #203fea !important;
  background-image: linear-gradient(90deg, #203fea, #203fea);
}

.intro-banner-vdo-play-btn {
  position: absolute;
  top: 0;
  margin-top: 11%;
  left: 0;
  margin-left: 47%;
}

.intro-banner-vdo-play-btn.two {
  top: 0;
  margin-top: 24%;
  left: 0;
  margin-left: 33%;
}

.intro-banner-vdo-play-btn.three {
  top: 0;
  margin-top: 14%;
  left: 0;
  margin-left: 19.4%;
}

.intro-banner-vdo-play-btn.four {
  top: 0;
  margin-top: 28%;
  left: 0;
  margin-left: 5.4%;
}

.pulse-box {
  position: relative;
  display: block;
}

.intro-banner-vdo-play-btn .ripple {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  opacity: 0;
  border-radius: 100px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

section {
  position: relative;
  padding-bottom: 0;
  padding-top: 60px;
  height: calc(100vh - 0px);
  /* height: 100%; */
}

.survey-page section.container-fluid {
  padding: 0 !important;
  height: 100%;
  overflow: hidden;
}

.section-title {
  margin-bottom: 40px;
}

h2.title {
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.2;
  margin-bottom: 0;
  color: #2b2e35;
  font-size: 42px;
}

.section-title h2.title span {
  color: #dd5018;
}

.bg-silver-light {
  background: #f3f4fc;
}

.bg-dark-main {
  background-color: #000000;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.s-subtitle--simetric {
  width: 80%;
  margin: auto;
}

.s-subtitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 15px;
}

.section-heading-line {
  content: "";
  display: block;
  width: 100px;
  border-radius: 10px;
  height: 6px;
  background: #dd5018;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}

.line-thin {
  height: 4px !important;
}

.words-table {
  position: relative;
  display: block;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  background: #ffff;
  height: 100%;
  border-radius: 8px;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
}

.words-table .table-header {
  position: relative;
  display: block;
}

.words-table .table-header .words-plan-name {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 600;
  padding: 15px 0;
  background: linear-gradient(45deg, #f77845, #f94700) !important;
  border-radius: 8px 8px 0 0;
}

.words-table .table-content {
  position: relative;
  display: block;
  padding: 15px;
}

/* .words-table .table-content .list-items {
    display: inline;
    list-style-type: none;
    width: 400px;
} */

.words-table .table-content .list-items li {
  padding: 8px 0;
  list-style: none;
  display: inline;
}

.words-table .table-content canvas {
  width: 100%;
  height: 200px;
}

/* .list-items li:nth-of-type(3n + 1) {
    font-size: 1.25em;
    color: #dd5018;
    font-weight: 600;
}
.list-items li:nth-of-type(4n + 3) {
    font-size: 1.5em;
    color: #232323;
    font-weight: 700;
}
.list-items li:nth-of-type(5n - 3) {
    font-size: 1em;
}

.list-items li:hover {
    color: #0099b2;
    cursor: pointer;
} */

@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
  }
}

.anim-object:before {
    position: absolute;
    content: "";
    background-image: url(../img/img_marketing/1.png);
    height: 260px;
    width: 260px;
    top: 10%;
    right: 10%;
    background-size: contain;
    /* animation-name: spinInfinit;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; */
}

@keyframes spinInfinit {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.anim-object,
.anim-object2 {
  position: relative;
}

section.anim-object {
  overflow: hidden;
}

.whatyoudo {
    background-image: url("../img/img_marketing/abs-bg4.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.whatyoudo .col-md-6 {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1800px;
  }
  .autoforecast .list li {
    font-size: 22px;
  }
  .s-subtitle--simetric {
    width: 100%;
  }
}

svg {
  width: 200px;
  height: 200px;
}

/* svg path {
    fill: none;
    stroke: #09d;
    stroke-width: 3;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    -webkit-animation: dash 2s linear forwards;
    animation: dash 5s linear forwards;
}
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
} */

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
}

#particles-js canvas {
  height: 550px !important;
  display: block;
  vertical-align: bottom;
}

.autoforecast {
    background-image: url("../img/img_marketing/graph-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.autoforecast .list,
.simplicity .list,
.mapping .list,
.typecurve .list {
  padding: 20px;
}

.typecurve .list {
  background-color: rgba(255, 255, 255, 0.5);
}

.autoforecast .list li,
.simplicity .list li,
.organization .list li,
.mapping .list li,
.typecurve .list li {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  position: relative;
  margin: 25px 0;
  line-height: 25px;
  padding-left: 30px;
}

.autoforecast .list li {
  padding-left: 50px;
}

.simplicity .list li:last-child {
  margin-bottom: 0;
}

.simplicity .list li:first-child {
  margin-top: 0;
}

.autoforecast .list li::before,
.simplicity .list li::before,
.organization .list li::before {
    position: absolute;
    top: -6px;
    left: 0;
    width: 48px;
    height: 37px;
    margin-right: 4px;
    background: url("../img/img_marketing/chart-ic.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.simplicity .list li::before,
.organization .list li::before,
.mapping .list li::before {
    background: url("../img/img_marketing/list-circle-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    top: 5px;
}

.simplicity .list li {
  font-weight: 800;
}

.organization .list li::before,
.mapping .list li::before,
.typecurve .list li::before {
    background: url("../img/img_marketing/list-circle-black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 10px;
    top: 5px;
}

.organization .list li,
.mapping .list li,
.typecurve .list li {
  color: #000;
}

.mapping .list li::before,
.typecurve .list li::before {
  width: 12px;
  top: 5px;
  height: 12px;
  left: 5px;
}

.mapping .list li {
  font-size: 18px;
}

.autoforecast svg,
.simplicity svg {
  overflow: visible;
  margin: 50px 0px;
}

.autoforecast line,
.autoforecast polyline {
  fill: none;
  stroke-width: 6px;
  stroke: #dd5018;
}

.x text {
  text-anchor: middle;
}

.y text {
  text-anchor: end;
  dominant-baseline: middle;
}

#main {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
#main_content_wrap #canvas {
  width: 300px;
  height: 300px;
  position: relative;
}
.point {
  position: absolute;
  height: 1px;
  width: 1px;
  background-color: #c00;
}
.dot_container {
  position: absolute;
  padding: 1px;
  padding: 1px;
}

.dot {
  position: relative;
  height: 18px;
  width: 18px;
  background-color: #dd5018;
  border-radius: 20px;
  float: left;
  margin: 12px -3px 0 0;
}
.dot_number {
  position: relative;
  float: left;
  display: none;
}

.line {
  height: 5px;
  position: absolute;
  background-color: #fff;
}

.hidden_image {
  opacity: 0;
  position: absolute;
  width: 635px;
  height: 841px;
}

/* active dot */
.active .dot {
  -webkit-animation: dotBackgroundColor 0.7s linear infinite alternate;
  -moz-animation: dotBackgroundColor 0.7s linear infinite alternate;
  -o-animation: dotBackgroundColor 0.7s linear infinite alternate;
  animation: dotBackgroundColor 0.7s linear infinite alternate;
  background-color: #f00;
}
.active .dot_number {
  -webkit-animation: numberColor 0.7s linear infinite alternate;
  -moz-animation: numberColor 0.7s linear infinite alternate;
  -o-animation: numberColor 0.7s linear infinite alternate;
  animation: numberColor 0.7s linear infinite alternate;
  color: #f00;
}

/* active dot pulse */
@-webkit-keyframes dotBackgroundColor {
  from {
    background-color: #f00;
  }
  to {
    background-color: #fff;
  }
}
@-moz-keyframes dotBackgroundColor {
  from {
    background-color: #f00;
  }
  to {
    background-color: #fff;
  }
}
@-o-keyframes dotBackgroundColor {
  from {
    background-color: #f00;
  }
  to {
    background-color: #fff;
  }
}
@keyframes dotBackgroundColor {
  from {
    background-color: #f00;
  }
  to {
    background-color: #fff;
  }
}

.active:hover .dot {
  background-color: #f00;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
.active:hover .dot_number {
  color: #f00;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
.active:hover {
  cursor: pointer;
}

#main_content_wrap {
  position: absolute;
  top: 0;
  left: 0;
}

/* animate image rotate */
#img_left.animate {
  -moz-transform-origin: 342px 382px;

  -moz-animation: imgRotateLeft 0.7s linear infinite alternate;
  -webkit-animation: imgRotateLeft 0.7s linear infinite alternate;
  -o-animation: imgRotateLeft 0.7s linear infinite alternate;
  animation: imgRotateLeft 0.7s linear infinite alternate;
}

@-webkit-keyframes imgRotateLeft {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-21deg);
  }
}
@-moz-keyframes imgRotateLeft {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(-21deg);
  }
}
@-o-keyframes imgRotateLeft {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(-21deg);
  }
}
@keyframes imgRotateLeft {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-21deg);
  }
}

#img_right.animate {
  -moz-transform-origin: 342px 382px;

  -webkit-animation: imgRotateRight 0.7s linear infinite alternate;
  -moz-animation: imgRotateRight 0.7s linear infinite alternate;
  -o-animation: imgRotateRight 0.7s linear infinite alternate;
  animation: imgRotateRight 0.7s linear infinite alternate;
}

@-webkit-keyframes imgRotateRight {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(21deg);
  }
}
@-moz-keyframes imgRotateRight {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(21deg);
  }
}
@-o-keyframes imgRotateRight {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(21deg);
  }
}
@keyframes imgRotateRight {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(21deg);
  }
}

.progress-container {
  position: absolute;
  margin: 0;
  padding: 4px 0 0;
  width: 21%;
  height: 6px;
  /* background: #ccc; */
  transform: rotate(-44deg);
  top: 54%;
  left: 4%;
}

.progress-container .intro-banner-vdo-play-btn {
  position: absolute;
  top: -15px;
  left: -14px;
  margin: 0;
  padding: 0;
}

.progress-container.one {
  transform: rotate(36deg);
  left: 22.2%;
  top: 53.5%;
  width: 16%;
}

.progress-container.two {
  transform: rotate(-44deg);
  left: 31.8%;
  top: 46%;
  width: 22%;
}

.progress-container ul li {
  position: absolute;
  top: 3px;
  left: 0;
  margin: 0;
  padding: 0;
  display: inline-table;
  height: 10px;
  width: 10px;
  /* background: #ffeb3b; */
  background-color: #203fea !important;
  background-image: linear-gradient(90deg, #203fea, #203fea);
  border-radius: 50%;
}
.progress-container ul li:nth-child(2) {
  margin-left: 96%;
}

.progress-container.one ul li {
  margin-left: 88%;
  margin-top: -9%;
}

.progress-container.two ul li {
  margin-left: 90%;
}
/* .progress-container ul li:nth-child(3) {
    margin-left: 400px;
}
.progress-container ul li:last-child {
    margin-left: 600px;
} */
.progress-container ul li:before {
  z-index: -99;
  position: absolute;
  top: -5px;
  left: -5px;
  content: "";
  height: 20px;
  width: 20px;
  background: #fff;
  border-radius: 50%;
}
.progress-container .progress-bar {
  height: 1px;
  width: 0%;
  top: 10px;
  z-index: -1;
  position: absolute;
  background: #2196f3;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.progress-container .progress-bar#pb1 {
  top: 10px;
  left: 15px;
}

.progress-container .progress-bar#pb2 {
  top: 0px;
  left: -3px;
}

.progress-container .progress-bar#pb3 {
  top: 6px;
  left: 21px;
}

/* #point1 {
    animation: cssAnimation 0s 1s forwards;
    visibility: hidden;
}

#point2 {
    animation: cssAnimation 0s 4s forwards;
    visibility: hidden;
}

#point3 {
    animation: cssAnimation 0s 6s forwards;
    visibility: hidden;
}

#point4 {
    animation: cssAnimation 0s 8s forwards;
    visibility: hidden;
}

@keyframes cssAnimation {
    to {
        visibility: visible;
    }
} */

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 2s;
}
.preloader * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layers {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #dd5018;
  transition-delay: 1.75s;
}
.preloader .layers span {
  width: 100%;
  height: 33.4%;
  position: absolute;
  left: 0;
  background: #090c16;
}
.preloader .layers span:nth-child(1) {
  top: 0;
  transition-delay: 1s;
}
.preloader .layers span:nth-child(2) {
  top: 33.33333%;
  transition-delay: 1.25s;
}
.preloader .layers span:nth-child(3) {
  top: 66.66666%;
  transition-delay: 1.5s;
}
.preloader .container-fluid {
  position: relative;
  text-align: center;
  color: #fff;
}
.preloader .container-fluid small {
  display: inline-block;
  letter-spacing: 1px;
  transition-delay: 0.6s;
}
.preloader .container-fluid small .char {
  display: inline-block;
  animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(10ms * var(--char-index));
}
.preloader .container-fluid figure {
  margin-bottom: 5px;
  transition-delay: 0.5s;
}
.preloader .container-fluid figure img {
  height: 50px;
  animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
}
.preloader .container-fluid .percentage {
  width: 100%;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  line-height: 1;
  font-size: 40vw;
  font-weight: 800;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
  transform: translateY(-50%);
  opacity: 0.1;
  transition-delay: 0.8s;
}
.preloader .container-fluid .percentage #percentage {
  animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: 0.3s;
}

/* PAGE LOADED */
.page-loaded {
  overflow: inherit;
}
.page-loaded .preloader {
  left: -100%;
}
.page-loaded .preloader .container-fluid figure {
  transform: translateY(-20px);
  opacity: 0;
}
.page-loaded .preloader .container-fluid small {
  transform: translateY(-10px);
  opacity: 0;
}
.page-loaded .preloader .container-fluid .percentage {
  opacity: 0;
  transform: translateY(-60%);
}
.page-loaded .preloader .layers {
  left: -100%;
}
.page-loaded .preloader .layers span {
  left: -100%;
}
.fluidity {
    background-image: url("../img/img_marketing/fluid-colors-bg.jpg");
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.fluidity .img-flow {
  position: absolute;
  left: 70px;
  top: 0;
  max-width: 86%;
}
.simplicity {
    background: transparent url("../img/img_marketing/bulb-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    background-position: center center;
    height: 100vh;
}
/* .simplicity.active {
    background-image: url("../img/img_marketing/bulb-on-bg.jpg");
} */
.mapping {
    background-image: url("../img/img_marketing/mapping-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center top;
}
.mapping .box {
  color: #000000;
  background: rgba(255, 255, 255, 0.6);
  padding: 40px;
  border-radius: 30px;
  line-height: 1.8;
  transition: 0.3s;
}
.organization {
    background-image: url("../img/img_marketing/plant-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center top;
    height: 100vh;
}
.organization svg {
  width: 60%;
  height: 100%;
  position: absolute;
  bottom: 22%;
  right: 0;
}
.organization .tag-txt {
  position: absolute;
  bottom: 2%;
  left: 2%;
  color: #fff;
  font-size: 38px;
  font-weight: 900;
}
.typecurve {
    background-image: url("../img/img_marketing/type-curve-bg2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100vh;
}
.simplicity .tag-line {
  display: block;
  color: #fff;
  font-weight: 800;
  position: absolute;
  right: 0;
  margin-right: 3%;
  bottom: 0;
  margin-bottom: 2%;
  font-size: 36px;
  opacity: 0;
}
.bulb-area {
  position: absolute;
  width: 43vh;
  top: 0;
  left: 0;
  margin-left: 40%;
  margin-top: 4%;
  z-index: 9;
}
.request_email {
  padding: 90px 0;
  background-color: #f1f1f1;
  padding-bottom: 10px;
}
.email_form_send input {
  font-size: 14px;
  height: 56px;
  padding: 5px 25px;
  position: relative;
  width: 100%;
  background: #ddd;
  border: 0;
  border-radius: 0;
  margin-bottom: 14px;
  margin: auto;
  color: #000;
  border: 0;
  border-radius: 50px;
}
.email_form_send button {
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: medium none;
  display: block;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  margin: auto;
  padding: 15px 30px;
  position: absolute;
  right: 20px;
  top: 51%;
  cursor: pointer;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.email_form_send button:hover {
  color: #fff;
}
.copyright p {
  margin-bottom: 0;
  color: #000;
}
.copyright {
  padding: 0 20px 20px;
}
.nav-tabs {
  display: none;
  border-bottom: 0;
}

.whatyoudo .tab-content {
  position: relative;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 485px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  padding: 25px 0;
  background: #ffff;
  /* height: calc(100vh - 500px); */
  border-radius: 0 0 8px 8px;
  -moz-transition: all 300ms ease-out 0s;
  -webkit-transition: all 300ms ease-out 0s;
  -ms-transition: all 300ms ease-out 0s;
  -o-transition: all 300ms ease-out 0s;
  transition: all 300ms ease-out 0s;
}

.whatyoudo .tab-content .tab-pane {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eee;
  width: 32%;
  padding: 10px;
  border-radius: 15px;
  margin: 10px;
  opacity: 1;
}

.whatyoudo .tab-content #InvBan.tab-pane.active {
  background: #dbecf3;
}

.whatyoudo .tab-content #Opera.tab-pane.active {
  background: rgb(244, 220, 204);
}

.whatyoudo .tab-content #ParLan.tab-pane.active {
  background: rgb(195, 216, 246);
}

.whatyoudo .nav-tabs .nav-item {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  padding: 0;
  border-radius: 8px 8px 0 0;
  width: 33.33%;
}

.whatyoudo .nav-tabs .nav-item .nav-link {
  margin: 0 10px;
  background: linear-gradient(45deg, #f77845, #f94700) !important;
  text-align: center;
  padding: 3px 0;
}

.whatyoudo .nav-tabs .nav-item .nav-link:hover {
  border-color: transparent;
}

.whatyoudo .nav-tabs .nav-item:first-child .nav-link {
  margin-left: 0;
}

.whatyoudo .nav-tabs .nav-item:last-child .nav-link {
  margin-right: 0;
}

.whatyoudo .nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  border: 0;
  color: #222;
}

.whatyoudo .tab-content ul li a {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

.whatyoudo .tab-content ul li {
  margin-bottom: 3px;
  font-size: 17px;
  color: #000;
}

.whatyoudo .tab-content ul {
  list-style-type: disc;
  text-align: left;
}

#line1 {
  font-size: 0;
  width: 2px;
  height: 3.2vh;
  color: #fff;
  background-color: #000;
  margin-left: 16%;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0%;
  opacity: 0;
}

#line2 {
  font-size: 0;
  width: 2px;
  height: 12.8%;
  color: #fff;
  background-color: #000;
  margin: auto;
  position: absolute;
  top: 0;
  opacity: 0;
}

#line3 {
  font-size: 0;
  width: 2px;
  height: 3.2vh;
  color: #fff;
  background-color: #000;
  margin-right: 16%;
  float: left;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0%;
  opacity: 0;
}

#line4 {
  font-size: 0;
  width: 34%;
  height: 2px;
  color: #fff;
  background-color: #000;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 16%;
  margin-top: 1.6%;
  opacity: 0;
}

#line5 {
  font-size: 0;
  width: 34%;
  height: 2px;
  color: #fff;
  background-color: #000;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 16%;
  margin-top: 1.6%;
  opacity: 0;
}

#line6 {
  font-size: 0;
  width: 2px;
  height: 7%;
  color: #fff;
  background-color: #000;
  margin: auto;
  position: absolute;
  top: 0;
  opacity: 0;
  margin-top: 1.6%;
}

.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
  background-color: #dd5018;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  padding: 0;
  text-align: center;
}

.back-to-top:hover {
  background-color: #222222;
}

.back-to-top img {
  width: 20px;
  height: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
  .simplicity .list li {
    margin: 15px 0;
    line-height: 20px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1800px) {
  .intro-banner-vdo-play-btn {
    margin-left: 47.5%;
  }
  .intro-banner-vdo-play-btn.two {
    margin-left: 33.5%;
  }
  .intro-banner-vdo-play-btn.three {
    margin-left: 20%;
  }
  .intro-banner-vdo-play-btn.four {
    margin-left: 6%;
    margin-top: 27.5%;
  }
  .mapping .list li {
    font-size: 1.8vh;
  }
  .mapping .box,
  .organization .list {
    margin-top: 10%;
  }
  .menu-nav a {
    padding: 0 20px;
    font-size: 18px;
  }
  .whatyoudo .tab-content ul li {
    font-size: 21px;
  }
  .whatyoudo .tab-content {
    height: 555px;
  }
}

@media (max-width: 1366px) {
  #left-side {
    width: 70%;
  }
  .gb-logo {
    width: 50%;
  }
  .overlay {
    left: -45%;
  }
  section {
    height: 100% !important;
  }
  .menu-nav a {
    font-size: 14px;
  }
  .logo-cls {
    width: 160px;
  }
}

@media (max-width: 1200px) {
  #line4,
  #line6,
  #line5 {
    margin-top: 2.1%;
  }
  .overlay {
    left: -35%;
  }
}

@media (max-width: 1024px) {
    .logo-cls {
        width: 130px;
    }
    /*.menu-nav {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }*/
  #left-side {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 100px 0 150px;
  }
  .gb-logo {
    width: 40%;
  }

  .organization .list li {
    color: #5a5c9f;
  }

    .organization .list li::before {
        background: url("../img/img_marketing/list-circle-dark.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }

  .organization .tag-txt {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .autoforecast {
    height: 100%;
  }
  #line4,
  #line6,
  #line5 {
    margin-top: 3%;
  }
  #left-side {
    width: 100%;
  }
  .overlay {
    left: 0%;
    transform: none !important;
  }
  .gb-logo {
    width: 45%;
  }
  .organization .tag-txt {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .navbar-toggler {
    display: none;
  }
  h1.text-intro {
    font-size: 28px;
  }
  .overlay.skew-part {
    transform: none;
  }
  .overlay {
    left: 0;
  }
  .home-list li img {
    display: none;
  }
  .home-list li {
    font-size: 22px;
  }
  #left-side {
    padding: 90px 0 50px;
  }
  .progress-container {
    top: 54%;
    left: 20%;
  }
  .progress-container.one {
    left: 38%;
  }
  .progress-container.two {
    left: 47.8%;
    top: 46%;
  }

  section {
    height: 100%;
    padding: 50px 0;
  }
  h2.title {
    font-size: 32px;
  }
  .fluidity .img-flow {
    left: 0;
    max-width: 100%;
    height: 100%;
  }
  .bulb-area {
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    z-index: 9;
    left: 28%;
    top: 19%;
    margin-left: auto;
    margin-top: auto;
  }
  .whatyoudo .tab-content .tab-pane {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    border-radius: 3px 3px 0 0;
    border: 0;
  }
  #line1,
  #line2,
  #line3,
  #line4,
  #line5,
  #line6 {
    display: none;
  }
  .whatyoudo .tab-content {
    flex-direction: column;
    height: 100%;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
  .whatyoudo .tab-content .card-header {
    background: linear-gradient(45deg, #f77845, #f94700) !important;
    color: #fff;
    border: 0;
    border-radius: 3px 3px 0 0;
    text-align: left;
  }

  .whatyoudo .tab-content .card-body {
    padding: 15px 30px;
  }

  .gb-logo {
    width: 60%;
  }

  .autoforecast .list,
  .simplicity .list,
  .mapping .list {
    padding: 0;
  }

  .simplicity .list {
    padding: 80px 0;
  }

  #left-side .content {
    padding: 0 15px;
  }

  .whatyoudo .tab-content .card-header h5 a {
    display: block;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  h1.text-intro {
    font-size: 36px;
    margin-top: 36px;
  }
  .home-list li {
    font-size: 30px;
    margin: 45px 0;
    padding-left: 70px;
  }
  .home-list li::before {
    width: 40px;
    height: 40px;
  }
  .simplicity .list {
    padding: 80px 10px;
  }
}

@media only screen and (max-width: 767px) {
    #navbarsExampleDefault{
        display: none;
    }
    .bg-inner {
        height: 610px;
    }
    #left-side {
        padding: 10px 0 50px;
    }
    .menu-nav a {
        display: block;
        margin: 20px 0;
        padding: 0;
        font-size: 16px;
    }
    .navbar.open-nav {
        position: fixed;
        height: 100%;
    }
    .navbar button.menu-btn {
        position: absolute;
        top: 0;
        right: 0;
        background-color: unset;
        border: 0;
        font-size: 26px;
        display: block;
        padding: 15px;
        color: #fff;
        outline: none;
    }

    .navbar {
        z-index: 999;
        position: fixed;
    }

    main {
        margin-top: 55px;
    }

    .menu-nav {
        left: -950px;
        transition: 1s;
        height: 100%;
        position: fixed;
    }

    .navbar.open-nav .menu-nav {
        left: 0;
        width: 100%;
        transition: left 0.5s;
        height: 100%;
        margin: 10px 0px !important;
        padding: 0;
        position: relative;
    }

    .navbar .nav-bar ul li a {
        display: block;
        color: #fff;
    }

    .navbar.open-nav button.menu-btn i:before {
        content: '\f00d ';
    }

}

    @media (max-width: 575px) {
        .gb-logo {
            width: 70%;
        }

        h1.text-intro {
            text-align: left;
        }

        h1.text-intro br {
            display: none;
        }

        #loginbtn {
            width: 100%;
        }

        .logo-cls {
            width: 170px;
        }

        .home-list li img {
            display: none;
        }

        #left-side .content {
            text-align: center;
        }

        .home-list li {
            font-size: 22px;
        }

        .progress-container {
            top: 54%;
            left: 20%;
        }

            .progress-container.one {
                left: 36.2%;
            }

            .progress-container.two {
                left: 46.8%;
                top: 50%;
            }

        .home-list li {
            color: #fff;
            font-size: 20px;
            font-weight: 900;
            position: relative;
            margin: 25px 0;
            line-height: 25px;
            padding-left: 50px;
            text-align: left;
        }

            .home-list li::before {
                position: absolute;
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                margin-right: 4px;
                background-size: contain;
                background-repeat: no-repeat;
                font-size: 18px;
                line-height: 30px;
                font-weight: bold;
                color: #fff;
                text-align: center;
            }

        section {
            height: 100%;
            padding: 50px 0;
        }

        h2.title {
            font-size: 28px;
        }

        .fluidity .img-flow {
            left: 0;
            max-width: 100%;
            height: 100%;
        }

        .bulb-area {
            position: absolute;
            width: 50%;
            top: 0;
            left: 0;
            z-index: 9;
            left: 28%;
            top: 19%;
            margin-left: auto;
            margin-top: auto;
        }

        .organization .tag-txt {
            font-size: 24px;
        }

        #line1,
        #line2,
        #line3,
        #line4,
        #line5,
        #line6 {
            display: none;
        }

        .whatyoudo .tab-content {
            flex-direction: column;
            height: 100%;
            background: transparent;
            box-shadow: none;
            padding: 0;
        }

            .whatyoudo .tab-content .card-header {
                background: linear-gradient(45deg, #f77845, #f94700) !important;
                color: #fff;
                border: 0;
                border-radius: 3px 3px 0 0;
                text-align: left;
            }

            .whatyoudo .tab-content .card-body {
                padding: 15px 30px;
            }

        .organization,
        .simplicity {
            height: 100%;
        }

        .s-subtitle--simetric {
            width: 100%;
        }

        .section-title {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 480px) {
        h1.text-intro {
            font-size: 24px;
        }
    }

    @media (max-width: 380px) {
        h1.text-intro {
            font-size: 20px;
        }
    }

    @media (max-width: 320px) {
        .home-list {
            padding-top: 10px;
        }

        .gb-logo {
            padding-top: 0;
        }

        .email_form_send button {
            font-size: 14px;
            padding: 15px 12px;
        }

        .organization .tag-txt {
            font-size: 20px;
        }

        .mapping .box {
            padding: 15px;
        }
    }

    @media (min-width: 769px) {
        .nav-tabs {
            display: flex;
        }

        .card {
            border: none;
        }

            .card .card-header {
                display: none;
            }

            .card .collapse {
                display: block;
            }
    }

    @media (max-width: 769px) {
        .tab-content > .tab-pane {
            display: block !important;
            opacity: 1;
        }
    }

    #home-section a {
        position: absolute;
        bottom: -50px;
        left: 50%;
        z-index: 2;
        display: inline-block;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #fff;
        font-size: 18px;
        letter-spacing: 0.1em;
        text-decoration: none;
        transition: opacity 0.3s;
        font-weight: 700;
    }

        #home-section a:hover {
            opacity: 0.5;
        }

    #home-section a {
        padding-top: 80px;
    }

        #home-section a span {
            position: absolute;
            top: 0;
            left: 50%;
            width: 35px;
            height: 35px;
            margin-left: -12px;
            border-left: 5px solid #fff;
            border-bottom: 5px solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-animation: sd01 2s infinite;
            animation: sd01 2s infinite;
            box-sizing: border-box;
            border-radius: 2px 4px 2px 4px;
        }

    .menu-nav a.req-access-btn {
        border: 1px solid;
        padding: 5px 10px;
    }

    .display-none {
        display: none;
    }

    .footer_links {
        margin-top: 10px;
    }

        .footer_links li {
            display: inline-block;
        }

            .footer_links li a {
                font-size: 14px;
                text-decoration: underline;
                color: #2b2e35;
            }

                .footer_links li a:hover {
                    color: #f8743f;
                }

            .footer_links li::after {
                content: "|";
                margin-left: 5px;
            }

            .footer_links li:last-child:after {
                content: none;
            }

    #privacyPolicyModal .modal-body {
        height: calc(100vh - 190px);
        overflow: auto;
        font-size: 14px;
    }

        #privacyPolicyModal .modal-body h4 {
            font-size: 16px;
            color: #2b2e35;
            font-weight: 700;
            margin-top: 30px;
            margin-bottom: 8px;
            text-decoration: underline;
        }

        #privacyPolicyModal .modal-body h2 {
            font-size: 20px;
            color: #2b2e35;
            font-weight: 600;
            text-align: center;
            margin-bottom: 30px;
            text-decoration: underline;
        }

    .btn-secondary {
        color: #ffffff;
        -webkit-background-size: 200% auto;
        background-size: 200% auto;
        background-image: -webkit-gradient( linear, left top, right top, from(#736f6d), color-stop(51%, #cbcbcb), to(#736f6d) );
        background-image: -webkit-linear-gradient( left, #736f6d 0%, #cbcbcb 51%, #736f6d 100% );
        background-image: -moz-linear-gradient( left, #736f6d 0%, #cbcbcb 51%, #736f6d 100% );
        background-image: -o-linear-gradient( left, #736f6d 0%, #cbcbcb 51%, #736f6d 100% );
        background-image: linear-gradient( to right, #736f6d 0%, #cbcbcb 51%, #736f6d 100% );
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 10px 25px;
        text-align: center;
        font-weight: 500;
        border: 1px solid transparent;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

        .btn-secondary:hover {
            background-position: right center;
            border: 1px solid transparent;
        }

    #privacyPolicyModal .modal-header {
        border: 0;
    }

    #privacyPolicyModal ul li {
        list-style-type: disc;
    }

    #privacyPolicyModal ul {
        margin: 20px 0px 20px 30px;
    }

    #privacyPolicyModal a {
        color: blue;
        text-decoration: underline;
    }

        #privacyPolicyModal a:hover {
            color: #dd5018;
        }

    #privacyPolicyModal .exe_p_rights h4 {
        text-decoration: none;
    }

    #privacyPolicyModal .modal-content {
        border-radius: 20px;
    }