/*------------------------------------------------------------------
    [Main Style Stylesheet]
    Project:       SquadHelp Template
    Version:        1.0
    Author:         congnd91
-------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: 'Product Sans';
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-BoldItalic.eot");
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-BoldItalic.woff2") format("woff2"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-BoldItalic.woff") format("woff"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-BoldItalic.ttf") format("truetype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-BoldItalic.svg#ProductSans-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Product Sans';
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Italic.eot");
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Italic.eot?#iefix") format("embedded-opentype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Italic.woff2") format("woff2"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Italic.woff") format("woff"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Italic.ttf") format("truetype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Italic.svg#ProductSans-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Product Sans';
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Regular.eot");
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Regular.eot?#iefix") format("embedded-opentype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Regular.woff2") format("woff2"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Regular.woff") format("woff"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Regular.ttf") format("truetype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Regular.svg#ProductSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Product Sans';
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Bold.eot");
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Bold.eot?#iefix") format("embedded-opentype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Bold.woff2") format("woff2"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Bold.woff") format("woff"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Bold.ttf") format("truetype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Bold.svg#ProductSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Product Sans';
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Thin.eot");
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Thin.eot?#iefix") format("embedded-opentype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Thin.woff2") format("woff2"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Thin.woff") format("woff"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Thin.ttf") format("truetype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Thin.svg#ProductSans-Bold") format("svg");
  font-weight: 250;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Product Sans';
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Light.eot");
  src: url("/modules/marketplace/assets/fonts/bubble/ProductSans-Light.eot?#iefix") format("embedded-opentype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Light.woff2") format("woff2"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Light.woff") format("woff"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Light.ttf") format("truetype"), url("/modules/marketplace/assets/fonts/bubble/ProductSans-Light.svg#ProductSans-Bold") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
.max10 {
  max-width: 10px !important;
  margin-left: auto;
  margin-right: auto; }

.max20 {
  max-width: 20px !important;
  margin-left: auto;
  margin-right: auto; }

.max30 {
  max-width: 30px !important;
  margin-left: auto;
  margin-right: auto; }

.max40 {
  max-width: 40px !important;
  margin-left: auto;
  margin-right: auto; }

.max50 {
  max-width: 50px !important;
  margin-left: auto;
  margin-right: auto; }

.max60 {
  max-width: 60px !important;
  margin-left: auto;
  margin-right: auto; }

.max70 {
  max-width: 70px !important;
  margin-left: auto;
  margin-right: auto; }

.max80 {
  max-width: 80px !important;
  margin-left: auto;
  margin-right: auto; }

.max90 {
  max-width: 90px !important;
  margin-left: auto;
  margin-right: auto; }

.max100 {
  max-width: 100px !important;
  margin-left: auto;
  margin-right: auto; }

.max110 {
  max-width: 110px !important;
  margin-left: auto;
  margin-right: auto; }

.max120 {
  max-width: 120px !important;
  margin-left: auto;
  margin-right: auto; }

.max130 {
  max-width: 130px !important;
  margin-left: auto;
  margin-right: auto; }

.max140 {
  max-width: 140px !important;
  margin-left: auto;
  margin-right: auto; }

.max150 {
  max-width: 150px !important;
  margin-left: auto;
  margin-right: auto; }

.max160 {
  max-width: 160px !important;
  margin-left: auto;
  margin-right: auto; }

.max170 {
  max-width: 170px !important;
  margin-left: auto;
  margin-right: auto; }

.max180 {
  max-width: 180px !important;
  margin-left: auto;
  margin-right: auto; }

.max190 {
  max-width: 190px !important;
  margin-left: auto;
  margin-right: auto; }

.max200 {
  max-width: 200px !important;
  margin-left: auto;
  margin-right: auto; }

.max210 {
  max-width: 210px !important;
  margin-left: auto;
  margin-right: auto; }

.max220 {
  max-width: 220px !important;
  margin-left: auto;
  margin-right: auto; }

.max230 {
  max-width: 230px !important;
  margin-left: auto;
  margin-right: auto; }

.max240 {
  max-width: 240px !important;
  margin-left: auto;
  margin-right: auto; }

.max250 {
  max-width: 250px !important;
  margin-left: auto;
  margin-right: auto; }

.max260 {
  max-width: 260px !important;
  margin-left: auto;
  margin-right: auto; }

.max270 {
  max-width: 270px !important;
  margin-left: auto;
  margin-right: auto; }

.max280 {
  max-width: 280px !important;
  margin-left: auto;
  margin-right: auto; }

.max290 {
  max-width: 290px !important;
  margin-left: auto;
  margin-right: auto; }

.max300 {
  max-width: 300px !important;
  margin-left: auto;
  margin-right: auto; }

.max310 {
  max-width: 310px !important;
  margin-left: auto;
  margin-right: auto; }

.max320 {
  max-width: 320px !important;
  margin-left: auto;
  margin-right: auto; }

.max330 {
  max-width: 330px !important;
  margin-left: auto;
  margin-right: auto; }

.max340 {
  max-width: 340px !important;
  margin-left: auto;
  margin-right: auto; }

.max350 {
  max-width: 350px !important;
  margin-left: auto;
  margin-right: auto; }

.max360 {
  max-width: 360px !important;
  margin-left: auto;
  margin-right: auto; }

.max370 {
  max-width: 370px !important;
  margin-left: auto;
  margin-right: auto; }

.max380 {
  max-width: 380px !important;
  margin-left: auto;
  margin-right: auto; }

.max390 {
  max-width: 390px !important;
  margin-left: auto;
  margin-right: auto; }

.max400 {
  max-width: 400px !important;
  margin-left: auto;
  margin-right: auto; }

.max410 {
  max-width: 410px !important;
  margin-left: auto;
  margin-right: auto; }

.max420 {
  max-width: 420px !important;
  margin-left: auto;
  margin-right: auto; }

.max430 {
  max-width: 430px !important;
  margin-left: auto;
  margin-right: auto; }

.max440 {
  max-width: 440px !important;
  margin-left: auto;
  margin-right: auto; }

.max450 {
  max-width: 450px !important;
  margin-left: auto;
  margin-right: auto; }

.max460 {
  max-width: 460px !important;
  margin-left: auto;
  margin-right: auto; }

.max470 {
  max-width: 470px !important;
  margin-left: auto;
  margin-right: auto; }

.max480 {
  max-width: 480px !important;
  margin-left: auto;
  margin-right: auto; }

.max490 {
  max-width: 490px !important;
  margin-left: auto;
  margin-right: auto; }

.max500 {
  max-width: 500px !important;
  margin-left: auto;
  margin-right: auto; }

.max510 {
  max-width: 510px !important;
  margin-left: auto;
  margin-right: auto; }

.max520 {
  max-width: 520px !important;
  margin-left: auto;
  margin-right: auto; }

.max530 {
  max-width: 530px !important;
  margin-left: auto;
  margin-right: auto; }

.max540 {
  max-width: 540px !important;
  margin-left: auto;
  margin-right: auto; }

.max550 {
  max-width: 550px !important;
  margin-left: auto;
  margin-right: auto; }

.max560 {
  max-width: 560px !important;
  margin-left: auto;
  margin-right: auto; }

.max570 {
  max-width: 570px !important;
  margin-left: auto;
  margin-right: auto; }

.max580 {
  max-width: 580px !important;
  margin-left: auto;
  margin-right: auto; }

.max590 {
  max-width: 590px !important;
  margin-left: auto;
  margin-right: auto; }

.max600 {
  max-width: 600px !important;
  margin-left: auto;
  margin-right: auto; }

.max610 {
  max-width: 610px !important;
  margin-left: auto;
  margin-right: auto; }

.max620 {
  max-width: 620px !important;
  margin-left: auto;
  margin-right: auto; }

.max630 {
  max-width: 630px !important;
  margin-left: auto;
  margin-right: auto; }

.max640 {
  max-width: 640px !important;
  margin-left: auto;
  margin-right: auto; }

.max650 {
  max-width: 650px !important;
  margin-left: auto;
  margin-right: auto; }

.max660 {
  max-width: 660px !important;
  margin-left: auto;
  margin-right: auto; }

.max670 {
  max-width: 670px !important;
  margin-left: auto;
  margin-right: auto; }

.max680 {
  max-width: 680px !important;
  margin-left: auto;
  margin-right: auto; }

.max690 {
  max-width: 690px !important;
  margin-left: auto;
  margin-right: auto; }

.max700 {
  max-width: 700px !important;
  margin-left: auto;
  margin-right: auto; }

.max710 {
  max-width: 710px !important;
  margin-left: auto;
  margin-right: auto; }

.max720 {
  max-width: 720px !important;
  margin-left: auto;
  margin-right: auto; }

.max730 {
  max-width: 730px !important;
  margin-left: auto;
  margin-right: auto; }

.max740 {
  max-width: 740px !important;
  margin-left: auto;
  margin-right: auto; }

.max750 {
  max-width: 750px !important;
  margin-left: auto;
  margin-right: auto; }

.max760 {
  max-width: 760px !important;
  margin-left: auto;
  margin-right: auto; }

.max770 {
  max-width: 770px !important;
  margin-left: auto;
  margin-right: auto; }

.max780 {
  max-width: 780px !important;
  margin-left: auto;
  margin-right: auto; }

.max790 {
  max-width: 790px !important;
  margin-left: auto;
  margin-right: auto; }

.max800 {
  max-width: 800px !important;
  margin-left: auto;
  margin-right: auto; }

.max810 {
  max-width: 810px !important;
  margin-left: auto;
  margin-right: auto; }

.max820 {
  max-width: 820px !important;
  margin-left: auto;
  margin-right: auto; }

.max830 {
  max-width: 830px !important;
  margin-left: auto;
  margin-right: auto; }

.max840 {
  max-width: 840px !important;
  margin-left: auto;
  margin-right: auto; }

.max850 {
  max-width: 850px !important;
  margin-left: auto;
  margin-right: auto; }

.max860 {
  max-width: 860px !important;
  margin-left: auto;
  margin-right: auto; }

.max870 {
  max-width: 870px !important;
  margin-left: auto;
  margin-right: auto; }

.max880 {
  max-width: 880px !important;
  margin-left: auto;
  margin-right: auto; }

.max890 {
  max-width: 890px !important;
  margin-left: auto;
  margin-right: auto; }

.max900 {
  max-width: 900px !important;
  margin-left: auto;
  margin-right: auto; }

.max910 {
  max-width: 910px !important;
  margin-left: auto;
  margin-right: auto; }

.max920 {
  max-width: 920px !important;
  margin-left: auto;
  margin-right: auto; }

.max930 {
  max-width: 930px !important;
  margin-left: auto;
  margin-right: auto; }

.max940 {
  max-width: 940px !important;
  margin-left: auto;
  margin-right: auto; }

.max950 {
  max-width: 950px !important;
  margin-left: auto;
  margin-right: auto; }

.max960 {
  max-width: 960px !important;
  margin-left: auto;
  margin-right: auto; }

.max970 {
  max-width: 970px !important;
  margin-left: auto;
  margin-right: auto; }

.max980 {
  max-width: 980px !important;
  margin-left: auto;
  margin-right: auto; }

.max990 {
  max-width: 990px !important;
  margin-left: auto;
  margin-right: auto; }

.max1000 {
  max-width: 1000px !important;
  margin-left: auto;
  margin-right: auto; }

.max1010 {
  max-width: 1010px !important;
  margin-left: auto;
  margin-right: auto; }

.max1020 {
  max-width: 1020px !important;
  margin-left: auto;
  margin-right: auto; }

.max1030 {
  max-width: 1030px !important;
  margin-left: auto;
  margin-right: auto; }

.max1040 {
  max-width: 1040px !important;
  margin-left: auto;
  margin-right: auto; }

.max1050 {
  max-width: 1050px !important;
  margin-left: auto;
  margin-right: auto; }

.max1060 {
  max-width: 1060px !important;
  margin-left: auto;
  margin-right: auto; }

.max1070 {
  max-width: 1070px !important;
  margin-left: auto;
  margin-right: auto; }

.max1080 {
  max-width: 1080px !important;
  margin-left: auto;
  margin-right: auto; }

.max1090 {
  max-width: 1090px !important;
  margin-left: auto;
  margin-right: auto; }

.max1100 {
  max-width: 1100px !important;
  margin-left: auto;
  margin-right: auto; }

.max1110 {
  max-width: 1110px !important;
  margin-left: auto;
  margin-right: auto; }

.max1120 {
  max-width: 1120px !important;
  margin-left: auto;
  margin-right: auto; }

.max1130 {
  max-width: 1130px !important;
  margin-left: auto;
  margin-right: auto; }

.max1140 {
  max-width: 1140px !important;
  margin-left: auto;
  margin-right: auto; }

.max1150 {
  max-width: 1150px !important;
  margin-left: auto;
  margin-right: auto; }

.max1160 {
  max-width: 1160px !important;
  margin-left: auto;
  margin-right: auto; }

.max1170 {
  max-width: 1170px !important;
  margin-left: auto;
  margin-right: auto; }

.max1180 {
  max-width: 1180px !important;
  margin-left: auto;
  margin-right: auto; }

.max1190 {
  max-width: 1190px !important;
  margin-left: auto;
  margin-right: auto; }

.max1200 {
  max-width: 1200px !important;
  margin-left: auto;
  margin-right: auto; }

.max1210 {
  max-width: 1210px !important;
  margin-left: auto;
  margin-right: auto; }

.max1220 {
  max-width: 1220px !important;
  margin-left: auto;
  margin-right: auto; }

.max1230 {
  max-width: 1230px !important;
  margin-left: auto;
  margin-right: auto; }

.max1240 {
  max-width: 1240px !important;
  margin-left: auto;
  margin-right: auto; }

.max1250 {
  max-width: 1250px !important;
  margin-left: auto;
  margin-right: auto; }

.max1260 {
  max-width: 1260px !important;
  margin-left: auto;
  margin-right: auto; }

.max1270 {
  max-width: 1270px !important;
  margin-left: auto;
  margin-right: auto; }

.max1280 {
  max-width: 1280px !important;
  margin-left: auto;
  margin-right: auto; }

.max1290 {
  max-width: 1290px !important;
  margin-left: auto;
  margin-right: auto; }

.max1300 {
  max-width: 1300px !important;
  margin-left: auto;
  margin-right: auto; }

.max1310 {
  max-width: 1310px !important;
  margin-left: auto;
  margin-right: auto; }

.max1320 {
  max-width: 1320px !important;
  margin-left: auto;
  margin-right: auto; }

.max1330 {
  max-width: 1330px !important;
  margin-left: auto;
  margin-right: auto; }

.max1340 {
  max-width: 1340px !important;
  margin-left: auto;
  margin-right: auto; }

.max1350 {
  max-width: 1350px !important;
  margin-left: auto;
  margin-right: auto; }

.max1360 {
  max-width: 1360px !important;
  margin-left: auto;
  margin-right: auto; }

.max1370 {
  max-width: 1370px !important;
  margin-left: auto;
  margin-right: auto; }

.max1380 {
  max-width: 1380px !important;
  margin-left: auto;
  margin-right: auto; }

.max1390 {
  max-width: 1390px !important;
  margin-left: auto;
  margin-right: auto; }

.max1400 {
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto; }

.max1410 {
  max-width: 1410px !important;
  margin-left: auto;
  margin-right: auto; }

.max1420 {
  max-width: 1420px !important;
  margin-left: auto;
  margin-right: auto; }

.max1430 {
  max-width: 1430px !important;
  margin-left: auto;
  margin-right: auto; }

.max1440 {
  max-width: 1440px !important;
  margin-left: auto;
  margin-right: auto; }

.max1450 {
  max-width: 1450px !important;
  margin-left: auto;
  margin-right: auto; }

.max1460 {
  max-width: 1460px !important;
  margin-left: auto;
  margin-right: auto; }

.max1470 {
  max-width: 1470px !important;
  margin-left: auto;
  margin-right: auto; }

.max1480 {
  max-width: 1480px !important;
  margin-left: auto;
  margin-right: auto; }

.max1490 {
  max-width: 1490px !important;
  margin-left: auto;
  margin-right: auto; }

.max1500 {
  max-width: 1500px !important;
  margin-left: auto;
  margin-right: auto; }

.max1510 {
  max-width: 1510px !important;
  margin-left: auto;
  margin-right: auto; }

.max1520 {
  max-width: 1520px !important;
  margin-left: auto;
  margin-right: auto; }

.max1530 {
  max-width: 1530px !important;
  margin-left: auto;
  margin-right: auto; }

.max1540 {
  max-width: 1540px !important;
  margin-left: auto;
  margin-right: auto; }

.max1550 {
  max-width: 1550px !important;
  margin-left: auto;
  margin-right: auto; }

.max1560 {
  max-width: 1560px !important;
  margin-left: auto;
  margin-right: auto; }

.max1570 {
  max-width: 1570px !important;
  margin-left: auto;
  margin-right: auto; }

.max1580 {
  max-width: 1580px !important;
  margin-left: auto;
  margin-right: auto; }

.max1590 {
  max-width: 1590px !important;
  margin-left: auto;
  margin-right: auto; }

.max1600 {
  max-width: 1600px !important;
  margin-left: auto;
  margin-right: auto; }

.max1610 {
  max-width: 1610px !important;
  margin-left: auto;
  margin-right: auto; }

.max1620 {
  max-width: 1620px !important;
  margin-left: auto;
  margin-right: auto; }

.max1630 {
  max-width: 1630px !important;
  margin-left: auto;
  margin-right: auto; }

.max1640 {
  max-width: 1640px !important;
  margin-left: auto;
  margin-right: auto; }

.max1650 {
  max-width: 1650px !important;
  margin-left: auto;
  margin-right: auto; }

.max1660 {
  max-width: 1660px !important;
  margin-left: auto;
  margin-right: auto; }

.max1670 {
  max-width: 1670px !important;
  margin-left: auto;
  margin-right: auto; }

.max1680 {
  max-width: 1680px !important;
  margin-left: auto;
  margin-right: auto; }

.max1690 {
  max-width: 1690px !important;
  margin-left: auto;
  margin-right: auto; }

.max1700 {
  max-width: 1700px !important;
  margin-left: auto;
  margin-right: auto; }

.max1710 {
  max-width: 1710px !important;
  margin-left: auto;
  margin-right: auto; }

.max1720 {
  max-width: 1720px !important;
  margin-left: auto;
  margin-right: auto; }

.max1730 {
  max-width: 1730px !important;
  margin-left: auto;
  margin-right: auto; }

.max1740 {
  max-width: 1740px !important;
  margin-left: auto;
  margin-right: auto; }

.max1750 {
  max-width: 1750px !important;
  margin-left: auto;
  margin-right: auto; }

.max1760 {
  max-width: 1760px !important;
  margin-left: auto;
  margin-right: auto; }

.max1770 {
  max-width: 1770px !important;
  margin-left: auto;
  margin-right: auto; }

.max1780 {
  max-width: 1780px !important;
  margin-left: auto;
  margin-right: auto; }

.max1790 {
  max-width: 1790px !important;
  margin-left: auto;
  margin-right: auto; }

.max1800 {
  max-width: 1800px !important;
  margin-left: auto;
  margin-right: auto; }

.animation1 {
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: heart1; }

@keyframes heart1 {
  0% {
    opacity: 0;
    transform: scale(1); }
  0% {
    opacity: 0.2; }
  50% {
    opacity: 0.7;
    transform: scale(1.4); }
  100% {
    transform: scale(1.3);
    top: -20px;
    right: -10px;
    opacity: 0; } }
.animation2 {
  animation-duration: 2.4s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: heart2; }

@keyframes heart2 {
  0% {
    opacity: 0;
    transform: scale(1); }
  0% {
    opacity: 0.2; }
  60% {
    opacity: 1;
    transform: scale(1.1); }
  90% {
    transform: scale(1.2); }
  100% {
    transform: scale(1.2);
    top: -30px;
    right: -20px;
    opacity: 0; } }
.animation-heart {
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: heartcount; }

@keyframes heartcount {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.5); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
html {
  height: 100%; }

:root {
  scroll-behavior: unset !important; }

body {
  min-width: 330px;
  font-size: 16px;
  color: #19184A;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
  font-family: "Product Sans", sans-serif;
  font-weight: normal;
  height: 100%;
  padding: 0px !important; }
  @media screen and (max-width: 991px) {
    body {
      font-size: 14px; } }

div {
  color: #343434; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: none; }
  a:focus {
    outline: none; }

ul,
li {
  margin: 0px;
  padding: 0px;
  list-style-position: inside; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  font-family: "Product Sans", sans-serif;
  line-height: 1.3;
  color: #19184A; }

img {
  max-width: 100%; }

@media (min-width: 1400px) {
  .container {
    max-width: 1190px; } }
@media (min-width: 1560px) {
  .container {
    max-width: 1480px; } }
.container-fluid {
  max-width: 1500px; }

.button {
  background-color: #fff;
  font-size: 16px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  padding: 13px 20px;
  justify-content: center;
  transition: all ease 0.3s;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.16);
  position: relative; }
  .button:hover .icon-arrow-right, .button:hover .icon-arrow-right-black {
    left: 5px; }
  .button:hover .icon-arrow-left, .button:hover .icon-arrow-left-white {
    left: -5px; }
  .button.button-bigger {
    line-height: 55px; }
  .button span {
    position: relative;
    z-index: 2; }
  .button .icon-arrow-right {
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    background-image: url(/html/html/html/static_images/icon-arrow-long-right.svg);
    margin: 0px 0px 0px 10px;
    transition: all ease 0.3s;
    position: relative;
    left: 0px; }
  .button .icon-arrow-right-black {
    width: 35px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    background-image: url(/html/html/html/static_images/icon-arrow-long-right-black.svg);
    margin: 0px 0px 0px 10px;
    transition: all ease 0.3s;
    position: relative;
    left: 0px; }
  .button .icon-arrow-left {
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    background-image: url(/html/html/html/static_images/icon-arrow-long-left-black.svg);
    margin: 0px 10px 0px 0px;
    transition: all ease 0.3s;
    position: relative;
    left: 0px; }
  .button .icon-arrow-left-white {
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    background-image: url(/html/html/html/static_images/icon-arrow-long-left-white.svg);
    margin: 0px 10px 0px 0px;
    transition: all ease 0.3s;
    position: relative;
    left: 0px; }
  .button .icon-lock {
    width: 25px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    background-image: url(/html/html/html/static_images/contests/icon-lock.svg);
    margin: 0px 6px 0px 0px; }
  .button .icon-google {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    background-image: url(/html/html/html/static_images/contests/google-icon.svg);
    margin: 0px 6px 0px 0px; }
  .button:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  .button .button-inner {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    text-align: center; }
  .button.button-cyan {
    background-color: #37D2CF;
    border: none;
    text-align: center;
    color: #000;
    outline: none; }
    .button.button-cyan:hover {
      background-color: #61dbd9; }
  .button.button-gradient {
    padding: 2px !important; }
    .button.button-gradient::before {
      z-index: 0 !important; }
    .button.button-gradient span {
      color: #637CF7 !important; }
    .button.button-gradient:hover span {
      color: #fff !important; }
  .button.button-dim {
    color: #fff;
    background: none;
    background-color: rgba(0, 0, 0, 0.4);
    outline: none;
    border: none; }
    .button.button-dim span {
      color: #fff; }
    .button.button-dim::before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: none;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 0;
      transition: all 0.5s ease;
      opacity: 0;
      border-radius: 8px; }
    .button.button-dim:hover {
      background-color: rgba(0, 0, 0, 0.4); }
      .button.button-dim:hover::before {
        z-index: 0;
        opacity: 1; }
  .button.button-google {
    color: #fff;
    background: none;
    background-color: #fff;
    outline: none;
    border: none; }
    .button.button-google span {
      color: #19184A; }
    .button.button-google:hover {
      background-color: #fff;
      opacity: 0.9; }
      .button.button-google:hover span {
        color: #19184A; }
  .button.button-border {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff; }
    .button.button-border:hover {
      background-color: #fff;
      color: #19184A; }
  .button.button-brand {
    background-color: #637CF7;
    color: #fff;
    background: linear-gradient(45deg, #5A73ED 0%, #3D57D5 100%);
    outline: none;
    border: none; }
    .button.button-brand span {
      color: #fff; }
    .button.button-brand::before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(-45deg, #5A73ED 0%, #3D57D5 100%);
      z-index: 0;
      transition: all 0.5s ease;
      opacity: 0;
      border-radius: 8px; }
    .button.button-brand:hover {
      background-color: #415ff5;
      background: linear-gradient(-45deg, #5A73ED 0%, #3D57D5 100%); }
      .button.button-brand:hover::before {
        z-index: 0;
        opacity: 1; }
  .button.button-brand-second {
    background-color: #637CF7;
    color: #fff;
    background: linear-gradient(45deg, #FF6955 0%, #E97543 100%);
    outline: none;
    border: none; }
    .button.button-brand-second span {
      color: #fff; }
    .button.button-brand-second::before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(-45deg, #FF6955 0%, #E97543 100%);
      z-index: 0;
      transition: all 0.5s ease;
      opacity: 0;
      border-radius: 8px; }
    .button.button-brand-second:hover {
      background-color: #415ff5;
      background: linear-gradient(-45deg, #E97543 0%, #FF6955 100%); }
      .button.button-brand-second:hover::before {
        z-index: 0;
        opacity: 1; }
  .button.button-solid {
    color: #637CF7;
    border: 1px solid #637CF7;
    background-color: transparent; }
    .button.button-solid:hover {
      background-color: rgba(99, 124, 247, 0.2); }
  .button.button-black {
    color: #fff;
    background-color: #000;
    border: none; }
    .button.button-black:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .button.button-white {
    color: #637CF7;
    background-color: #fff;
    border: none; }
    .button.button-white:hover {
      background-color: #fff; }
  .button.button-sold {
    user-select: none;
    visibility: disabled;
    background-image: none !important;
    background-color: #767676;
    outline: none;
    border: none;
    cursor: not-allowed; }
    .button.button-sold::before {
      display: none; }
    .button.button-sold:hover {
      background-image: none !important;
      background-color: #767676 !important; }

.field-wrap {
  position: relative; }
  .field-wrap P {
    margin: 5PX 0PX 0PX 0PX;
    font-size: 12PX;
    color: #343434; }
  .field-wrap .input {
    padding-left: 40px; }
  .field-wrap .icon {
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 45px; }
    .field-wrap .icon.icon-email {
      background-image: url(/html/html/html/static_images/icon-email-black.svg);
      background-size: 18px auto; }
    .field-wrap .icon.icon-password {
      background-image: url(/html/html/html/static_images/icon-lock.svg);
      background-size: 15px auto; }

.password-wrap {
  position: relative; }
  .password-wrap .icon-show-pass {
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 50px;
    width: 45px;
    background-image: url(/html/html/html/static_images/contests/show-pass-icon.svg);
    cursor: pointer; }
    .password-wrap .icon-show-pass.hide-pass {
      background-image: url(/html/html/html/static_images/contests/hide-pass-icon.svg); }

.button-key {
  line-height: 45px;
  background-color: #fff;
  font-size: 16px;
  color: #19184A;
  display: inline-block;
  align-items: center;
  font-weight: 600;
  transition: all ease 0.3s;
  border-radius: 6px;
  overflow: hidden;
  background-color: #637CF7;
  position: relative;
  transition: all ease 0.3s;
  top: 0px; }
  .button-key:active {
    top: 1px; }
  .button-key:hover {
    background-color: #8a9df9; }
  .button-key:before {
    content: "";
    display: block;
    width: 500px;
    height: 303px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.04);
    left: -110px; }
  .button-key .button-inner {
    display: flex;
    align-items: center; }
    .button-key .button-inner .arrow {
      height: 45px;
      width: 45px;
      text-align: center;
      line-height: 45px;
      background-color: #3253f5; }
      .button-key .button-inner .arrow i {
        position: relative;
        z-index: 2; }
    .button-key .button-inner span {
      font-size: 15px;
      font-weight: 600;
      padding: 0px 30px 0px 30px;
      position: relative;
      z-index: 2; }
  .button-key:hover {
    color: #fff; }

.db-field-note {
  color: #828282;
  font-size: 14px;
  font-family: Product Sans;
  line-height: 20px;
  margin: 8px 0px 0px 0px; }
  .db-field-note a {
    color: #307DF6;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration-line: underline; }

.db-field {
  margin-bottom: 25px; }
  .db-field.error .input, .db-field.error .select, .db-field.error .textarea {
    border: solid 1px #FF0000; }
  .db-field.error .error-message {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    color: #FF0000;
    margin: 8px 0px 0px 0px; }
  .db-field .caption {
    font-size: 14px;
    font-weight: 700;
    margin: 0px 0px 5px 0px; }
    .db-field .caption small {
      font-weight: 400;
      opacity: 0.4;
      float: right; }
    .db-field .caption .remove {
      font-weight: 400;
      color: #FF3E3E;
      cursor: pointer;
      float: right; }
  .db-field .see-tip {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 5px; }
    .db-field .see-tip .st-toggle {
      width: 16px;
      height: 16px;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(/html/html/html/static_images/contests/question-icon.svg); }
    .db-field .see-tip:hover .st-popup {
      display: block; }
    .db-field .see-tip .st-popup {
      width: 250px;
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.08);
      box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.06);
      background-color: white;
      font-size: 12px;
      color: #637CF7;
      border: 1px solid #637CF7;
      position: absolute;
      border-radius: 16px;
      position: absolute;
      bottom: 100%;
      margin: 0px 0px 15px 0px;
      left: -50px;
      padding: 10px;
      z-index: 999;
      display: none; }
      .db-field .see-tip .st-popup:before {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        border: 10px solid transparent;
        border-top-color: #637CF7;
        position: absolute;
        top: 100%;
        left: 49px;
        margin: 0px 0px 1px 0px; }
      .db-field .see-tip .st-popup p {
        font-size: 12px;
        color: #343434;
        font-weight: 300;
        margin: 0px 0px 0px 0px; }
      .db-field .see-tip .st-popup a {
        font-size: 13px;
        font-weight: 700;
        color: #637CF7;
        cursor: pointer;
        text-decoration: underline; }
    .db-field .see-tip.show-st-tip .st-popup {
      display: block; }
  .db-field .db-value {
    font-size: 20px;
    font-weight: 500;
    color: #5C5C5C; }

.input {
  display: block;
  width: 100%;
  height: 55px;
  border: none;
  background-color: #fff;
  outline: none;
  padding: 0px 20px;
  font-size: 16px;
  transition: all ease 0.3s;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #000; }
  .input::placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .input:focus {
    border: 1px solid rgba(0, 0, 0, 0.15); }
  .input.is-large {
    padding: 0px 15px;
    height: 40px;
    font-size: 15px; }
  .input.fill-bg {
    background: rgba(0, 0, 0, 0.04); }

.select {
  display: block;
  width: 100%;
  height: 55px;
  border: none;
  background-color: #fff;
  outline: none;
  padding: 0px 0px 0px 20px;
  font-size: 16px;
  transition: all ease 0.3s;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .select::placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .select:focus {
    border: 1px solid rgba(0, 0, 0, 0.15); }
  .select.is-large {
    padding: 0px 15px;
    height: 40px;
    font-size: 15px; }

.textarea {
  display: block;
  width: 100%;
  border-radius: 5px;
  border: solid 1px #EDEFF3;
  background-color: #fff;
  outline: none;
  padding: 10px 10px;
  font-size: 16px;
  transition: all ease 0.3s;
  border-radius: 5px;
  min-height: 130px;
  color: #000; }
  .textarea::placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .textarea:focus {
    border: 1px solid #637CF7; }
  .textarea.is-large {
    padding: 10px 10px;
    font-size: 15px; }
  .textarea.fill-bg {
    background: rgba(0, 0, 0, 0.04); }

.radio {
  display: inline-block;
  position: relative; }
  .radio label {
    margin: 0px;
    padding: 0px;
    display: block; }
    .radio label input {
      width: 1px;
      height: 1px;
      position: absolute;
      z-index: -1;
      visibility: hidden;
      opacity: 0; }
    .radio label span {
      display: block;
      padding: 0px 0px 0px 26px;
      font-size: 14px;
      color: #454545;
      cursor: pointer;
      transition: all ease 0.3s;
      line-height: 1.2; }
      .radio label span:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        border: none;
        border-radius: 50%;
        position: absolute;
        background-color: rgba(94, 92, 155, 0.14);
        top: 1px;
        left: 0px; }
      .radio label span:hover {
        color: #637CF7; }
    .radio label input:checked ~ span::before {
      background-color: rgba(99, 124, 247, 0.2); }
    .radio label input:checked ~ span:after {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      background-color: #637CF7;
      border-radius: 50%;
      position: absolute;
      top: 6px;
      left: 5px; }

.checkbox {
  display: inline-block;
  position: relative; }
  .checkbox label {
    margin: 0px;
    padding: 0px;
    display: block; }
    .checkbox label input {
      width: 1px;
      height: 1px;
      position: absolute;
      z-index: -1;
      visibility: hidden;
      opacity: 0; }
    .checkbox label span {
      display: block;
      padding: 0px 0px 0px 26px;
      font-size: 14px;
      color: #454545;
      cursor: pointer;
      transition: all ease 0.3s;
      line-height: 1.2; }
      .checkbox label span em {
        background: #F1F1F1;
        border-radius: 4px;
        display: inline-block;
        color: #637CF7;
        font-style: normal;
        padding: 2px 5px;
        margin: 0px 0px 0px 5px; }
      .checkbox label span:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        border: none;
        border-radius: 4px;
        position: absolute;
        background-color: #E3E3E3;
        top: 2px;
        left: 0px; }
      .checkbox label span a {
        color: #637CF7;
        font-weight: 700;
        text-decoration: underline; }
    .checkbox label input:checked ~ span::before {
      background-color: rgba(99, 124, 247, 0.2); }
    .checkbox label input:checked ~ span:after {
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      border: none;
      border-radius: 4px;
      position: absolute;
      top: 2px;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(/html/html/html/static_images/icon-check-white.svg);
      left: 0px; }

.color-brand {
  color: #637CF7; }

.color-second {
  color: #012B50; }

.color-third {
  color: #37D2CF; }

.color-red, .text-error {
  color: #dc3545; }

.color-green, .text-success {
  color: #60c2a7; }

.color-blue {
  color: #007bff; }

.color-yellow {
  color: #e8a82a; }

.color-orange {
  color: #FA8742; }

.color-pink {
  color: #dc3545; }

.color-pink {
  color: #dc3545; }

.color-black {
  color: #000; }

.color-white {
  color: #fff; }

.text-base {
  color: #19184A; }

.text-second {
  color: #343434; }

.text-third {
  color: #5C5C5C; }

.bg-brand {
  color: #637CF7; }

.bg-second {
  color: #012B50; }

.bg-third {
  color: #37D2CF; }

/***/
.clearfix {
  clear: both; }

.row-fix {
  margin-left: -10px;
  margin-right: -10px; }
  .row-fix .col-fix {
    padding-left: 10px;
    padding-right: 10px; }

/***/
.font-bold {
  font-weight: 700; }

.text-underline {
  text-decoration: underline; }

.dropdown-menu {
  border: none;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  margin-left: -30px !important; }
  @media screen and (max-width: 991px) {
    .dropdown-menu {
      margin-left: 20px !important; } }
  .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    padding: 7px 30px 7px 10px;
    color: #343434;
    border-bottom: 1px solid #efefef;
    display: flex;
    align-items: center; }
    .dropdown-menu .dropdown-item:last-child {
      border: none; }
    .dropdown-menu .dropdown-item .icon {
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-position: center center;
      flex-shrink: 0;
      margin: 0px 5px 0px 0px;
      opacity: 0.6;
      background-size: 20px auto; }
      .dropdown-menu .dropdown-item .icon.icon-signup {
        background-image: url(/html/html/html/static_images/contests/signup-icon.svg); }
      .dropdown-menu .dropdown-item .icon.icon-signin {
        background-image: url(/html/html/html/static_images/contests/signin-icon.svg); }
      .dropdown-menu .dropdown-item .icon.icon-dashboard {
        background-image: url(/html/html/html/static_images/icon-dashboard.svg); }
      .dropdown-menu .dropdown-item .icon.icon-account {
        background-image: url(/html/html/html/static_images/icon-account.svg);
        background-size: 18px auto; }
      .dropdown-menu .dropdown-item .icon.icon-logout {
        background-image: url(/html/html/html/static_images/icon-logout.svg);
        background-size: 17px auto; }
      .dropdown-menu .dropdown-item .icon.icon-phone {
        background-image: url(/html/html/html/static_images/icon-phone.svg);
        background-size: 22px auto; }
      .dropdown-menu .dropdown-item .icon.icon-chat {
        background-image: url(/html/html/html/static_images/icon-chat-black.svg);
        background-size: 16px auto; }
      .dropdown-menu .dropdown-item .icon.icon-email {
        background-image: url(/html/html/html/static_images/icon-email.svg);
        background-size: 16px auto; }
      .dropdown-menu .dropdown-item .icon.icon-help {
        background-image: url(/html/html/html/static_images/icon-help.svg);
        background-size: 21px auto; }
    .dropdown-menu .dropdown-item:hover {
      color: #637CF7;
      background-color: #f2f4f9; }
      .dropdown-menu .dropdown-item:hover .icon {
        opacity: 1; }

.unique-search .select2-container,
.db-field .select2-container {
  width: 100% !important; }

.select2-container .select2-search--inline .select2-search__field {
  padding: 0px 0px 0px 8px;
  min-height: 30px; }

.select2-container .select2-search--inline {
  height: 35px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 6px; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  height: 55px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  padding-left: 20px;
  font-size: 16px;
  color: #000; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px; }

.select2-results__option {
  padding: 8px 15px;
  border-radius: 8px; }

.select2-container--default .select2-results > .select2-results__options {
  padding: 0px 10px; }

.select2-search--dropdown {
  display: block;
  padding: 10px; }

.select2-dropdown {
  border: 1px solid rgba(0, 0, 0, 0.08); }

.select2-container--default .select2-results__option--selected {
  background-color: #F4F4F5; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  outline: none; }

.select2-container--default .select2-selection--multiple {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  cursor: text; }

.select2-container .select2-selection--multiple {
  min-height: 50px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  bottom: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding: 6px 8px;
  display: inline-block;
  font-size: 14px;
  white-space: normal; }

.select2-container--default .select2-selection--multiple {
  padding-bottom: 7px;
  padding-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(122, 122, 122, 0.08);
  border: 1px solid rgba(122, 122, 122, 0.08);
  border-radius: 22px;
  padding: 0px 20px 0px 0px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: none;
  left: unset;
  top: -3px;
  right: 0px;
  padding-right: 10px; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f5f5f5;
  color: black; }

.select2-results__option {
  font-size: 14px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid gainsboro 1px; }

.tagify__input {
  height: 100%;
  margin: 0px; }

.unique-search .select2-container--default .select2-selection--single {
  height: 50px; }
.unique-search textarea.select2-search__field {
  margin-top: 13px !important;
  margin-left: 10px !important; }
.unique-search .select2-container--default .select2-selection--single {
  padding-left: 15px; }
.unique-search .select2-container .select2-selection--multiple {
  padding-left: 26px; }

@keyframes placeHolderShimmer {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-position: -468px 0;
    opacity: 0.7; }
  45% {
    opacity: 0.8; }
  75% {
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-position: 468px 0;
    opacity: 0.7; } }
@keyframes placeholderAnimate {
  0% {
    background-position: -650px 0; }
  100% {
    background-position: 650px 0; } }
.placeholder-content {
  will-change: transform;
  animation: placeHolderShimmer 1s linear infinite forwards;
  -webkit-backface-visibility: hidden;
  background: #e6e6e6;
  background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  position: relative; }

.placeholder-content * {
  color: transparent !important;
  opacity: 0; }

.preload {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all ease .3s;
  z-index: 99999;
  background-color: #fff; }

.preload * {
  box-sizing: border-box; }

.store-content-preload {
  display: none; }

.store-row-preload {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -9px; }
  @media screen and (max-width: 991px) {
    .store-row-preload {
      margin: 0px -6px; } }
  .store-row-preload .store-col-preload {
    width: 20%;
    padding: 0px 9px; }
    @media screen and (max-width: 1599px) {
      .store-row-preload .store-col-preload {
        width: 25%; } }
    @media screen and (max-width: 1199px) {
      .store-row-preload .store-col-preload {
        width: 33.33%; } }
    @media screen and (max-width: 991px) {
      .store-row-preload .store-col-preload {
        width: 50%;
        padding: 0px 6px; } }
    @media screen and (max-width: 767px) {
      .store-row-preload .store-col-preload {
        width: 50%; } }
  .store-row-preload .item {
    margin: 0px 0px 16px 0px; }
    @media screen and (max-width: 991px) {
      .store-row-preload .item {
        margin: 0px 0px 12px 0px; } }
    .store-row-preload .item a {
      display: block;
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 16px;
      transition: all ease 0.3s;
      position: relative;
      overflow: hidden; }
      .store-row-preload .item a:hover {
        box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08); }
    .store-row-preload .item img {
      width: 100%; }
    .store-row-preload .item .des {
      padding: 16px;
      text-align: center; }
      .store-row-preload .item .des h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 0px auto 5px auto;
        color: transparent;
        max-width: 85%; }
      .store-row-preload .item .des .price {
        color: transparent;
        font-size: 14px;
        margin: 0px auto 0px auto;
        max-width: 60%; }

.irs-from,
.irs-to,
.irs-single {
  display: none !important; }

.irs-min,
.irs-max,
.irs-single {
  display: none; }

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
  background: linear-gradient(271.19deg, #4433F1 0%, #628EFF 100%), #EBEBEB; }

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: none;
  background-color: white;
  cursor: pointer;
  border-radius: 24px;
  background: linear-gradient(271.19deg, #4433F1 0%, #628EFF 100%), #D9D9D9; }

.range-slider-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.4);
  opacity: 0.8;
  font-size: 14px; }

@media screen and (max-width: 991px) {
  .alignment-block {
    display: none !important; } }

.iti {
  position: relative;
  display: inline-block; }

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.iti__hide {
  display: none; }

.iti__v-hide {
  visibility: hidden; }

.iti input, .iti input[type=text], .iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0; }

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px; }

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px; }

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555; }

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555; }

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px; }

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal; } }
.iti__flag-box {
  display: inline-block;
  width: 20px; }

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC; }

.iti__country {
  padding: 5px 10px;
  outline: none; }

.iti__dial-code {
  color: #999;
  display: none; }

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05); }

.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle; }

.iti__flag-box, .iti__country-name {
  margin-right: 6px;
  color: #171717 !important; }

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0; }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0; }

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer; }

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default; }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent; }

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px; }

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px; }

.iti--container:hover {
  cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }

.iti__flag.iti__be {
  width: 18px; }

.iti__flag.iti__ch {
  width: 15px; }

.iti__flag.iti__mc {
  width: 19px; }

.iti__flag.iti__ne {
  width: 18px; }

.iti__flag.iti__np {
  width: 13px; }

.iti__flag.iti__va {
  width: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px; } }
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px; }

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px; }

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px; }

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px; }

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px; }

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px; }

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px; }

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px; }

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px; }

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px; }

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px; }

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px; }

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px; }

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px; }

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px; }

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px; }

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px; }

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px; }

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px; }

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px; }

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px; }

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px; }

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px; }

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px; }

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px; }

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px; }

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px; }

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px; }

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px; }

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px; }

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px; }

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px; }

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px; }

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px; }

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px; }

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px; }

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px; }

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px; }

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px; }

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px; }

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px; }

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px; }

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px; }

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px; }

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px; }

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px; }

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px; }

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px; }

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px; }

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px; }

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px; }

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px; }

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px; }

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px; }

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px; }

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px; }

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px; }

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px; }

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px; }

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px; }

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px; }

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px; }

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px; }

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px; }

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px; }

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px; }

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px; }

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px; }

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px; }

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px; }

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px; }

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px; }

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px; }

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px; }

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px; }

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px; }

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px; }

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px; }

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px; }

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px; }

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px; }

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px; }

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px; }

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px; }

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px; }

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px; }

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px; }

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px; }

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px; }

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px; }

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px; }

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px; }

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px; }

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px; }

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px; }

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px; }

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px; }

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px; }

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px; }

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px; }

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px; }

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px; }

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px; }

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px; }

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px; }

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px; }

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px; }

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px; }

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px; }

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px; }

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px; }

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px; }

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px; }

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px; }

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px; }

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px; }

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px; }

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px; }

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px; }

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px; }

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px; }

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px; }

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px; }

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px; }

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px; }

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px; }

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px; }

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px; }

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px; }

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px; }

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px; }

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px; }

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px; }

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px; }

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px; }

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px; }

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px; }

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px; }

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px; }

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px; }

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px; }

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px; }

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px; }

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px; }

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px; }

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px; }

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px; }

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px; }

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px; }

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px; }

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px; }

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px; }

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px; }

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px; }

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px; }

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px; }

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px; }

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px; }

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px; }

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px; }

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px; }

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px; }

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px; }

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px; }

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px; }

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px; }

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px; }

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px; }

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px; }

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px; }

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px; }

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px; }

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px; }

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px; }

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px; }

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px; }

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px; }

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px; }

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px; }

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px; }

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px; }

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px; }

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px; }

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px; }

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px; }

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px; }

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px; }

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px; }

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px; }

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px; }

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px; }

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px; }

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px; }

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px; }

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px; }

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px; }

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px; }

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px; }

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px; }

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px; }

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px; }

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px; }

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px; }

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px; }

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px; }

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px; }

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px; }

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px; }

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px; }

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px; }

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px; }

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px; }

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px; }

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px; }

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px; }

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px; }

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px; }

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px; }

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px; }

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px; }

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px; }

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px; }

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px; }

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px; }

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px; }

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px; }

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px; }

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px; }

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px; }

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px; }

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px; }

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px; }

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px; }

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px; }

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px; }

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px; }

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px; }

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px; }

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px; }

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px; }

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px; }

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px; }

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px; }

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px; }

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px; }

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px; }

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px; }

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px; }

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px; }

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px; }

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px; }

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px; }

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px; }

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px; }

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px; }

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px; }

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px; }

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px; }

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/html/html/html/static_images/contests/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/html/html/html/static_images/contests/flags@2x.png"); } }
.iti__flag.iti__np {
  background-color: transparent; }

.iti input, .iti input[type=text], .iti input[type=tel] {
  height: 55px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08); }

.iti {
  position: relative;
  display: block; }

.iti__country-list {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  z-index: 9999;
  box-shadow: none;
  width: 560px;
  padding: 10px; }
  @media screen and (max-width: 991px) {
    .iti__country-list {
      width: auto; } }

.iti__country.iti__highlight {
  background-color: #f5f5f5; }

.iti__divider {
  display: none; }

.phone-wrap {
  position: relative;
  z-index: 99; }

.iti__country {
  padding: 8px 10px;
  outline: none;
  font-size: 14px;
  border-radius: 8px; }

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden; }

.custom-file-input {
  width: 120px; }

.custom-file-input:hover::before {
  background: none; }

.custom-file-input:active::before {
  background: none; }

.custom-file-input::before {
  content: 'Upload Image';
  display: inline-block;
  background: none;
  border: none;
  border-radius: 0px;
  padding: 0px 0px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  font-weight: 700;
  color: #307DF6;
  text-decoration: underline;
  position: relative;
  top: -2px;
  margin: 0px 0px 0px 7px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  font-weight: 400; }

.ais-RefinementList-showMore {
  font-size: 14px !important; }

.page-loader {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999; }
  .page-loader .loader-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0px 0px -50px; }

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all ease 0.3s;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 988;
  z-index: -1;
  visibility: hidden;
  opacity: 0; }

.show-search-desktop .search-overlay {
  z-index: 998;
  visibility: visible;
  opacity: 1; }
.show-search-desktop .header {
  background-image: none;
  background-color: #fff; }
  .show-search-desktop .header .search-desktop {
    z-index: 998;
    visibility: visible;
    opacity: 1; }
  .show-search-desktop .header .search-icon {
    background-color: #eee; }

.menu-desktop {
  position: fixed;
  z-index: 99;
  overflow: auto;
  right: 0px;
  background-color: #fff;
  transition: all ease 0.3s;
  top: 0px;
  bottom: 0px;
  width: 350px;
  right: -350px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  transition: all ease 0.3s;
  padding: 0px;
  padding: 25px 30px 10px 30px; }
  @media screen and (max-width: 991px) {
    .menu-desktop {
      display: none; } }
  .menu-desktop .close-menu {
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    margin: 0px 0px 25px 0px; }
    .menu-desktop .close-menu .close-menu-inner {
      color: #637CF7;
      cursor: pointer;
      display: inline-flex;
      align-items: center; }
    .menu-desktop .close-menu span {
      flex-shrink: 0;
      width: 16px;
      height: 12px;
      margin: 0px 0px 0px 10px;
      background-repeat: no-repeat;
      background-image: url(/html/html/html/static_images/icon-arrow-left.svg);
      transform: rotate(180deg); }
  .menu-desktop ul {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    list-style: none;
    min-height: calc(100vh-150px); }
    .menu-desktop ul > li {
      margin: 0px 0px 13px 0px; }
      .menu-desktop ul > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        padding: 8px 0px 8px 0px;
        transition: all ease 0.3s;
        color: #19184A;
        font-weight: 700;
        text-align: left; }
        .menu-desktop ul > li > a:hover {
          color: #637CF7; }
        .menu-desktop ul > li > a .arrow {
          width: 20px;
          height: 20px;
          background-image: url(/html/html/html/static_images/icon-arrow-down-blue.svg);
          background-repeat: no-repeat;
          background-position: center center; }
      .menu-desktop ul > li.active > a .arrow {
        transform: rotate(180deg); }
      .menu-desktop ul > li ul {
        display: none;
        list-style: none; }
        .menu-desktop ul > li ul li {
          margin: 0px 0px 0px 0px; }
          .menu-desktop ul > li ul li a {
            font-size: 14px;
            display: block;
            padding: 5px 0px;
            color: #19184A;
            font-weight: 400;
            text-align: left; }

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
  visibility: hidden;
  opacity: 0; }

.show-menu-desktop .menu-overlay {
  z-index: 999;
  visibility: visible;
  opacity: 1; }
.show-menu-desktop .menu-desktop {
  z-index: 99999;
  visibility: visible;
  opacity: 1;
  right: 0; }

.header {
  z-index: 999;
  background-color: #fbfbff;
  position: relative;
  transition: all ease 0.3s;
  padding: 15px 0px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); }
  @media screen and (max-width: 991px) {
    .header {
      padding: 25px 0px;
      min-height: 82px; } }
  .header .container {
    position: relative;
    z-index: 9999; }
  .header .search-desktop {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: #fff;
    border-top: 1px solid #EDEFF3;
    padding: 10px 0px;
    transition: all ease 0.3s;
    z-index: -1;
    visibility: hidden;
    opacity: 0; }
    .header .search-desktop.show-suggestion .search-form .search-form-suggestion {
      opacity: 1;
      visibility: visible;
      z-index: 22; }
    @media screen and (max-width: 991px) {
      .header .search-desktop {
        display: none; } }
    .header .search-desktop .search-form {
      max-width: 100%;
      position: relative; }
      .header .search-desktop .search-form .icon {
        display: none; }
      .header .search-desktop .search-form .search-form-suggestion {
        position: absolute;
        top: 100%;
        left: 0px;
        right: 0px;
        margin-top: 10px;
        background-color: #fff;
        box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
        border-radius: 0px 0px 30px 30px;
        padding-bottom: 20px;
        transition: all ease 0.3s;
        z-index: -1;
        opacity: 0;
        visibility: hidden; }
        .header .search-desktop .search-form .search-form-suggestion .suggestion-tag {
          padding: 20px 20px 20px 20px; }
          @media screen and (max-width: 1199px) {
            .header .search-desktop .search-form .search-form-suggestion .suggestion-tag {
              padding: 20px; } }
          .header .search-desktop .search-form .search-form-suggestion .suggestion-tag h4 {
            color: #343434;
            text-align: center;
            text-align: left;
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            margin: 0px 0px 20px 0px; }
            @media screen and (max-width: 1199px) {
              .header .search-desktop .search-form .search-form-suggestion .suggestion-tag h4 {
                font-size: 22px;
                margin: 0px 0px 18px 0px; } }
          .header .search-desktop .search-form .search-form-suggestion .suggestion-tag a {
            border-radius: 12.5px;
            background: rgba(48, 127, 245, 0.08);
            padding: 8px 16px;
            margin: 0px 12px 12px 0px;
            color: #307FF5;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            /* 150% */
            transition: all ease 0.3s; }
            @media screen and (max-width: 991px) {
              .header .search-desktop .search-form .search-form-suggestion .suggestion-tag a {
                padding: 6px 10px;
                font-size: 14px; } }
            .header .search-desktop .search-form .search-form-suggestion .suggestion-tag a:hover {
              box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1); }
        .header .search-desktop .search-form .search-form-suggestion ul {
          list-style: none;
          margin: 0px;
          padding: 0px 0px; }
          .header .search-desktop .search-form .search-form-suggestion ul li a {
            display: block;
            padding: 10px 20px;
            border-top: 1px solid #F1F1F1;
            font-size: 16px;
            font-weight: 400;
            color: #343434;
            transition: all ease 0.3s; }
            .header .search-desktop .search-form .search-form-suggestion ul li a span {
              font-weight: 600; }
            .header .search-desktop .search-form .search-form-suggestion ul li a:hover {
              background-color: #F1F1F1; }
            @media screen and (max-width: 1199px) {
              .header .search-desktop .search-form .search-form-suggestion ul li a {
                padding: 10px 20px;
                font-size: 18px; } }
      .header .search-desktop .search-form .suggestion-slider {
        position: relative;
        padding: 0px 30px; }
        .header .search-desktop .search-form .suggestion-slider .owl-dots {
          display: none !important; }
        .header .search-desktop .search-form .suggestion-slider .owl-carousel .owl-nav button.owl-prev {
          position: absolute;
          top: 50%;
          left: -60px;
          margin-top: -30px;
          width: 40px;
          height: 40px;
          background-image: url(/html/html/html/static_images/prev-blue.svg);
          text-align: center;
          color: #19184A;
          line-height: 30px;
          cursor: pointer;
          transition: all ease 0.3s;
          color: transparent;
          text-indent: -99999px; }
          @media screen and (max-width: 767px) {
            .header .search-desktop .search-form .suggestion-slider .owl-carousel .owl-nav button.owl-prev {
              left: 50%;
              top: 0px;
              margin: -40px 0px 0px -50px; } }
          .header .search-desktop .search-form .suggestion-slider .owl-carousel .owl-nav button.owl-prev:hover {
            opacity: 0.8; }
        .header .search-desktop .search-form .suggestion-slider .owl-carousel .owl-nav button.owl-next {
          position: absolute;
          top: 50%;
          right: -60px;
          margin-top: -30px;
          width: 40px;
          height: 40px;
          background-image: url(/html/html/html/static_images/next-blue.svg);
          text-align: center;
          color: #19184A;
          line-height: 30px;
          cursor: pointer;
          transition: all ease 0.3s;
          color: transparent;
          text-indent: -99999px; }
          @media screen and (max-width: 767px) {
            .header .search-desktop .search-form .suggestion-slider .owl-carousel .owl-nav button.owl-next {
              left: 50%;
              top: 0px;
              margin: -40px 0px 0px 10px; } }
          .header .search-desktop .search-form .suggestion-slider .owl-carousel .owl-nav button.owl-next:hover {
            opacity: 0.8; }
        .header .search-desktop .search-form .suggestion-slider .item {
          margin: 0px 0px 16px 0px;
          position: relative; }
          .header .search-desktop .search-form .suggestion-slider .item:hover .check-brand {
            visibility: visible;
            opacity: 1; }
          .header .search-desktop .search-form .suggestion-slider .item:hover a {
            box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08); }
          .header .search-desktop .search-form .suggestion-slider .item a {
            display: block;
            background: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.04);
            border-radius: 16px;
            transition: all ease 0.3s;
            position: relative;
            overflow: hidden;
            position: relative;
            z-index: 2;
            margin: 0px;
            padding: 0px; }
          .header .search-desktop .search-form .suggestion-slider .item img {
            width: 100%; }
          .header .search-desktop .search-form .suggestion-slider .item .des {
            padding: 8px 10px;
            text-align: center; }
            .header .search-desktop .search-form .suggestion-slider .item .des h3 {
              font-size: 14px;
              font-weight: 700;
              margin: 0px 0px 5px 0px; }
  .header .search-box {
    position: relative;
    width: 640px;
    flex-shrink: 0; }
    @media screen and (max-width: 1570px) {
      .header .search-box {
        width: 500px; } }
    @media screen and (max-width: 1399px) {
      .header .search-box {
        width: 400px; } }
    @media screen and (max-width: 1399px) {
      .header .search-box {
        width: 400px; } }
    @media screen and (max-width: 1199px) {
      .header .search-box {
        width: 300px; } }
    @media screen and (max-width: 991px) {
      .header .search-box {
        display: none; } }
    .header .search-box button {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0px;
      left: 0px;
      text-align: left;
      line-height: 40px;
      z-index: 3;
      border: none;
      cursor: pointer;
      background-color: transparent;
      background-image: url(/html/html/html/static_images/icon-search.svg);
      background-repeat: no-repeat;
      background-position: center center; }
    .header .search-box input {
      width: 100%;
      display: block;
      height: 40px;
      border: none;
      background-color: transparent;
      position: relative;
      z-index: 2;
      transition: all ease 0.3s;
      padding: 0px 20px 0px 40px;
      color: #637CF7;
      outline: none;
      font-size: 14px;
      color: #343434;
      background: #F6F7F9;
      border: 1px solid rgba(0, 0, 0, 0.04);
      border-radius: 8px; }
      .header .search-box input:focus {
        border: none;
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 1199px) {
    .header .main-menu {
      display: none; } }
  .header .main-menu > ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .header .main-menu > ul > li {
      display: inline-block;
      margin: 0px 20px;
      position: relative; }
      @media screen and (max-width: 1599px) {
        .header .main-menu > ul > li {
          margin: 0px 10px; } }
      .header .main-menu > ul > li > a {
        display: block;
        line-height: 40px;
        color: #19184A;
        font-size: 16px;
        font-weight: 500;
        transition: all ease 0.3s;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 1599px) {
          .header .main-menu > ul > li > a {
            font-size: 14px; } }
        .header .main-menu > ul > li > a span {
          width: 20px;
          height: 20px;
          flex-shrink: 0;
          margin: 0px 0px 0px 3px;
          background-image: url(/html/html/html/static_images/icon-arrow-down.svg);
          background-repeat: no-repeat;
          background-position: center center; }
      .header .main-menu > ul > li:hover > a {
        color: #637CF7; }
        .header .main-menu > ul > li:hover > a span {
          background-image: url(/html/html/html/static_images/icon-arrow-down-brand.svg);
          background-repeat: no-repeat; }
      .header .main-menu > ul > li:hover > ul {
        visibility: visible;
        z-index: 99;
        margin: 0px 0px 0px;
        opacity: 1; }
      .header .main-menu > ul > li ul {
        display: block;
        position: absolute;
        list-style: none;
        width: 220px;
        background: #FFFFFF;
        box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.06);
        border-radius: 16px;
        padding: 16px;
        background-color: #fff;
        top: 100%;
        left: 0px;
        transition: all ease 0.3s;
        z-index: 0;
        margin: 10px 0px 0px 0px;
        visibility: hidden;
        opacity: 0; }
        .header .main-menu > ul > li ul li a {
          display: block;
          color: rgba(23, 23, 23, 0.8);
          padding: 8px 10px;
          font-size: 14px;
          border-radius: 8px;
          transition: all ease 0.3s; }
          .header .main-menu > ul > li ul li a:hover {
            background-color: #F4F4F4; }
        .header .main-menu > ul > li ul li.child a {
          padding: 8px 10px 8px 20px; }
  .header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .header .header-inner .header-left {
      display: flex;
      align-items: center; }
    .header .header-inner a.logo {
      position: relative; }
      .header .header-inner a.logo img {
        height: 52px; }
        @media screen and (max-width: 991px) {
          .header .header-inner a.logo img {
            height: 52px; } }
    .header .header-inner .header-right {
      display: flex;
      align-items: center; }
      .header .header-inner .header-right .account-box {
        margin: 0px 0px 0px 25px; }
        @media screen and (max-width: 991px) {
          .header .header-inner .header-right .account-box {
            margin: 0px 0px 0px 10px; } }
        .header .header-inner .header-right .account-box .dropdown-toggle {
          display: flex;
          align-items: center; }
          .header .header-inner .header-right .account-box .dropdown-toggle:after {
            display: none; }
          .header .header-inner .header-right .account-box .dropdown-toggle .icon {
            cursor: pointer;
            background-image: url(/html/html/html/static_images/icon-user.svg);
            background-repeat: no-repeat;
            background-position: center center;
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin: 0px 0px 0px 0px; }
      .header .header-inner .header-right .phone-box {
        margin: 0px 0px 0px 25px; }
        @media screen and (max-width: 991px) {
          .header .header-inner .header-right .phone-box {
            margin: 0px 0px 0px 20px; } }
        .header .header-inner .header-right .phone-box .dropdown-toggle {
          display: flex;
          align-items: center; }
          .header .header-inner .header-right .phone-box .dropdown-toggle:after {
            display: none; }
          .header .header-inner .header-right .phone-box .dropdown-toggle .icon {
            cursor: pointer;
            background-image: url(/html/html/html/static_images/icon-phone.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 20px auto;
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin: 0px 0px 0px 0px; }
      .header .header-inner .header-right .favorites-box {
        margin: 0px 0px 0px 25px;
        background-image: url(/html/html/html/static_images/icon-heart.svg);
        background-repeat: no-repeat;
        background-position: center center;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        position: relative; }
        .header .header-inner .header-right .favorites-box .count {
          width: 13px;
          height: 13px;
          position: absolute;
          top: -3px;
          right: -8px;
          background-color: #000;
          border-radius: 50%;
          line-height: 13px;
          color: #fff;
          text-align: center;
          font-size: 9px;
          opacity: 0;
          transition: all ease 0.2s; }
        .header .header-inner .header-right .favorites-box.active {
          background-image: url(/html/html/html/static_images/icon-heart-fill-red.svg); }
          .header .header-inner .header-right .favorites-box.active .count {
            opacity: 1; }
        @media screen and (max-width: 991px) {
          .header .header-inner .header-right .favorites-box {
            margin: 0px 0px 0px 20px; } }
        .header .header-inner .header-right .favorites-box .dropdown-toggle {
          display: flex;
          align-items: center; }
          .header .header-inner .header-right .favorites-box .dropdown-toggle:after {
            display: none; }
          .header .header-inner .header-right .favorites-box .dropdown-toggle .icon {
            cursor: pointer;
            background-image: url(/html/html/html/static_images/icon-heart.svg);
            background-repeat: no-repeat;
            background-position: center center;
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin: 0px 0px 0px 0px;
            position: relative; }
      .header .header-inner .header-right .menu-desktop-icon {
        display: none;
        margin: 0px 0px 0px 25px;
        flex-shrink: 0;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-image: url(/html/html/html/static_images/icon-menu.svg);
        background-repeat: no-repeat;
        background-position: center center; }
        @media screen and (max-width: 991px) {
          .header .header-inner .header-right .menu-desktop-icon {
            display: none; } }
  .header .search-icon {
    cursor: pointer;
    border-radius: 50%;
    transition: all ease 0.3s;
    margin: 0px 0px 0px 0px;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-image: url(/html/html/html/static_images/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px auto; }
    @media screen and (max-width: 991px) {
      .header .search-icon {
        display: none; } }
  .header .menu-hamburger-icon {
    cursor: pointer;
    border-radius: 50%;
    transition: all ease 0.3s;
    margin: 0px 0px 0px 20px;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-image: url(/html/html/html/static_images/icon-hamburger.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px auto;
    border-radius: 50%;
    background-color: #637CF7;
    transition: all ease 0.3s; }
    .header .menu-hamburger-icon:hover {
      background-color: #94a5f9; }
    @media screen and (max-width: 991px) {
      .header .menu-hamburger-icon {
        display: none; } }
  .header .phone-icon {
    margin: 0px 0px 0px 25px;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-image: url(/html/html/html/static_images/icon-phone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto; }
    @media screen and (max-width: 991px) {
      .header .phone-icon {
        margin: 0px 0px 0px 10px; } }
  .header .menu-mobile-icon {
    margin: 0px 0px 0px 20px;
    flex-shrink: 0;
    width: 23px;
    height: 30px;
    display: none;
    position: relative;
    cursor: pointer;
    padding: 8px 0px 0px 0px; }
    .header .menu-mobile-icon span {
      width: 100%;
      height: 2px;
      background-color: #111;
      display: block;
      margin: 0px 0px 5px 0px;
      transition: all ease 0.3s;
      position: relative; }
    @media screen and (max-width: 991px) {
      .header .menu-mobile-icon {
        display: block; } }
  .header .search-mobile-icon {
    margin: 0px 0px 0px 10px;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-image: url(/html/html/html/static_images/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: none; }
    @media screen and (max-width: 991px) {
      .header .search-mobile-icon {
        display: block; } }

.search-desktop .search-recent-searches {
  left: 365px;
  right: 365px; }
  @media screen and (max-width: 1559px) {
    .search-desktop .search-recent-searches {
      left: 220px;
      right: 220px; } }
  @media screen and (max-width: 1199px) {
    .search-desktop .search-recent-searches {
      left: 100px;
      right: 100px; } }
.search-desktop .search-suggestions {
  left: 365px;
  right: 365px; }
  @media screen and (max-width: 1559px) {
    .search-desktop .search-suggestions {
      left: 220px;
      right: 220px; } }
  @media screen and (max-width: 1199px) {
    .search-desktop .search-suggestions {
      left: 100px;
      right: 100px; } }

.home-hero .search-recent-searches {
  left: 40px;
  right: 40px; }
.home-hero .search-suggestions {
  left: 40px;
  right: 40px; }

.search-recent-searches {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin-top: 0px;
  background-color: #fff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0px 0px 30px 30px;
  padding-bottom: 20px;
  display: none;
  text-align: left;
  z-index: 999; }
  .search-recent-searches .clear-search {
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #dc3545; }
  .search-recent-searches h4 {
    color: #343434;
    text-align: center;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 12px 20px; }
  .search-recent-searches ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px; }
    .search-recent-searches ul li a {
      display: block;
      padding: 10px 20px;
      border-bottom: 1px solid #F1F1F1;
      font-size: 16px;
      font-weight: 400;
      color: #343434;
      transition: all ease 0.3s; }
      .search-recent-searches ul li a span {
        font-weight: 600; }
      .search-recent-searches ul li a:hover {
        background-color: #F1F1F1; }
      @media screen and (max-width: 1199px) {
        .search-recent-searches ul li a {
          padding: 10px 20px;
          font-size: 18px; } }

.search-suggestions {
  position: absolute;
  top: 100%;
  left: 0px;
  text-align: left;
  right: 0px;
  margin-top: 0px;
  background-color: #fff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0px 0px 30px 30px;
  padding-bottom: 20px;
  display: none;
  z-index: 999; }
  .search-suggestions .trending {
    padding: 0px 20px 0px 20px; }
    .search-suggestions .trending a {
      border-radius: 12.5px;
      background: rgba(48, 127, 245, 0.08);
      padding: 6px 12px;
      margin: 0px 12px 12px 0px;
      display: inline-block;
      color: #307FF5;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      transition: all ease 0.3s; }
      @media screen and (max-width: 991px) {
        .search-suggestions .trending a {
          padding: 6px 10px;
          font-size: 14px; } }
      .search-suggestions .trending a:hover {
        background: rgba(48, 127, 245, 0.1); }
  .search-suggestions .clear-search {
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #dc3545; }
  .search-suggestions h4 {
    color: #343434;
    text-align: center;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 12px 20px; }
  .search-suggestions ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
    border-top: 1px solid #F1F1F1; }
    .search-suggestions ul li {
      position: relative; }
      .search-suggestions ul li .icon-fill {
        position: absolute;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        font-size: 20px;
        justify-content: center;
        top: 50%;
        right: 10px;
        margin: -20px 0px 0px 0px;
        cursor: pointer;
        z-index: 99; }
        .search-suggestions ul li .icon-fill:hover {
          color: #637CF7; }
      .search-suggestions ul li a {
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #F1F1F1;
        font-size: 16px;
        font-weight: 400;
        color: #343434;
        transition: all ease 0.3s; }
        .search-suggestions ul li a span {
          font-weight: 600; }
        .search-suggestions ul li a:hover {
          background-color: #F1F1F1; }
        @media screen and (max-width: 1199px) {
          .search-suggestions ul li a {
            padding: 10px 20px;
            font-size: 18px; } }

.menu-icon {
  height: 24px;
  width: 24px;
  cursor: pointer;
  display: none;
  padding: 0px 0px 0px 0px;
  z-index: 999999;
  margin: 8px 0px 0px 30px; }
  .menu-icon span {
    height: 1px;
    display: block;
    background-color: #637CF7;
    width: 100%;
    margin: 0px 0px 7px 0px;
    transition: all ease 0.3s;
    position: relative; }
    .menu-icon span:last-child {
      width: 13px;
      margin: 0px;
      float: right; }
  @media screen and (max-width: 991px) {
    .menu-icon {
      display: block; } }

.breadcrumb {
  padding: 12px 0px;
  margin: 0px;
  background-color: #fbfbff; }
  @media screen and (max-width: 991px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb a {
    display: inline-block;
    font-size: 14px;
    color: #5C5C5C;
    text-decoration: none;
    transition: all ease 0.3s; }
    .breadcrumb a:hover {
      color: #637CF7; }
  .breadcrumb span {
    display: inline-block;
    font-size: 14px;
    color: #5C5C5C;
    margin: 0px 5px; }
  .breadcrumb.breadcrumb-dark {
    padding: 22px 0px;
    margin: 0px;
    background: linear-gradient(0deg, #141518 0%, #141518 100%), #FFF; }
    .breadcrumb.breadcrumb-dark a {
      display: inline-block;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.64);
      text-decoration: none;
      transition: all ease 0.3s; }
      .breadcrumb.breadcrumb-dark a:hover {
        color: #637CF7; }
    .breadcrumb.breadcrumb-dark span {
      display: inline-block;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.64);
      margin: 0px 5px; }

.menu-mobile {
  position: absolute;
  z-index: 99;
  overflow: auto;
  right: 0px;
  background-color: #fff;
  transition: all ease 0.3s;
  top: 100%;
  left: 5px;
  right: 5px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  border-radius: 24px;
  min-height: 70vh; }
  .menu-mobile .menu {
    padding: 0px; }
    .menu-mobile .menu > ul {
      margin: 0px 0px 20px 0px;
      padding: 0px;
      list-style: none;
      min-height: calc(100vh-150px); }
      .menu-mobile .menu > ul > li {
        margin: 0px 0px 13px 0px; }
        .menu-mobile .menu > ul > li > a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 16px;
          padding: 8px 0px 8px 0px;
          transition: all ease 0.3s;
          color: #19184A;
          font-weight: 700;
          text-align: center; }
          .menu-mobile .menu > ul > li > a:hover {
            color: #637CF7; }
          .menu-mobile .menu > ul > li > a .arrow {
            width: 20px;
            height: 20px;
            background-image: url(/html/html/html/static_images/icon-arrow-down-blue.svg);
            background-repeat: no-repeat;
            background-position: center center; }
        .menu-mobile .menu > ul > li.active > a .arrow {
          transform: rotate(180deg); }
        .menu-mobile .menu > ul > li ul {
          display: none;
          list-style: none; }
          .menu-mobile .menu > ul > li ul li {
            margin: 0px 0px 0px 0px; }
            .menu-mobile .menu > ul > li ul li a {
              font-size: 14px;
              display: block;
              padding: 5px 0px;
              color: #19184A;
              font-weight: 400; }
  .menu-mobile .search-form {
    max-width: 800px;
    margin: 0px 0px 16px 0px;
    position: relative;
    border-bottom: 1px solid #EDEFF3; }
    .menu-mobile .search-form .icon {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      width: 40px;
      background-repeat: no-repeat;
      background-position: center left;
      background-image: url(/html/html/html/static_images/icon-search.svg); }
    .menu-mobile .search-form input {
      border: none;
      outline: none;
      display: block;
      width: 100%;
      text-align: left;
      padding: 0px 40px 0px 40px;
      background: #FFFFFF;
      box-shadow: none;
      border-radius: 999px;
      font-size: 18px;
      height: 56px;
      line-height: 56px;
      color: #343434;
      font-weight: 400; }
      .menu-mobile .search-form input::placeholder {
        color: rgba(25, 24, 74, 0.4); }
      @media screen and (max-width: 991px) {
        .menu-mobile .search-form input {
          font-size: 16px;
          height: 56px; } }
    .menu-mobile .search-form button {
      background: linear-gradient(450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%);
      box-shadow: 0px 16px 40px rgba(11, 169, 166, 0.16);
      width: 40px;
      height: 40px;
      padding: 0px;
      position: absolute;
      top: 8px;
      right: 0px;
      cursor: pointer;
      border: none;
      border-radius: 50%; }
      @media screen and (max-width: 991px) {
        .menu-mobile .search-form button {
          width: 40px;
          height: 40px; } }
      .menu-mobile .search-form button span {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(/html/html/html/static_images/icon-arrow-long-right.svg);
        background-size: 20px auto; }

.page {
  transition: all ease 0.3s;
  background-image: linear-gradient(147deg, #333941 0%, #0C0F13 100%);
  background-attachment: fixed; }

@media screen and (max-width: 991px) {
  .open-menu .menu-mobile {
    opacity: 1;
    z-index: 99;
    visibility: visible;
    margin-top: 0; }
  .open-menu .page {
    overflow: hidden; }
  .open-menu .menu-mobile-icon span:nth-child(2) {
    opacity: 0; }
  .open-menu .menu-mobile-icon span:nth-child(1) {
    opacity: 1;
    transform: rotate(45deg);
    top: 5px; }
  .open-menu .menu-mobile-icon span:nth-child(3) {
    opacity: 1;
    transform: rotate(-45deg);
    width: 100%;
    top: -9px; } }
.list-tags span {
  display: inline-block;
  margin: 0px 12px 12px 0px;
  font-size: 14px;
  font-weight: 500;
  color: #19184A;
  padding: 8px 0px;
  color: #343434; }
.list-tags a {
  display: inline-block;
  margin: 0px 12px 12px 0px;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 16px;
  border-radius: 20px;
  transition: all ease 0.3s;
  color: #637CF7;
  background: rgba(0, 0, 0, 0.04);
  background: rgba(99, 124, 247, 0.08);
  border: none; }
  .list-tags a:hover {
    background: rgba(99, 124, 247, 0.08); }

.faq-block {
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 100px 0px 100px 0px;
  position: relative; }
  @media screen and (max-width: 991px) {
    .faq-block {
      padding: 60px 0px 60px 0px; } }
  .faq-block .container {
    position: relative;
    z-index: 2; }
  .faq-block .caption {
    text-align: center;
    margin: 0px 0px 40px 0px; }
    .faq-block .caption span {
      font-size: 32px;
      font-weight: 700; }
      @media screen and (max-width: 991px) {
        .faq-block .caption span {
          font-size: 24px; } }
  .faq-block .faq-inner {
    max-width: 830px;
    margin: 0px auto; }
  .faq-block .faq-item {
    border: 1px solid #F3F5FE;
    border-radius: 16px;
    transition: all ease 0.5s;
    margin: 0px 0px 16px 0px; }
    .faq-block .faq-item .faq-caption {
      font-size: 20px;
      font-weight: 700;
      color: #19184A;
      padding: 24px 70px 24px 24px;
      position: relative;
      cursor: pointer;
      transition: all ease 0.5s;
      border-radius: 16px; }
      @media screen and (max-width: 767px) {
        .faq-block .faq-item .faq-caption {
          padding: 18px 30px 18px 20px;
          font-size: 18px; } }
      .faq-block .faq-item .faq-caption:before {
        width: 25px;
        height: 25px;
        content: "";
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        right: 30px;
        margin: -12px 0px 0px 0px;
        background-image: url(/html/html/html/static_images/icon-plus.svg);
        background-position: center center; }
        @media screen and (max-width: 767px) {
          .faq-block .faq-item .faq-caption:before {
            right: 10px; } }
    .faq-block .faq-item .faq-content {
      display: none;
      padding: 0px 24px 30px 24px; }
      @media screen and (max-width: 767px) {
        .faq-block .faq-item .faq-content {
          padding: 0px 20px 20px 20px; } }
      .faq-block .faq-item .faq-content p {
        margin: 0px;
        font-size: 16px;
        color: #525177;
        padding-top: 20px; }
      .faq-block .faq-item .faq-content ul {
        color: #525177; }
      .faq-block .faq-item .faq-content a {
        color: #525177;
        text-decoration: underline; }
    .faq-block .faq-item.active {
      background-color: #F3F5FE;
      border-color: #F3F5FE; }
      .faq-block .faq-item.active .faq-caption::before {
        transform: rotate(45deg); }
  .faq-block .got-question {
    max-width: 830px;
    margin: 80px auto 0px auto;
    background: linear-gradient(45deg, #5A73ED 0%, #3D57D5 100%);
    box-shadow: 0px 16px 32px rgba(48, 127, 245, 0.16);
    border-radius: 24px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .faq-block .got-question {
        flex-wrap: wrap; } }
    .faq-block .got-question .left {
      max-width: 320px; }
      @media screen and (max-width: 767px) {
        .faq-block .got-question .left {
          width: 100%;
          max-width: 100%; } }
      @media screen and (max-width: 575px) {
        .faq-block .got-question .left {
          text-align: center; } }
      .faq-block .got-question .left h3 {
        color: #fff;
        font-size: 32px;
        font-weight: bold;
        margin: 0px 0px 10px 0px; }
        @media screen and (max-width: 767px) {
          .faq-block .got-question .left h3 {
            font-size: 24px; } }
      .faq-block .got-question .left p {
        font-size: 16px;
        color: #fff;
        margin: 0px 0px 20px 0px;
        opacity: 0.8; }
      @media screen and (max-width: 575px) {
        .faq-block .got-question .left .button {
          width: 100%; } }
    .faq-block .got-question .right {
      width: 280px;
      flex-shrink: 0; }
      @media screen and (max-width: 767px) {
        .faq-block .got-question .right {
          width: 100%;
          padding: 20px 0px 0px 0px; } }
      .faq-block .got-question .right ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px; }
        .faq-block .got-question .right ul li {
          margin: 0px 0px 8px 0px; }
          .faq-block .got-question .right ul li:last-child {
            margin: 0px; }
          .faq-block .got-question .right ul li a {
            display: block;
            line-height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: #Fff;
            font-size: 16px;
            font-weight: bold;
            background: rgba(255, 255, 255, 0.08);
            transition: all ease 0.3s; }
            .faq-block .got-question .right ul li a:hover {
              background: rgba(255, 255, 255, 0.16); }
            .faq-block .got-question .right ul li a .icon {
              width: 30px;
              height: 30px;
              margin: 0px 10px 0px 0px;
              flex-shrink: 0;
              background-repeat: no-repeat;
              background-position: center center; }
              .faq-block .got-question .right ul li a .icon.icon-phone {
                background-image: url(/html/html/html/static_images/icon-phone-white.svg); }
              .faq-block .got-question .right ul li a .icon.icon-chat {
                background-image: url(/html/html/html/static_images/icon-chat-white.svg); }
              .faq-block .got-question .right ul li a .icon.icon-email {
                background-image: url(/html/html/html/static_images/icon-mail-white.svg); }

.featured-categories {
  padding: 40px 0px 40px 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), #FFFFFF; }
  @media screen and (max-width: 991px) {
    .featured-categories {
      padding: 50px 0px 20px 0px;
      overflow: hidden; } }
  .featured-categories h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
    display: block;
    position: relative; }
    @media screen and (max-width: 991px) {
      .featured-categories h3 {
        cursor: pointer; } }
    .featured-categories h3:before {
      content: "";
      width: 25px;
      height: 25px;
      background-repeat: no-repeat;
      background-image: url(/html/html/html/static_images/icon-arrow-down-blue.svg);
      display: none;
      position: absolute;
      top: 50%;
      right: 0px;
      background-position: center center;
      margin: -13px 0px 0px 0px; }
      @media screen and (max-width: 991px) {
        .featured-categories h3:before {
          display: block; } }
    .featured-categories h3.active:before {
      transform: rotate(180deg); }
  @media screen and (max-width: 991px) {
    .featured-categories .fc-content {
      display: none;
      overflow-y: auto;
      max-height: 500px;
      padding: 0px 15px;
      margin-left: -15px;
      margin-right: -15px; } }
  @media screen and (min-width: 992px) {
    .featured-categories .fc-content {
      display: block !important; } }
  .featured-categories ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .featured-categories ul li {
      margin: 0px 0px 10px 0px; }
      .featured-categories ul li a {
        font-size: 14px;
        color: #5C5C5C;
        transition: all ease 0.3s; }
        .featured-categories ul li a:hover {
          color: #637CF7; }
      .featured-categories ul li ul {
        padding: 0px 0px 0px 20px; }
        .featured-categories ul li ul li a {
          color: rgba(99, 124, 247, 0.5); }
          .featured-categories ul li ul li a:hover {
            color: #637CF7; }

.search-form {
  max-width: 800px;
  margin: 0px auto;
  position: relative; }
  .search-form .clear-search-text {
    position: absolute;
    top: 50%;
    right: 90px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
    z-index: 99;
    margin: -20px 0px 0px 0px; }
    .search-form .clear-search-text:hover {
      color: #dc3545; }
  .search-form.focus-search .clear-search-text {
    opacity: 1;
    visibility: visible; }
  .search-form.typing-search .clear-search-text {
    opacity: 1;
    visibility: visible; }
  .search-form .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/html/html/html/static_images/icon-search.svg); }
    @media screen and (max-width: 575px) {
      .search-form .icon {
        width: 40px; } }
  .search-form input {
    border: none;
    outline: none;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px 70px 0px 70px;
    background: #FFFFFF;
    box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.02);
    border-radius: 999px;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    color: #343434;
    font-weight: 400; }
    .search-form input::placeholder {
      color: rgba(25, 24, 74, 0.4); }
    @media screen and (max-width: 991px) {
      .search-form input {
        font-size: 16px;
        height: 60px; } }
    @media screen and (max-width: 767px) {
      .search-form input {
        height: 60px; } }
    @media screen and (max-width: 575px) {
      .search-form input {
        padding: 0px 50px 0px 50px;
        text-align: left;
        font-size: 14px; } }
  .search-form button {
    background: #FF6955;
    box-shadow: 0px 16px 40px rgba(11, 169, 166, 0.16);
    width: 48px;
    height: 48px;
    padding: 0px;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    transition: all ease 0.6s; }
    .search-form button:hover {
      background-color: #ff533c; }
    @media screen and (max-width: 991px) {
      .search-form button {
        width: 43px;
        height: 43px;
        top: 10px;
        right: 10px; } }
    .search-form button span {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      z-index: 1;
      right: 0px;
      background-size: 24px auto;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(/html/html/html/static_images/icon-arrow-long-right.svg); }

.search-block {
  text-align: center;
  background-color: rgba(99, 124, 247, 0.08); }
  .search-block .container {
    border-bottom: 1px solid #EDEFF3;
    padding-top: 40px;
    padding-bottom: 60px; }
    @media screen and (max-width: 991px) {
      .search-block .container {
        border: none; } }
  .search-block .list-tags {
    margin: 35px 0px 0px 0px; }
    @media screen and (max-width: 991px) {
      .search-block .list-tags {
        text-align: left; }
        .search-block .list-tags span {
          width: 100%; } }
    .search-block .list-tags a,
    .search-block .list-tags span {
      font-size: 14px; }

.footer {
  padding: 0px 0px 40px 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), #FFFFFF; }
  .footer .footer-col {
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 0px 0px; }
    @media screen and (max-width: 991px) {
      .footer .footer-col {
        padding: 20px 0px 0px 0px; } }
    .footer .footer-col h3 {
      font-size: 20px;
      font-weight: bold;
      margin: 0px 0px 20px 0px;
      position: relative; }
      .footer .footer-col h3:before {
        content: "";
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-image: url(/html/html/html/static_images/icon-arrow-down-blue.svg);
        display: none;
        position: absolute;
        top: 50%;
        right: 0px;
        background-position: center center;
        margin: -13px 0px 0px 0px; }
        @media screen and (max-width: 991px) {
          .footer .footer-col h3:before {
            display: block;
            cursor: pointer; } }
      .footer .footer-col h3.active:before {
        transform: rotate(180deg); }
    .footer .footer-col ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      @media screen and (max-width: 991px) {
        .footer .footer-col ul {
          display: none; } }
      @media screen and (min-width: 992px) {
        .footer .footer-col ul {
          display: block !important; } }
      .footer .footer-col ul li {
        margin: 0px 0px 10px 0px; }
        .footer .footer-col ul li a {
          font-size: 14px;
          color: #19184A;
          transition: all ease 0.3s; }
          .footer .footer-col ul li a:hover {
            color: #637CF7; }
        .footer .footer-col ul li ul {
          padding: 0px 0px 0px 20px; }
          .footer .footer-col ul li ul li a {
            color: rgba(99, 124, 247, 0.5); }
            .footer .footer-col ul li ul li a:hover {
              color: #637CF7; }

.bottom-block {
  text-align: left;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), #FFFFFF; }
  @media screen and (max-width: 991px) {
    .bottom-block {
      padding-bottom: 100px; } }
  .bottom-block .container {
    border-top: 1px solid #EDEFF3;
    padding-top: 55px;
    padding-bottom: 55px; }
  .bottom-block .flex {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 991px) {
      .bottom-block .flex {
        flex-wrap: wrap;
        flex-direction: column-reverse; } }
    .bottom-block .flex .allright {
      font-size: 16px;
      color: #19184A; }
      @media screen and (max-width: 991px) {
        .bottom-block .flex .allright {
          width: 100%;
          text-align: center; } }
    @media screen and (max-width: 991px) {
      .bottom-block .flex .approved {
        width: 100%;
        padding: 30px 0px;
        text-align: center; } }
    .bottom-block .flex .approved a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: left; }
    .bottom-block .flex .approved img {
      flex-shrink: 0;
      width: 150px;
      margin: 0px 20px 0px 0px; }
      @media screen and (max-width: 575px) {
        .bottom-block .flex .approved img {
          width: 100px;
          margin: 0px 6px 0px 0px; } }
    .bottom-block .flex .approved div {
      font-size: 14px;
      color: #999;
      padding: 0px 0px 0px 24px;
      border-left: 1px solid rgba(0, 0, 0, 0.08); }
      @media screen and (max-width: 575px) {
        .bottom-block .flex .approved div {
          width: 100px;
          margin: 0px px 0px 10px; } }
      .bottom-block .flex .approved div strong {
        display: block;
        font-size: 20px;
        color: #000;
        font-weight: 700; }
    .bottom-block .flex .social a {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 0px 5px 0px 5px;
      background-repeat: no-repeat;
      background-position: center center;
      transition: all ease 0.3s; }
      .bottom-block .flex .social a:hover {
        transform: scale(1.1); }
      .bottom-block .flex .social a.facebook {
        background-image: url(/html/html/html/static_images/facebook.svg); }
      .bottom-block .flex .social a.twitter {
        background-image: url(/html/html/html/static_images/twitter.svg); }
      .bottom-block .flex .social a.instagam {
        background-image: url(/html/html/html/static_images/instagam.svg); }
      .bottom-block .flex .social a.youtube {
        background-image: url(/html/html/html/static_images/youtube.svg); }
      .bottom-block .flex .social a.in {
        background-image: url(/html/html/html/static_images/in.svg); }

.why-block {
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 60px 0px;
  position: relative;
  background-color: rgba(99, 124, 247, 0.08); }
  @media screen and (max-width: 991px) {
    .why-block {
      padding: 60px 0px; } }
  .why-block .container {
    position: relative;
    z-index: 2; }
  .why-block .flex {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1199px) {
      .why-block .flex {
        flex-wrap: wrap; } }
    .why-block .flex .left {
      width: 100%;
      min-height: 200px;
      background: linear-gradient(45deg, #5A73ED 0%, #3D57D5 100%);
      box-shadow: 0px 16px 40px rgba(48, 127, 245, 0.08);
      border-radius: 40px;
      padding: 100px 20px 100px 20px; }
      @media screen and (max-width: 991px) {
        .why-block .flex .left {
          padding: 30px 20px; } }
      .why-block .flex .left .left-content {
        max-width: 550px;
        margin: 0px auto;
        text-align: center; }
        .why-block .flex .left .left-content h3 {
          color: #fff;
          font-weight: bold;
          font-size: 48px;
          margin: 0px 0px 40px 0px; }
          @media screen and (max-width: 991px) {
            .why-block .flex .left .left-content h3 {
              font-size: 32px; } }
          @media screen and (max-width: 767px) {
            .why-block .flex .left .left-content h3 {
              font-size: 24px; } }
        .why-block .flex .left .left-content p {
          color: #fff;
          font-weight: 500;
          font-size: 20px;
          margin: -20px 0px 30px 0px; }
          @media screen and (max-width: 991px) {
            .why-block .flex .left .left-content p {
              font-size: 18px; } }
          @media screen and (max-width: 767px) {
            .why-block .flex .left .left-content p {
              font-size: 16px; } }
        .why-block .flex .left .left-content .control span {
          font-size: 16px;
          font-weight: bold;
          display: inline-block;
          margin: 0px 15px;
          color: #fff; }
          @media screen and (max-width: 767px) {
            .why-block .flex .left .left-content .control span {
              display: block;
              margin: 10px 0px; } }
    .why-block .flex .right {
      flex-shrink: 0;
      width: 35%;
      margin: 0px 0px 0px 40px;
      background: #FFFFFF;
      box-shadow: 0px 16px 40px rgba(48, 127, 245, 0.08);
      border-radius: 40px;
      padding: 40px; }
      @media screen and (max-width: 1199px) {
        .why-block .flex .right {
          width: 100%;
          margin: 30px 0px 0px 0px; } }
      .why-block .flex .right h3 {
        font-weight: bold;
        font-size: 32px;
        margin: 0px 0px 20px 0px; }
      .why-block .flex .right .item {
        margin: 0px 0px 20px 0px;
        position: relative; }
        .why-block .flex .right .item::before {
          content: "";
          display: block;
          position: absolute;
          left: -40px;
          top: 0px;
          width: 6px;
          height: 24px;
          background: #637CF7;
          border-radius: 0px 8px 8px 0px; }
        .why-block .flex .right .item h4 {
          font-size: 18px;
          font-weight: bold;
          margin: 0px 0px 10px 0px; }
        .why-block .flex .right .item p {
          color: #343434;
          font-size: 16px;
          margin: 0px; }

/*************************home***********************/
.modal {
  padding: 0px 20px; }
  .modal .close-modal {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/html/html/html/static_images/icon-close-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    background-size: 12px auto; }
    @media screen and (max-width: 991px) {
      .modal .close-modal {
        top: 10px;
        right: 10px;
        background-size: 12px auto; } }

.modal-content {
  border: none;
  background-color: #fff;
  border-radius: 16px;
  padding: 30px 40px 30px 40px; }
  @media screen and (max-width: 767px) {
    .modal-content {
      padding: 20px 20px 20px 20px; } }

.auth-box .auth-caption {
  text-align: center;
  margin: 0px 0px 24px 0px; }
  .auth-box .auth-caption .icon {
    text-align: center;
    margin: 0px 0px 20px 0px; }
  .auth-box .auth-caption h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0px 0px 5px 0px; }
  .auth-box .auth-caption p {
    font-size: 15px;
    color: #343434;
    margin: 0px;
    padding: 2px 0px; }
.auth-box .forgot-password {
  text-align: center;
  padding: 20px 0px 0px 0px;
  color: #343434;
  font-size: 14px; }
  .auth-box .forgot-password a {
    color: #637CF7;
    transition: all ease 0.3s;
    font-size: 14px; }
    .auth-box .forgot-password a:hover {
      color: #637CF7; }
.auth-box .or {
  height: 10px;
  border-top: 1px solid #EDEFF3;
  margin: 30px 0px 20px 0px;
  text-align: center;
  opacity: 0.7; }
  .auth-box .or span {
    background-color: #Fff;
    padding: 10px 10px;
    font-size: 16px;
    position: relative;
    display: inline-block;
    opacity: 0.7;
    top: -24px; }
.auth-box .button-google {
  border-radius: 8px;
  border: none;
  background-color: #dd4b39;
  height: 48px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  color: #fff;
  margin: 0px 0px 20px 0px;
  transition: all ease 0.3s; }
  .auth-box .button-google:hover {
    background-color: #e47365; }
  .auth-box .button-google span {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
    margin: 0px 10px 0px 0px;
    background-image: url(/html/html/html/static_images/google.png);
    background-size: 25px auto; }

.no-bubbles .feature-block .feature-row:before,
.no-bubbles .hb-crowdsourced::before,
.no-bubbles .hb-crowdsourced:after,
.no-bubbles .hb-service::before,
.no-bubbles .hb-service::after,
.no-bubbles .hb-collection-wrap::before,
.no-bubbles .hb-tool::before,
.no-bubbles .hb-customer-wrap::before,
.no-bubbles .faq-block::before,
.no-bubbles .why-block::before,
.no-bubbles .detail-two::before,
.no-bubbles .related-block::before,
.no-bubbles .detail-one .do-inner::before {
  display: none; }
.no-bubbles .detail-one .do-inner {
  background-image: none; }

.blue-version .feature-block .feature-row:before,
.blue-version .hb-crowdsourced::before,
.blue-version .hb-crowdsourced:after,
.blue-version .hb-service::before,
.blue-version .hb-service::after,
.blue-version .hb-collection-wrap::before,
.blue-version .hb-tool::before,
.blue-version .hb-customer-wrap::before,
.blue-version .faq-block::before,
.blue-version .why-block::before,
.blue-version .detail-two::before,
.blue-version .related-block::before {
  display: none; }
.blue-version .header {
  background-image: none; }
.blue-version .detail-cols .detail-one:before {
  background: linear-gradient(77.64deg, #4E65FF 0%, #92EFFD 100%); }
.blue-version .detail-one .do-left .do-domain-for-sale {
  color: #ddd; }
.blue-version .detail-one {
  background: linear-gradient(77.64deg, #4E65FF 0%, #92EFFD 100%); }
  .blue-version .detail-one .do-inner {
    background-image: none;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative; }
    .blue-version .detail-one .do-inner.lease-inner {
      background-image: none; }
    .blue-version .detail-one .do-inner::before {
      display: none; }
  .blue-version .detail-one .do-left h3 {
    color: #fff; }
  .blue-version .detail-one .do-left p {
    color: #fff;
    opacity: 1; }
  .blue-version .detail-one .do-left .do-des a {
    text-decoration: underline;
    color: #fff;
    opacity: 1; }
  .blue-version .detail-one .do-left .owl-dots .owl-dot {
    background-color: #fff; }
  .blue-version .detail-one .do-left .control a {
    background-color: rgba(255, 255, 255, 0.9); }
    .blue-version .detail-one .do-left .control a:hover {
      background-color: #fff; }
  .blue-version .detail-one .do-left .control a.like {
    color: #fff;
    background-color: transparent; }
.blue-version .breadcrumb {
  background-image: none; }
.blue-version .detail-one .button-proceed,
.blue-version .detail-one .button-mao {
  background: linear-gradient(271.19deg, #307DF6 0%, #14BBBF 100%); }
.blue-version .include-box ul li:before {
  background-image: url(/html/html/html/static_images/icon-check-blue.svg); }
.blue-version .header.header-home {
  position: absolute;
  top: 0;
  left: 0;
  background-image: none;
  background-color: transparent;
  right: 0; }
  @media screen and (max-width: 1199px) {
    .blue-version .header.header-home .main-menu {
      display: none; } }
  .blue-version .header.header-home .main-menu > ul > li > a {
    color: #fff; }
    .blue-version .header.header-home .main-menu > ul > li > a span {
      background-image: url(/html/html/html/static_images/icon-arrow-down-white.svg); }
  .blue-version .header.header-home .main-menu > ul > li:hover > a {
    color: #fff; }
    .blue-version .header.header-home .main-menu > ul > li:hover > a span {
      background-image: url(/html/html/html/static_images/icon-arrow-down-white.svg); }
  .blue-version .header.header-home .search-icon {
    background-image: url(/html/html/html/static_images/icon-search-white.svg); }
  .blue-version .header.header-home .header-inner .header-right .account-box .dropdown-toggle .icon {
    background-image: url(/html/html/html/static_images/icon-user-white.svg); }
  .blue-version .header.header-home .header-inner .header-right .phone-box .dropdown-toggle .icon {
    background-image: url(/html/html/html/static_images/icon-phone-white.svg); }
  .blue-version .header.header-home .header-inner .header-right .favorites-box .dropdown-toggle .icon {
    background-image: url(/html/html/html/static_images/icon-heart-fill-white.svg); }
.blue-version .home-hero {
  background: linear-gradient(271.19deg, #307DF6 0%, #14BBBF 100%);
  padding-top: 80px; }
  .blue-version .home-hero .hh-inner {
    background-image: none; }
  .blue-version .home-hero .hh-content h1 {
    color: #fff; }
  .blue-version .home-hero .hh-content p {
    color: rgba(255, 255, 255, 0.8); }
  .blue-version .home-hero .hh-content h1 span {
    color: #fff;
    -webkit-background-clip: unset;
    background-image: none;
    -webkit-text-fill-color: unset; }
  .blue-version .home-hero .hh-content .naming {
    background: #fff; }
.blue-version .button.button-brand {
  background: linear-gradient(271.19deg, #307DF6 0%, #14BBBF 100%), #307FF5; }
.blue-version .button.button-brand::before {
  background: linear-gradient(151.19deg, #307DF6 0%, #14BBBF 100%), #307FF5; }
.blue-version .hh-content .or {
  color: #fff; }
.blue-version .search-form input {
  border-radius: 16px; }
.blue-version .search-form button {
  background: linear-gradient(135deg, #0CD5D1 0%, #0BA9A6 100%); }
.blue-version .search-form button:before {
  background: linear-gradient(70deg, #0CD5D1 0%, #0BA9A6 100%); }

body.purple-version .feature-block .feature-row:before,
body.purple-version .hb-crowdsourced::before,
body.purple-version .hb-crowdsourced:after,
body.purple-version .hb-service::before,
body.purple-version .hb-service::after,
body.purple-version .hb-collection-wrap::before,
body.purple-version .hb-tool::before,
body.purple-version .hb-customer-wrap::before,
body.purple-version .faq-block::before,
body.purple-version .why-block::before,
body.purple-version .detail-two::before,
body.purple-version .related-block::before {
  display: none; }
body.purple-version .header {
  background-image: none;
  background-color: #fff; }
body.purple-version .detail-cols .detail-one:before {
  background: linear-gradient(77.64deg, #307DF6 0%, #E0C3FC 100%); }
body.purple-version .detail-one .do-left .do-domain-for-sale {
  color: #ddd; }
body.purple-version .detail-one {
  background: linear-gradient(77.64deg, #307DF6 0%, #E0C3FC 100%); }
  body.purple-version .detail-one .do-inner {
    background-image: none;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative; }
    body.purple-version .detail-one .do-inner.lease-inner {
      background-image: none; }
    body.purple-version .detail-one .do-inner::before {
      display: none; }
  body.purple-version .detail-one .do-left h3 {
    color: #fff; }
  body.purple-version .detail-one .do-left p {
    color: #fff; }
  body.purple-version .detail-one .do-left .owl-dots .owl-dot {
    background-color: #fff; }
  body.purple-version .detail-one .do-left .control a {
    background-color: rgba(255, 255, 255, 0.9); }
    body.purple-version .detail-one .do-left .control a:hover {
      background-color: #fff; }
  body.purple-version .detail-one .do-left .control a.like {
    color: #fff;
    background-color: transparent; }
body.purple-version .breadcrumb {
  background-image: none; }
body.purple-version .purchase-box .option input:checked ~ .radio-text {
  border: 2px solid #C782C2;
  background-color: #fff; }
body.purple-version .detail-one .purchase-box .option input:checked ~ .radio-text:before {
  border: 2px solid #C782C2;
  background-color: #fff; }
body.purple-version .detail-one .button-proceed,
body.purple-version .detail-one .button-mao {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%); }
body.purple-version .include-box ul li:before {
  background-image: url(/html/html/html/static_images/icon-check-blue.svg); }
body.purple-version .header.header-home {
  position: absolute;
  top: 0;
  left: 0;
  background-image: none;
  background-color: transparent;
  right: 0; }
  @media screen and (max-width: 1199px) {
    body.purple-version .header.header-home .main-menu {
      display: none; } }
  body.purple-version .header.header-home .main-menu > ul > li > a {
    color: #fff; }
    body.purple-version .header.header-home .main-menu > ul > li > a span {
      background-image: url(/html/html/html/static_images/icon-arrow-down-white.svg); }
  body.purple-version .header.header-home .main-menu > ul > li:hover > a {
    color: #fff; }
    body.purple-version .header.header-home .main-menu > ul > li:hover > a span {
      background-image: url(/html/html/html/static_images/icon-arrow-down-white.svg); }
  body.purple-version .header.header-home .search-icon {
    background-image: url(/html/html/html/static_images/icon-search-white.svg); }
  body.purple-version .header.header-home .header-inner .header-right .account-box .dropdown-toggle .icon {
    background-image: url(/html/html/html/static_images/icon-user-white.svg); }
  body.purple-version .header.header-home .header-inner .header-right .phone-box .dropdown-toggle .icon {
    background-image: url(/html/html/html/static_images/icon-phone-white.svg); }
  body.purple-version .header.header-home .header-inner .header-right .favorites-box .dropdown-toggle .icon {
    background-image: url(/html/html/html/static_images/icon-heart-fill-white.svg); }
body.purple-version .home-hero {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%);
  padding-top: 80px; }
  body.purple-version .home-hero .hh-inner {
    background-image: none; }
  body.purple-version .home-hero .hh-content h1 {
    color: #fff; }
  body.purple-version .home-hero .hh-content p {
    color: rgba(255, 255, 255, 0.8); }
  body.purple-version .home-hero .hh-content h1 span {
    color: #fff;
    -webkit-background-clip: unset;
    background-image: none;
    -webkit-text-fill-color: unset; }
  body.purple-version .home-hero .hh-content .naming {
    background: #fff; }
body.purple-version .button.button-brand {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%), #307FF5; }
body.purple-version .button.button-brand::before {
  background: linear-gradient(151.19deg, #64A4D6 0%, #C782C2 100%), #307FF5; }
body.purple-version .hh-content .or {
  color: #fff;
  opacity: 0.7; }
body.purple-version .search-form button {
  background: linear-gradient(135deg, #64A4D6 0%, #C782C2 100%); }
body.purple-version .search-form button:before {
  background: linear-gradient(70deg, #64A4D6 0%, #C782C2 100%); }
body.purple-version .faq-block .got-question {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%), #343434; }
body.purple-version .why-block .flex .left {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%), #FFFFFF; }
body.purple-version .hb-collection-wrap .collection-tab span.active {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%), #307FF5; }

.hb-collection {
  position: relative;
  z-index: 3; }
  @media screen and (max-width: 991px) {
    .hb-collection .container {
      max-width: 100% !important;
      padding-left: 0px !important;
      padding-right: 0px !important; } }

.collection-tab {
  max-width: 750px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  background: #F3F5FE;
  border-radius: 8px;
  margin: 0px auto 40px auto; }
  .collection-tab span {
    width: 33.33%;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    padding: 13px 0px;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .collection-tab span {
        font-size: 14px; } }
    .collection-tab span.active {
      background: linear-gradient(45deg, #5A73ED 0%, #3D57D5 100%);
      color: #fff; }

.collect-content {
  display: none; }
  .collect-content.active {
    display: block; }

.collection-scroll {
  overflow: auto; }
  .collection-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: transparent; }
  .collection-scroll::-webkit-scrollbar-thumb {
    background-color: transparent; }

.collection-row {
  margin: 0px -20px;
  display: flex;
  flex-wrap: wrap;
  min-width: 800px; }
  .collection-row .collection-col {
    width: 25%;
    padding: 0px 20px; }
  .collection-row .item {
    margin: 0px 0px 40px 0px; }
    .collection-row .item .thumb {
      width: 100%;
      margin: 0px 0px 10px 0px; }
    .collection-row .item a {
      display: flex;
      align-items: center;
      color: #19184A;
      font-weight: 700;
      font-size: 16px; }
      .collection-row .item a span {
        width: 35px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center center;
        flex-shrink: 0;
        background-image: url(/html/html/html/static_images/icon-arrow-long-right-blue.svg);
        margin: 0px 0px 0px 10px;
        position: relative;
        left: 0;
        transition: all ease 0.3s; }
    .collection-row .item:hover a span {
      left: 8px; }

.feature-block {
  min-height: 200px;
  padding: 50px 0px 50px 0px;
  overflow: hidden; }
  .feature-block .container {
    position: relative;
    z-index: 2; }
  @media screen and (max-width: 991px) {
    .feature-block {
      padding: 50px 0px 20px 0px; } }
  .feature-block h2 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    margin: 0px 0px 50px 0px; }
    @media screen and (max-width: 991px) {
      .feature-block h2 {
        font-size: 32px; } }
  .feature-block.feature-block-inline {
    position: relative; }
    .feature-block.feature-block-inline .feature-row {
      position: static; }
      .feature-block.feature-block-inline .feature-row:before {
        content: "";
        display: block;
        background-image: url(/html/html/html/static_images/wave2.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 168px;
        height: 168px;
        background-position: bottom left;
        position: absolute;
        bottom: 40%;
        right: -90px; }
        @media screen and (max-width: 1199px) {
          .feature-block.feature-block-inline .feature-row:before {
            display: none; } }
      .feature-block.feature-block-inline .feature-row .feature-col {
        width: 50%;
        padding: 0px 12px; }
        @media screen and (max-width: 991px) {
          .feature-block.feature-block-inline .feature-row .feature-col {
            width: 50%; } }
        @media screen and (max-width: 575px) {
          .feature-block.feature-block-inline .feature-row .feature-col {
            width: 50%;
            padding: 0px 5px; } }
  .feature-block .feature-row {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .feature-block .feature-row.feature-row-wave30:before {
      content: "";
      display: block;
      background-image: url(/html/html/html/static_images/contests/wave30.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 168px;
      height: 168px;
      background-position: bottom left;
      position: absolute;
      bottom: -50px;
      right: -90px; }
      @media screen and (max-width: 1199px) {
        .feature-block .feature-row.feature-row-wave30:before {
          display: none; } }
    .feature-block .feature-row .feature-col {
      width: 25%;
      padding: 0px 12px; }
      @media screen and (max-width: 991px) {
        .feature-block .feature-row .feature-col {
          width: 50%; } }
      @media screen and (max-width: 575px) {
        .feature-block .feature-row .feature-col {
          width: 50%;
          padding: 0px 5px; } }
    .feature-block .feature-row .feature-item {
      margin: 0px 0px 30px 0px;
      background: #FFFFFF;
      box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.06);
      border-radius: 24px;
      text-align: center;
      padding: 30px 30px; }
      @media screen and (max-width: 1599px) {
        .feature-block .feature-row .feature-item {
          padding: 30px 20px; } }
      @media screen and (max-width: 991px) {
        .feature-block .feature-row .feature-item {
          margin-bottom: 10px;
          padding: 20px 10px; } }
      .feature-block .feature-row .feature-item .icon {
        margin: 0px 0px 10px 0px; }
      .feature-block .feature-row .feature-item h3 {
        font-size: 28px;
        font-weight: 700;
        margin: 0px 0px 13px 0px;
        line-height: 1.2; }
        @media screen and (max-width: 1599px) {
          .feature-block .feature-row .feature-item h3 {
            font-size: 22px; } }
        @media screen and (max-width: 767px) {
          .feature-block .feature-row .feature-item h3 {
            font-size: 16px; } }
      .feature-block .feature-row .feature-item p {
        margin: 0px;
        font-weight: 400;
        min-height: 60px;
        color: #5E5C9B; }
  .feature-block.feature-block-fix {
    background: #F5F5F5;
    padding: 100px 0px 100px 0px;
    position: relative;
    overflow: inherit; }
    .feature-block.feature-block-fix:after {
      content: "";
      display: block;
      background-image: url(/html/html/html/static_images/wave9.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 180px;
      height: 506px;
      background-position: top left;
      position: absolute;
      background-size: 180px auto;
      top: -100px;
      left: 0px; }
      @media screen and (max-width: 991px) {
        .feature-block.feature-block-fix:after {
          display: none; } }
    .feature-block.feature-block-fix .feature-row:before {
      display: none; }
    .feature-block.feature-block-fix .feature-row .feature-col {
      width: 33%;
      padding: 0px 12px; }
      @media screen and (max-width: 991px) {
        .feature-block.feature-block-fix .feature-row .feature-col {
          width: 50%; } }
      @media screen and (max-width: 575px) {
        .feature-block.feature-block-fix .feature-row .feature-col {
          width: 50%;
          padding: 0px 5px; } }

.featured-in-block .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0px 40px 0px;
  max-width: 1300px;
  margin: 0px auto; }
  @media screen and (max-width: 991px) {
    .featured-in-block .flex {
      flex-wrap: wrap;
      padding: 20px 0px 20px 0px; } }
  @media screen and (max-width: 991px) {
    .featured-in-block .flex .cap {
      width: 100%;
      background-color: transparent;
      text-align: center;
      position: relative;
      top: 0px;
      padding: 5px 0px 15px 0px; } }
  .featured-in-block .flex span {
    padding: 8px 16px;
    white-space: nowrap;
    display: inline-block;
    width: 111px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px; }
    @media screen and (max-width: 991px) {
      .featured-in-block .flex span {
        background-color: #E9E9E9; } }
  .featured-in-block .flex a {
    margin: 0px 10px; }
    @media screen and (max-width: 991px) {
      .featured-in-block .flex a {
        width: 20%;
        margin: 10px 0px;
        padding: 0px 5px;
        text-align: center; } }
    @media screen and (max-width: 575px) {
      .featured-in-block .flex a {
        width: 33.333%; } }

.hb-packages {
  position: relative; }
  .hb-packages::before {
    content: "";
    display: block;
    background-image: url(/html/html/html/static_images/wave10.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 112px;
    height: 80px;
    background-position: top right;
    position: absolute;
    bottom: 0px;
    right: 0px; }
    @media screen and (max-width: 1199px) {
      .hb-packages::before {
        width: 110px;
        height: 89px;
        background-size: 110px auto; } }

.u-video-player__preview {
  bottom: 0px;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  bottom: 0;
  object-fit: fill !important; }

.u-video-player__centered {
  transform: none !important; }

#sh-video-frame-target iframe {
  width: 100% !important;
  height: 188px !important; }
  @media screen and (max-width: 1699px) {
    #sh-video-frame-target iframe {
      height: 188px !important; } }
  @media screen and (max-width: 1599px) {
    #sh-video-frame-target iframe {
      height: 140px  !important; } }
  @media screen and (max-width: 1199px) {
    #sh-video-frame-target iframe {
      height: 200px !important; } }
  @media screen and (max-width: 991px) {
    #sh-video-frame-target iframe {
      height: 188px  !important; } }
  @media screen and (max-width: 767px) {
    #sh-video-frame-target iframe {
      height: 250px  !important; } }
  @media screen and (max-width: 575px) {
    #sh-video-frame-target iframe {
      height: 200px !important; } }
  @media screen and (max-width: 400px) {
    #sh-video-frame-target iframe {
      height: 190px !important; } }

.header .dropdown .dropdown-menu {
  left: -70px !important;
  transform: none !important;
  top: 100% !important;
  margin-left: 0px !important; }
  @media screen and (max-width: 767px) {
    .header .dropdown .dropdown-menu {
      left: -80px !important; } }

.header .dropdown:hover .dropdown-menu {
  display: block !important; }

.rating-details {
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
  position: relative;
  margin-bottom: 20px; }

.rating-details li {
  display: inline-block;
  margin-right: 3px; }

.rating-details li a img.image-hover {
  display: none; }

.rating-details li a:hover img.image-hover {
  display: inline-block; }

.rating-details li a:hover img.image {
  display: none; }

.rating-details li a span {
  display: none;
  position: absolute;
  left: 0px;
  font-size: 13px;
  color: #333;
  top: 35px;
  text-align: center; }

.rating-details li a:hover span {
  display: block; }

.share-content p {
  font-size: 16px; }
.share-content .share-link {
  position: relative; }
  .share-content .share-link .input {
    color: #637CF7;
    padding: 0px 60px 0px 15px;
    font-size: 16px; }
  .share-content .share-link .copy {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: none;
    background-color: #666;
    font-size: 16px;
    color: #fff;
    padding: 0px 15px;
    border-radius: 8px;
    transition: all ease 0.3s; }
    .share-content .share-link .copy:hover {
      background-color: #333; }
.share-content .learn-more a {
  color: #637CF7;
  transition: all ease 0.3s; }
  .share-content .learn-more a:hover {
    text-decoration: underline; }
.share-content .social-share {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .share-content .social-share p {
    font-size: 16px;
    margin: 0px 10px 0px 0px;
    font-weight: bold; }
  .share-content .social-share .share-action a {
    display: inline-flex;
    line-height: 32px;
    margin: 5px 0px 5px 8px;
    border-radius: 8px;
    color: #637CF7;
    font-size: 14px;
    align-items: center;
    transition: all ease 0.3s; }
    @media screen and (max-width: 1559px) {
      .share-content .social-share .share-action a {
        margin: 5px 0px 0px 0px; } }
    .share-content .social-share .share-action a .icon {
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      flex-shrink: 0;
      margin: 0px 0px 0px 0px;
      background-position: center center;
      transition: all ease 0.3s;
      border-radius: 8px; }
      .share-content .social-share .share-action a .icon.icon-facebook {
        background-image: url(/html/html/html/static_images/facebook-white.svg);
        background-size: 20px auto;
        background-color: #3b5998; }
        .share-content .social-share .share-action a .icon.icon-facebook:hover {
          background-color: #4c70ba; }
      .share-content .social-share .share-action a .icon.icon-twitter {
        background-image: url(/html/html/html/static_images/twitter-white.svg);
        background-color: #3a92c8; }
        .share-content .social-share .share-action a .icon.icon-twitter:hover {
          background-color: #62a8d3; }
      .share-content .social-share .share-action a .icon.icon-instagram {
        background-image: url(/html/html/html/static_images/instagram-white.svg);
        background-color: #fb3958; }
        .share-content .social-share .share-action a .icon.icon-instagram:hover {
          background-color: #fc6b82; }
      .share-content .social-share .share-action a .icon.icon-pinterest {
        background-image: url(/html/html/html/static_images/pinterest-white.svg);
        background-color: #cb2027; }
        .share-content .social-share .share-action a .icon.icon-pinterest:hover {
          background-color: #e03e44; }

/***********/
.home-block {
  padding: 80px 0px;
  position: relative; }
  @media screen and (max-width: 991px) {
    .home-block {
      padding: 60px 0px 60px 0px; } }
  .home-block .hb-caption {
    margin: 0px 0px 40px 0px;
    text-align: center; }
    @media screen and (max-width: 991px) {
      .home-block .hb-caption {
        margin: 0px 0px 40px 0px; } }
    .home-block .hb-caption h2 {
      font-size: 32px;
      font-weight: 700;
      margin: 0px;
      color: #19184A; }
    .home-block .hb-caption h3 {
      color: #19184A; }
    .home-block .hb-caption p {
      color: #5E5C9B;
      margin: 10px auto auto;
      max-width: 800px; }

.hb-slider {
  padding: 0px 60px;
  position: relative; }
  @media screen and (max-width: 991px) {
    .hb-slider {
      padding: 0px 40px; } }
  @media screen and (max-width: 767px) {
    .hb-slider {
      padding: 0px 0px;
      padding-top: 40px;
      margin-left: calc(var(--bs-gutter-x, .75rem) * -1);
      margin-right: calc(var(--bs-gutter-x, .75rem) * -1); } }
  .hb-slider .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -60px;
    margin-top: -30px;
    width: 40px;
    height: 40px;
    background-image: url(/html/html/html/static_images/prev-blue.svg);
    text-align: center;
    color: #19184A;
    line-height: 30px;
    cursor: pointer;
    transition: all ease 0.3s;
    color: transparent;
    text-indent: -99999px; }
    @media screen and (max-width: 767px) {
      .hb-slider .owl-carousel .owl-nav button.owl-prev {
        left: 50%;
        top: 0px;
        margin: -40px 0px 0px -50px; } }
    .hb-slider .owl-carousel .owl-nav button.owl-prev:hover {
      opacity: 0.8; }
  .hb-slider .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -60px;
    margin-top: -30px;
    width: 40px;
    height: 40px;
    background-image: url(/html/html/html/static_images/next-blue.svg);
    text-align: center;
    color: #19184A;
    line-height: 30px;
    cursor: pointer;
    transition: all ease 0.3s;
    color: transparent;
    text-indent: -99999px; }
    @media screen and (max-width: 767px) {
      .hb-slider .owl-carousel .owl-nav button.owl-next {
        left: 50%;
        top: 0px;
        margin: -40px 0px 0px 10px; } }
    .hb-slider .owl-carousel .owl-nav button.owl-next:hover {
      opacity: 0.8; }
  .hb-slider .item {
    padding: 20px 0px 0px 0px; }
    .hb-slider .item .thumb {
      overflow: hidden; }
      .hb-slider .item .thumb img {
        display: block;
        box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.12);
        transition: all ease 0.5s;
        border-radius: 8px; }
      .hb-slider .item .thumb:hover img {
        transform: scale(1.1) rotate(2deg);
        opacity: 0.9; }

.hb-slider-premium {
  margin-top: 50px;
  margin-bottom: -40px; }

.hb-crowdsourced {
  background-color: rgba(99, 124, 247, 0.08); }
  @media screen and (max-width: 768px) {
    .hb-crowdsourced .button-solid.ms-4.mb-2 {
      display: none; } }
  .hb-crowdsourced .container {
    position: relative;
    z-index: 2; }

.hb-managed {
  background: linear-gradient(45deg, #5A73ED 0%, #3D57D5 100%); }
  .hb-managed .hb-caption h3 {
    color: #fff; }
  .hb-managed .hb-caption h2 {
    color: #fff; }
  .hb-managed .hb-caption p {
    color: #fff; }
  .hb-managed.hb-managed-fix {
    background-image: none;
    background-color: #fff;
    position: relative; }
    .hb-managed.hb-managed-fix::before {
      content: "";
      display: block;
      background-image: url(/html/html/html/static_images/wave4.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 221px;
      height: 158px;
      background-position: top right;
      position: absolute;
      top: 0px;
      right: 0px; }
      @media screen and (max-width: 991px) {
        .hb-managed.hb-managed-fix::before {
          display: none; } }
    .hb-managed.hb-managed-fix .item {
      min-height: 270px; }
      @media screen and (max-width: 991px) {
        .hb-managed.hb-managed-fix .item {
          min-height: 100px; } }
  .hb-managed .hb-caption {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 767px) {
    .hb-managed .row {
      --bs-gutter-x: 0.5rem; } }
  .hb-managed .col-md-6 {
    margin-bottom: 15px; }
  .hb-managed .item {
    height: 100%;
    margin: 0px 0px 30px 0px;
    padding: 25px;
    background: #FFFFFF;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.04);
    border-radius: 24px;
    margin: 0px 0px 30px 0px; }
    @media screen and (max-width: 767px) {
      .hb-managed .item {
        padding: 10px 10px;
        text-align: center;
        margin: 0px 0px 10px 0px; } }
    @media screen and (max-width: 575px) {
      .hb-managed .item {
        min-height: 230px; } }
    .hb-managed .item .icon {
      margin: 0px 0px 10px 0px; }
    .hb-managed .item h3 {
      font-weight: 700;
      margin: 0px 0px 10px 0px;
      font-size: 20px;
      color: #000; }
    .hb-managed .item p {
      margin: 0px;
      color: #828282; }
  .hb-managed .item .peo-item {
    display: flex;
    margin: -10px -10px -30px -10px; }
    @media screen and (max-width: 991px) {
      .hb-managed .item .peo-item {
        margin: -10px; } }
    .hb-managed .item .peo-item .avatar {
      width: 100px;
      flex-shrink: 0;
      margin: 0px 20px 0px 0px; }
    .hb-managed .item .peo-item img {
      width: 100%;
      border-radius: 24px; }
    .hb-managed .item .peo-item h3 {
      margin: 0px 0px 6px 0px; }
    .hb-managed .item .peo-item p {
      margin: 0px 0px 10px 0px;
      font-size: 12px;
      white-space: nowrap; }
    .hb-managed .item .peo-item .social {
      margin-bottom: -30px; }
      .hb-managed .item .peo-item .social a {
        background-color: #eee;
        width: 35px;
        height: 35px;
        display: inline-flex;
        border-radius: 6px;
        align-items: center;
        justify-content: center;
        color: #637CF7;
        margin: 0px 10px 0px 0px;
        cursor: pointer;
        transition: all ease 0.3s; }
        .hb-managed .item .peo-item .social a:hover {
          background-color: #637CF7;
          color: #fff; }
  @media screen and (max-width: 991px) {
    .hb-managed .item-fix {
      margin: 0px 0px 20px 0px;
      height: auto; } }
  @media screen and (max-width: 767px) {
    .hb-managed .item-fix {
      min-height: 10px;
      padding: 30px;
      text-align: left; } }

/****************/
.ais-CurrentRefinements-categoryLabel,
.ais-CurrentRefinements-delete {
  color: rgba(0, 0, 0, 0.5); }

.ais-CurrentRefinements-item {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.ais-CurrentRefinements-label {
  font-weight: bold;
  font-size: 14px;
  margin: 0px 0px 16px 0px;
  color: #000000;
  width: 100%; }

.twitter-typeahead {
  width: 100%; }

.tt-input {
  width: 100% !important; }

.tt-input .aa-input,
.algolia-autocomplete .aa-hint {
  width: 100%; }

.tt-input .aa-hint {
  color: #999; }

.tt-menu {
  width: 90%;
  background-color: #fff;
  border: 1px solid #999;
  border-top: none;
  top: 107% !important;
  left: 5% !important; }

.tt-menu .tt-suggestion {
  cursor: pointer;
  padding: 5px 4px;
  font-size: 14px; }

.tt-menu .tt-suggestion .tt-cursor {
  background-color: #eee; }

.tt-menu .tt-suggestion:hover {
  background-color: #eee; }

.tt-menu .tt-suggestion .tt-highlight {
  font-weight: bold;
  font-style: normal; }

.typeahead,
.tt-query,
.tt-hint {
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  border-radius: 8px;
  outline: none; }

.typeahead {
  background-color: #fff; }

.typeahead:focus {
  border: 2px solid #0097cf; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999; }

.tt-dropdown-menu {
  width: 422px;
  margin-top: 3px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
  color: black; }

.tt-suggestion.tt-cursor {
  background-color: #eee; }

.tt-suggestion p {
  margin: 0;
  font-size: 18px;
  text-align: left; }

.twitter-typeahead {
  width: 100%; }

.ais-SearchBox-input {
  width: 90%; }

.cloud-tags ul {
  padding-left: 0;
  list-style: none;
  display: inline; }

.cloud-tags ul li {
  display: inline; }

.hb-customer {
  overflow: hidden;
  background-color: rgba(99, 124, 247, 0.08); }
  .hb-customer .hc-slider {
    width: 100vw;
    margin: 20px 0px 0px 0px; }
    .hb-customer .hc-slider .owl-nav {
      position: relative;
      position: absolute;
      top: -40px;
      left: 0px;
      right: 0px;
      padding: 0px 20px 0px 0px;
      text-align: right; }
      @media screen and (max-width: 575px) {
        .hb-customer .hc-slider .owl-nav {
          width: 90vw; } }
    .hb-customer .hc-slider .owl-carousel .owl-nav button.owl-prev {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-image: url(/html/html/html/static_images/prev-blue.svg);
      text-align: center;
      color: #19184A;
      line-height: 30px;
      cursor: pointer;
      transition: all ease 0.3s;
      color: transparent;
      text-indent: -99999px; }
      .hb-customer .hc-slider .owl-carousel .owl-nav button.owl-prev:hover {
        opacity: 0.8; }
    .hb-customer .hc-slider .owl-carousel .owl-nav button.owl-next {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-image: url(/html/html/html/static_images/next-blue.svg);
      text-align: center;
      color: #19184A;
      line-height: 30px;
      cursor: pointer;
      transition: all ease 0.3s;
      color: transparent;
      text-indent: -99999px; }
      @media screen and (max-width: 767px) {
        .hb-customer .hc-slider .owl-carousel .owl-nav button.owl-next {
          left: 50%;
          top: 0px;
          margin: -40px 0px 0px 10px; } }
      .hb-customer .hc-slider .owl-carousel .owl-nav button.owl-next:hover {
        opacity: 0.8; }
    .hb-customer .hc-slider .owl-item {
      padding: 10px 0px 20px 0px; }
    .hb-customer .hc-slider .item {
      padding: 32px;
      box-shadow: 0px 8px 10px rgba(48, 127, 245, 0.08);
      border-radius: 24px;
      background-color: #fff;
      margin: 0px 24px 0px 0px;
      width: 478px; }
      @media screen and (max-width: 575px) {
        .hb-customer .hc-slider .item {
          width: 300px;
          padding: 20px; } }
      .hb-customer .hc-slider .item a {
        color: #637CF7; }
        .hb-customer .hc-slider .item a:hover {
          text-decoration: underline; }
      .hb-customer .hc-slider .item .stars {
        margin: 0px 0px 10px 0px; }
        .hb-customer .hc-slider .item .stars span {
          width: 24px;
          height: 24px;
          display: inline-block;
          background-image: url(/html/html/html/static_images/star.svg);
          background-repeat: no-repeat; }
      .hb-customer .hc-slider .item p {
        font-size: 16px;
        color: #5E5C9B;
        margin: 0px 0px 50px 0px; }
      .hb-customer .hc-slider .item h3 {
        font-weight: 700;
        font-size: 16px; }
    .hb-customer .hc-slider .item-bg {
      background: linear-gradient(271.19deg, rgba(48, 125, 246, 0.08) 0%, rgba(20, 187, 191, 0.08) 100%); }

@media (min-width: 576px) {
  .hb-customer .owl-nav,
  .hb-explore .owl-nav {
    max-width: 540px; } }
@media (min-width: 768px) {
  .hb-customer .owl-nav,
  .hb-explore .owl-nav {
    max-width: 720px; } }
@media (min-width: 992px) {
  .hb-customer .owl-nav,
  .hb-explore .owl-nav {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .hb-customer .owl-nav,
  .hb-explore .owl-nav {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .hb-customer .owl-nav,
  .hb-explore .owl-nav {
    max-width: 1220px; } }
.customer-block {
  padding: 80px 0px; }
  @media screen and (max-width: 991px) {
    .customer-block {
      padding: 60px 0px; } }
  .customer-block .flex {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 1199px) {
      .customer-block .flex {
        flex-wrap: wrap; } }
    .customer-block .flex .left {
      width: 390px;
      margin: 0px 50px 0px 0px;
      flex-shrink: 0; }
      @media screen and (max-width: 1199px) {
        .customer-block .flex .left {
          text-align: center;
          width: 100%;
          margin: 0px 0px 20px 0px; } }
      .customer-block .flex .left h3 {
        font-weight: 700;
        margin: 0px 0px 10px 0px;
        font-size: 32px; }
        @media screen and (max-width: 1199px) {
          .customer-block .flex .left h3 {
            font-size: 24px; } }
      .customer-block .flex .left p {
        margin: 0px;
        color: #5E5C9B; }
    .customer-block .flex .right {
      width: 100%; }
      .customer-block .flex .right .customer-logos {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center; }
        .customer-block .flex .right .customer-logos .item {
          margin: 10px 10px; }
          @media screen and (max-width: 767px) {
            .customer-block .flex .right .customer-logos .item img {
              max-height: 20px; } }
  .customer-block.customer-block-inline {
    position: relative; }
    .customer-block.customer-block-inline:before {
      content: "";
      display: block;
      background-image: url(/html/html/html/static_images/contests/wave34.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 168px;
      height: 168px;
      background-position: bottom left;
      position: absolute;
      top: -60px;
      left: -60px; }
      @media screen and (max-width: 1199px) {
        .customer-block.customer-block-inline:before {
          display: none; } }
    .customer-block.customer-block-inline .flex {
      display: block;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 1199px) {
        .customer-block.customer-block-inline .flex {
          flex-wrap: wrap; } }
      .customer-block.customer-block-inline .flex .left {
        width: 100%;
        text-align: center;
        margin: 0px 50px 0px 0px;
        flex-shrink: 0; }
      .customer-block.customer-block-inline .flex .right {
        width: 100%; }

.store-block-ourwork {
  position: relative;
  padding-top: 0px !important; }
  .store-block-ourwork.bg-white {
    background-color: #fff !important; }
  .store-block-ourwork:before {
    content: "";
    display: block;
    background-image: url(/html/html/html/static_images/contests/w35.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 142px;
    height: 240px;
    background-position: top right;
    position: absolute;
    top: -58px;
    right: 0px;
    z-index: 99; }
    @media screen and (max-width: 1199px) {
      .store-block-ourwork:before {
        display: none; } }
  .store-block-ourwork .result-content {
    border-radius: 0px !important; }
  .store-block-ourwork .filters-body {
    padding-top: 30px; }

.store-block-ourwork-v1 {
  background-color: #fff !important;
  position: relative;
  padding-top: 0px !important; }
  .store-block-ourwork-v1:before {
    content: "";
    display: none; }
    @media screen and (max-width: 1199px) {
      .store-block-ourwork-v1:before {
        display: none; } }
  .store-block-ourwork-v1 .result-content {
    border-radius: 0px !important;
    padding: 0px !important; }
  .store-block-ourwork-v1 .filters-body {
    padding-top: 30px; }

.search-form .tt-menu {
  background-color: #fff;
  border: 3px solid #86b7fe61;
  border-top: none;
  border-radius: 0px 0px 15px 15px;
  top: 106% !important; }
.search-form .tt-menu .tt-suggestion {
  padding: 10px 4px;
  font-size: 16px; }
.search-form .tt-menu .tt-suggestion:hover {
  background-color: #e5eaf0; }

.darkmode {
  background-color: #141518; }
  .darkmode .trust-pilot strong {
    color: #fff; }
  .darkmode .trust-pilot .tp-name {
    color: #fff; }
  .darkmode .db-field .caption {
    color: rgba(255, 255, 255, 0.72); }
  .darkmode .db-field .input,
  .darkmode .db-field .select,
  .darkmode .db-field .textarea {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border: none; }
    .darkmode .db-field .input::placeholder,
    .darkmode .db-field .select::placeholder,
    .darkmode .db-field .textarea::placeholder {
      color: #fff; }
    .darkmode .db-field .input.error,
    .darkmode .db-field .select.error,
    .darkmode .db-field .textarea.error {
      border: 1px solid #D24020; }
  .darkmode .tooltip-inner {
    background-color: #37d2cf;
    font-size: 12px; }
  .darkmode .tooltip.show {
    opacity: 1; }
  .darkmode .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #37d2cf !important; }
  .darkmode .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #37d2cf !important; }
  .darkmode .header .menu-mobile-icon span {
    background-color: #fff; }
  .darkmode .header {
    background: none;
    background-color: #141518; }
  .darkmode .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .darkmode .header-inner .header-left {
      display: flex;
      align-items: center; }
    .darkmode .header-inner a.logo {
      position: relative; }
      .darkmode .header-inner a.logo img {
        height: 52px; }
        @media screen and (max-width: 991px) {
          .darkmode .header-inner a.logo img {
            height: 52px; } }
    .darkmode .header-inner .header-right .account-box .dropdown-toggle .icon {
      background-image: url(/html/html/html/static_images/icon-user-white.svg); }
    .darkmode .header-inner .header-right .phone-box .dropdown-toggle .icon {
      background-image: url(/html/html/html/static_images/icon-phone-white.svg);
      background-size: 16px auto; }
    .darkmode .header-inner .header-right .favorites-box {
      background-image: url(/html/html/html/static_images/icon-heart-white-fill.svg);
      background-size: 15px auto; }
      .darkmode .header-inner .header-right .favorites-box .dropdown-toggle .icon {
        background-image: url(/html/html/html/static_images/icon-heart-white-fill.svg); }
    .darkmode .header-inner .header-right .menu-desktop-icon {
      background-image: url(/html/html/html/static_images/icon-menu-white.svg); }
  .darkmode .search-icon {
    background-image: url(/html/html/html/static_images/icon-search-white.svg); }
  .darkmode .phone-icon {
    background-image: url(/html/html/html/static_images/icon-phone-white.svg); }
  .darkmode .search-mobile-icon {
    background-image: url(/html/html/html/static_images/icon-search.svg); }
  @media screen and (max-width: 1199px) {
    .darkmode .main-menu {
      display: none; } }
  .darkmode .main-menu > ul > li > a {
    color: rgba(255, 255, 255, 0.64); }
    .darkmode .main-menu > ul > li > a span {
      background-image: url(/html/html/html/static_images/icon-arrow-down-white.svg); }
  .darkmode .main-menu > ul > li:hover > a {
    color: white; }
    .darkmode .main-menu > ul > li:hover > a span {
      background-image: url(/html/html/html/static_images/icon-arrow-down-white.svg); }
  .darkmode .main-menu > ul > li ul {
    display: block;
    position: absolute;
    list-style: none;
    width: 220px;
    background: #FFFFFF;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    padding: 16px;
    background-color: #fff;
    top: 100%;
    left: 0px;
    transition: all ease 0.3s;
    z-index: 0;
    margin: 10px 0px 0px 0px;
    visibility: hidden;
    opacity: 0; }
    .darkmode .main-menu > ul > li ul li a {
      display: block;
      color: rgba(23, 23, 23, 0.8);
      padding: 8px 10px;
      font-size: 14px;
      border-radius: 8px;
      transition: all ease 0.3s; }
      .darkmode .main-menu > ul > li ul li a:hover {
        background-color: #F4F4F4; }
    .darkmode .main-menu > ul > li ul li.child a {
      padding: 8px 10px 8px 20px; }
  .darkmode .customer-block {
    background-color: #191B1F; }
    .darkmode .customer-block .left {
      width: 465px; }
      @media screen and (max-width: 1199px) {
        .darkmode .customer-block .left {
          width: 100%; } }
      .darkmode .customer-block .left h3 {
        color: #fff;
        font-weight: 300; }
      .darkmode .customer-block .left p {
        color: #828282;
        font-weight: 300; }
  .darkmode .block-key-benefits {
    background-image: url(/html/html/html/static_images/upd/key-benefits-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 90px 0px; }
    @media screen and (max-width: 991px) {
      .darkmode .block-key-benefits {
        padding: 40px 0px; } }
    .darkmode .block-key-benefits .key-benefits-caption {
      font-size: 40px;
      font-weight: 300;
      text-align: center;
      margin: 0px 0px 50px 0px;
      color: #fff; }
      @media screen and (max-width: 991px) {
        .darkmode .block-key-benefits .key-benefits-caption {
          font-size: 30px;
          margin: 0px 0px 30px 0px; } }
    .darkmode .block-key-benefits .item {
      display: flex;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%), #141518;
      box-shadow: none;
      border-radius: 24px;
      padding: 10px;
      margin: 0px 0px 60px 0px;
      align-items: center;
      overflow: hidden;
      flex-wrap: wrap; }
      @media screen and (max-width: 991px) {
        .darkmode .block-key-benefits .item {
          margin: 0px 0px 20px 0px; } }
      .darkmode .block-key-benefits .item.active .item-cap .item-cap-default {
        opacity: 0; }
      .darkmode .block-key-benefits .item.active .item-cap .item-cap-hover {
        opacity: 1; }
      .darkmode .block-key-benefits .item .item-cap {
        position: relative; }
        .darkmode .block-key-benefits .item .item-cap .item-cap-default {
          transition: all ease 0.2s; }
        .darkmode .block-key-benefits .item .item-cap .item-cap-hover {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          z-index: 1;
          opacity: 0;
          transition: all ease 0.2s; }
      .darkmode .block-key-benefits .item .left {
        width: 50%;
        padding: 30px 0px 30px 80px; }
        @media screen and (max-width: 991px) {
          .darkmode .block-key-benefits .item .left {
            width: 100%;
            padding: 20px 20px 20px 20px; } }
        .darkmode .block-key-benefits .item .left h3 {
          font-size: 40px;
          font-weight: 300;
          margin: 0px 0px 20px 0px;
          color: #fff;
          max-width: 470px; }
          @media screen and (max-width: 767px) {
            .darkmode .block-key-benefits .item .left h3 {
              font-size: 24px;
              max-width: 1005; } }
          .darkmode .block-key-benefits .item .left h3 span {
            background-image: linear-gradient(90deg, #37d2cf, #3b84ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
        .darkmode .block-key-benefits .item .left p {
          padding: 0px 0px 0px 0px;
          margin: 0px 0px 20px 0px;
          font-size: 18px;
          position: relative;
          font-weight: 300;
          color: rgba(255, 255, 255, 0.64); }
          @media screen and (max-width: 767px) {
            .darkmode .block-key-benefits .item .left p {
              font-size: 17px; } }
        .darkmode .block-key-benefits .item .left ul {
          list-style: none;
          padding: 0px 0px 0px 0px;
          margin: 0px; }
          .darkmode .block-key-benefits .item .left ul li {
            padding: 5px 0px 5px 40px;
            font-size: 18px;
            position: relative;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.64); }
            @media screen and (max-width: 767px) {
              .darkmode .block-key-benefits .item .left ul li {
                font-size: 17px; } }
            .darkmode .block-key-benefits .item .left ul li:before {
              content: "";
              display: block;
              width: 30px;
              height: 30px;
              background-repeat: no-repeat;
              background-position: center center;
              position: absolute;
              top: 2px;
              left: 0;
              background-image: url(/html/html/html/static_images/contests/icon-check-cyan.svg); }
      .darkmode .block-key-benefits .item .right {
        width: 50%;
        padding: 0px 0px 0px 0px; }
        @media screen and (max-width: 991px) {
          .darkmode .block-key-benefits .item .right {
            width: 100%; } }
      .darkmode .block-key-benefits .item.item-fix {
        flex-direction: row-reverse; }
      @media screen and (max-width: 1199px) {
        .darkmode .block-key-benefits .item .slider-key {
          transform: scale(0.8); } }
      .darkmode .block-key-benefits .item .thumb {
        text-align: center;
        padding: 30px 0px 30px 0px; }
      .darkmode .block-key-benefits .item .thumb-key {
        text-align: center; }
    .darkmode .block-key-benefits .poster-main {
      position: relative; }
    .darkmode .block-key-benefits .poster-main a,
    .darkmode .block-key-benefits .poster-main img {
      display: block;
      width: 100%; }
    .darkmode .block-key-benefits .poster-main .poster-list {
      position: relative;
      list-style: none;
      margin: 0px;
      padding: 0px; }
    .darkmode .block-key-benefits .poster-main .poster-list .poster-item {
      position: absolute;
      left: 0;
      top: 0; }
    .darkmode .block-key-benefits .poster-main .poster-prev-btn {
      position: absolute;
      bottom: -100px;
      cursor: pointer;
      left: 50%;
      width: 40px !important;
      height: 40px !important;
      margin: 0px 0px 0px -20px;
      top: unset;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(/html/html/html/static_images/prev-blue.svg); }
    .darkmode .block-key-benefits .poster-main .poster-next-btn {
      right: 0;
      position: absolute;
      bottom: -100px;
      cursor: pointer;
      left: 50%;
      width: 40px !important;
      height: 40px !important;
      margin: 0px 0px 0px 20px;
      top: unset;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(/html/html/html/static_images/next-blue.svg); }
  .darkmode .faq-block .faq-inner {
    position: relative; }
    .darkmode .faq-block .faq-inner::before {
      content: "";
      display: block;
      background-image: url(/html/html/html/static_images/upd/faq-bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 120px;
      height: 60px;
      background-position: bottom right;
      position: absolute;
      bottom: unset;
      top: 265px;
      left: -80px; }
  .darkmode .faq-block::before {
    content: "";
    display: block;
    background-image: url(/html/html/html/static_images/upd/faq-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 60px;
    background-position: bottom right;
    position: absolute;
    bottom: unset;
    top: 330px;
    left: 20%;
    display: none; }
    @media screen and (max-width: 1199px) {
      .darkmode .faq-block::before {
        width: 120px;
        height: 60px;
        background-size: 120px 50px; } }
  .darkmode .faq-block .caption {
    color: #fff; }
    .darkmode .faq-block .caption span {
      font-weight: 300; }
  .darkmode .faq-block .faq-item {
    border: none;
    border-radius: 16px;
    transition: all ease 0.5s;
    margin: 0px 0px 16px 0px;
    background: #1D1E21;
    position: relative; }
    .darkmode .faq-block .faq-item:hover {
      border: none; }
      .darkmode .faq-block .faq-item:hover .faq-caption {
        background: rgba(255, 255, 255, 0.08); }
    .darkmode .faq-block .faq-item .faq-caption {
      color: rgba(255, 255, 255, 0.8); }
      .darkmode .faq-block .faq-item .faq-caption:before {
        background-image: url(/html/html/html/static_images/icon-plus-cyan.svg); }
    .darkmode .faq-block .faq-item .faq-content p {
      color: rgba(255, 255, 255, 0.64); }
    .darkmode .faq-block .faq-item.active {
      background: #26272A;
      border: none; }
      .darkmode .faq-block .faq-item.active .faq-caption {
        color: #fff; }
        .darkmode .faq-block .faq-item.active .faq-caption::before {
          background-image: url(/html/html/html/static_images/icon-close-white.svg); }
  .darkmode .faq-block .got-question {
    background: none;
    background-color: #459494; }
  .darkmode .featured-categories {
    background: none; }
    .darkmode .featured-categories h3 {
      color: #7D7D7D; }
      .darkmode .featured-categories h3:before {
        background-image: url(/html/html/html/static_images/icon-arrow-down-blue.svg); }
    .darkmode .featured-categories ul li a {
      color: rgba(125, 125, 125, 0.8); }
    .darkmode .featured-categories ul li ul li a {
      color: rgba(99, 124, 247, 0.5); }
      .darkmode .featured-categories ul li ul li a:hover {
        color: #637CF7; }
  .darkmode .search-form {
    max-width: 800px;
    margin: 0px auto;
    position: relative; }
    .darkmode .search-form .icon {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      width: 60px;
      background-repeat: no-repeat;
      background-position: center right;
      background-image: url(/html/html/html/static_images/icon-search.svg); }
      @media screen and (max-width: 575px) {
        .darkmode .search-form .icon {
          width: 40px; } }
    .darkmode .search-form input {
      border: none;
      outline: none;
      display: block;
      width: 100%;
      text-align: left;
      padding: 0px 70px 0px 48px;
      background: #FFFFFF;
      box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.02);
      border-radius: 999px;
      font-size: 24px;
      height: 80px;
      line-height: 80px;
      color: #343434;
      font-weight: 400; }
      .darkmode .search-form input::placeholder {
        color: rgba(25, 24, 74, 0.4); }
      @media screen and (max-width: 991px) {
        .darkmode .search-form input {
          font-size: 16px;
          height: 70px; } }
      @media screen and (max-width: 575px) {
        .darkmode .search-form input {
          padding: 0px 50px 0px 50px;
          text-align: left;
          font-size: 14px; } }
    .darkmode .search-form button {
      background: linear-gradient(271.19deg, #307DF6 0%, #14BBBF 100%), linear-gradient(135deg, #0CD5D1 0%, #0BA9A6 100%);
      box-shadow: 0px 16px 40px rgba(11, 169, 166, 0.16);
      width: 64px;
      height: 64px;
      padding: 0px;
      position: absolute;
      top: 8px;
      right: 8px;
      cursor: pointer;
      border: none;
      border-radius: 50%;
      transition: all ease 0.6s; }
      .darkmode .search-form button::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(45.19deg, #307DF6 0%, #14BBBF 100%), linear-gradient(135deg, #0CD5D1 0%, #0BA9A6 100%);
        z-index: 0;
        transition: all 0.5s ease;
        opacity: 0;
        border-radius: 50%; }
      .darkmode .search-form button:hover::before {
        z-index: 0;
        opacity: 1; }
      @media screen and (max-width: 991px) {
        .darkmode .search-form button {
          width: 54px;
          height: 54px; } }
      .darkmode .search-form button span {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        right: 0px;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(/html/html/html/static_images/icon-arrow-long-right.svg); }
  .darkmode .footer {
    background: none; }
    .darkmode .footer .footer-col h3 {
      color: #7D7D7D; }
      .darkmode .footer .footer-col h3:before {
        background-image: url(/html/html/html/static_images/icon-arrow-down-blue.svg); }
    .darkmode .footer .footer-col ul li a {
      color: rgba(125, 125, 125, 0.8); }
      .darkmode .footer .footer-col ul li a:hover {
        color: #637CF7; }
    .darkmode .footer .footer-col ul li ul li a {
      color: rgba(125, 125, 125, 0.8); }
      .darkmode .footer .footer-col ul li ul li a:hover {
        color: #637CF7; }
  .darkmode .bottom-block {
    background: none; }
    .darkmode .bottom-block .container {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .darkmode .bottom-block .flex .allright {
      color: #7D7D7D; }
    @media screen and (max-width: 991px) {
      .darkmode .bottom-block .flex .approved {
        width: 100%;
        padding: 30px 0px;
        text-align: center; } }
    .darkmode .bottom-block .flex .approved a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: left; }
    .darkmode .bottom-block .flex .approved img {
      flex-shrink: 0;
      width: 150px;
      margin: 0px 20px 0px 0px; }
      @media screen and (max-width: 575px) {
        .darkmode .bottom-block .flex .approved img {
          width: 100px;
          margin: 0px 6px 0px 0px; } }
    .darkmode .bottom-block .flex .approved div {
      color: #7D7D7D;
      padding: 0px 0px 0px 24px;
      border-left: 1px solid rgba(255, 255, 255, 0.2); }
      .darkmode .bottom-block .flex .approved div strong {
        color: #fff;
        opacity: 0.8; }
    .darkmode .bottom-block .flex .social a {
      opacity: 0.6; }
      .darkmode .bottom-block .flex .social a.facebook {
        background-image: url(/html/html/html/static_images/facebook-white.svg); }
      .darkmode .bottom-block .flex .social a.twitter {
        background-image: url(/html/html/html/static_images/twitter-white.svg); }
      .darkmode .bottom-block .flex .social a.instagam {
        background-image: url(/html/html/html/static_images/instagram-white.svg); }
      .darkmode .bottom-block .flex .social a.in {
        background-image: url(/html/html/html/static_images/in-white.svg); }
      .darkmode .bottom-block .flex .social a.youtube {
        background-image: url(/html/html/html/static_images/youtube-white.svg); }

.vimeo-video-box {
  position: relative;
  margin: 16px 0px 0px 0px;
  border-radius: 16px;
  border-bottom: 3px solid #637CF7;
  overflow: hidden; }
  .vimeo-video-box .play-icon {
    background-image: url(/html/html/html/static_images/icon-play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    margin: -50px 0px 0px -50px;
    cursor: pointer; }

.no-logo {
  border: none;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  width: 100%;
  padding: 20px;
  word-break: break-all;
  line-height: 1.3;
  min-height: 150px;
  display: flex;
  align-items: center;
  font-family: "Product Sans", sans-serif;
  justify-content: center; }

.gradient-warm-flame {
  background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); }
.gradient-night-fade {
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }
.gradient-sunny-morning {
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }
.gradient-dusty-grass {
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }
.gradient-tempting-azure {
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
.gradient-amy-crisp {
  background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); }
.gradient-ripe-malinka {
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }
.gradient-malibu-beach {
  background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); }
.gradient-wild-apple {
  background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%); }
.gradient-plum-plate {
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.gradient-happy-fisher {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%); }
.gradient-lemon-gate {
  background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%); }
.gradient-deep-blue {
  background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); }
.gradient-star-wine {
  background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%); }
.gradient-mixed-hopes {
  background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%); }
.gradient-grown-early {
  background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%); }

.ai-hero {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #FFFFFF; }
  .ai-hero .ai-top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0px 60px 0px; }
    @media screen and (max-width: 991px) {
      .ai-hero .ai-top {
        flex-wrap: wrap; } }
    .ai-hero .ai-top .left {
      width: 100%; }
      .ai-hero .ai-top .left h2 {
        color: #343434;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        margin: 0px 0px 16px 0px; }
      .ai-hero .ai-top .left p {
        color: #828282;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        margin: 0px; }
    .ai-hero .ai-top .right {
      flex-shrink: 0;
      margin: 0px 0px 0px 60px; }
      @media screen and (max-width: 991px) {
        .ai-hero .ai-top .right {
          margin: 20px 0px 0px 0px;
          width: 100%; } }
      .ai-hero .ai-top .right .ai-email-box {
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #FFF;
        box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
        padding: 24px;
        min-width: 500px; }
        @media screen and (max-width: 991px) {
          .ai-hero .ai-top .right .ai-email-box {
            min-width: 100px;
            width: 100%; } }
        .ai-hero .ai-top .right .ai-email-box p {
          color: #000;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          margin: 0px 0px 16px 0px; }
        .ai-hero .ai-top .right .ai-email-box .ai-email-form {
          position: relative; }
          .ai-hero .ai-top .right .ai-email-box .ai-email-form input {
            width: 100%;
            height: 56px;
            border-radius: 8px;
            background: #F6F7F9;
            padding: 0px 120px 0px 16px;
            color: #000;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            border: none;
            outline: none; }
        .ai-hero .ai-top .right .ai-email-box button.button.button-brand {
          position: absolute;
          height: 48px;
          line-height: 48px;
          position: absolute;
          top: 4px;
          right: 6px;
          border-radius: 8px; }

.ai-list {
  padding-bottom: 10px; }
  .ai-list .store-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -16px; }
    @media screen and (max-width: 991px) {
      .ai-list .store-row {
        margin: 0px -6px; } }
    .ai-list .store-row .store-col {
      width: 25%;
      padding: 0px 16px; }
      @media screen and (max-width: 1599px) {
        .ai-list .store-row .store-col {
          width: 25%; } }
      @media screen and (max-width: 1199px) {
        .ai-list .store-row .store-col {
          width: 33.33%; } }
      @media screen and (max-width: 991px) {
        .ai-list .store-row .store-col {
          width: 50%;
          padding: 0px 6px; } }
      @media screen and (max-width: 767px) {
        .ai-list .store-row .store-col {
          width: 50%; } }
    .ai-list .store-row .item {
      margin: 0px 0px 22px 0px;
      position: relative; }
      @media screen and (max-width: 991px) {
        .ai-list .store-row .item {
          margin: 0px 0px 12px 0px; } }
      .ai-list .store-row .item.active .check-brand {
        visibility: visible;
        opacity: 1; }
      .ai-list .store-row .item:hover .check-brand {
        visibility: visible;
        opacity: 1; }
      .ai-list .store-row .item:hover a {
        box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08); }
      .ai-list .store-row .item .check-brand {
        padding: 16px 16px 8px 16px;
        background-color: #fff;
        border-radius: 0px 0px 16px 16px;
        margin-top: -10px;
        opacity: 0;
        transition: all ease 0.3s; }
        .ai-list .store-row .item .check-brand label {
          margin: 0px;
          padding: 0px; }
          .ai-list .store-row .item .check-brand label input {
            position: absolute;
            z-index: -1;
            width: 1px;
            height: 1px;
            opacity: 0; }
          .ai-list .store-row .item .check-brand label span {
            display: block;
            font-size: 14px;
            color: #454545;
            padding: 0px 0px 0px 21px;
            position: relative;
            cursor: pointer;
            z-index: 99;
            position: relative; }
            .ai-list .store-row .item .check-brand label span:before {
              content: "";
              display: block;
              width: 16px;
              height: 16px;
              background-color: #E6E6E6;
              border-radius: 4px;
              position: absolute;
              top: 2px;
              left: 0px; }
          .ai-list .store-row .item .check-brand label input:checked ~ span:after {
            position: absolute;
            top: 2px;
            left: 0px;
            width: 16px;
            height: 16px;
            content: "";
            display: block;
            z-index: 2;
            background-image: url(/html/html/html/static_images/icon-check-blue1.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 14px auto; }
      .ai-list .store-row .item .icon-check {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999; }
        .ai-list .store-row .item .icon-check label {
          margin: 0px;
          padding: 0px; }
          .ai-list .store-row .item .icon-check label input {
            position: absolute;
            z-index: -1;
            width: 1px;
            height: 1px;
            opacity: 0; }
          .ai-list .store-row .item .icon-check label span {
            display: block;
            background-color: rgba(48, 125, 246, 0.1);
            width: 24px;
            height: 24px;
            border-radius: 6px;
            z-index: 99;
            position: relative; }
          .ai-list .store-row .item .icon-check label input:checked ~ span:after {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 24px;
            height: 24px;
            content: "";
            display: block;
            z-index: 2;
            background-image: url(/html/html/html/static_images/icon-check-blue1.svg);
            background-repeat: no-repeat;
            background-position: center center; }
      .ai-list .store-row .item .icon-delete {
        background-image: url(/html/html/html/static_images/icon-delete.svg);
        width: 24px;
        height: 24px;
        position: absolute;
        bottom: 10px;
        cursor: pointer;
        right: 5px;
        z-index: 99;
        background-repeat: no-repeat;
        background-position: center center; }
      .ai-list .store-row .item a {
        display: block;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.04);
        border-radius: 16px;
        transition: all ease 0.3s;
        position: relative;
        overflow: hidden;
        position: relative;
        z-index: 2;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
      .ai-list .store-row .item img {
        width: 100%; }
      .ai-list .store-row .item .des {
        padding: 16px;
        text-align: center; }
        .ai-list .store-row .item .des h3 {
          font-size: 18px;
          font-weight: 700;
          margin: 0px 0px 5px 0px; }
        .ai-list .store-row .item .des .check-availability span {
          font-size: 14px;
          color: #637CF7;
          font-weight: 400;
          text-decoration: underline; }
        .ai-list .store-row .item .des .price {
          color: rgba(52, 52, 52, 0.8);
          font-size: 14px; }
          .ai-list .store-row .item .des .price .new-price {
            display: inline-block;
            color: #E33D19; }
          .ai-list .store-row .item .des .price .old-price {
            position: relative;
            display: inline-block;
            color: #999;
            margin: 0px 0px 0px 6px; }
            .ai-list .store-row .item .des .price .old-price::before {
              content: "";
              display: block;
              position: absolute;
              top: 50%;
              left: 0px;
              right: 0px;
              height: 1px;
              background-color: #999;
              transform: rotate(-15deg); }

.home-block .hb-prefect .item {
  padding: 40px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  height: 100%; }
  .home-block .hb-prefect .item h3 {
    color: #000;
    text-align: left;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 16px 0px; }
  .home-block .hb-prefect .item p {
    color: #828282;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0px 20px 0px; }

.hb-ai-recommend {
  background: #F5F5F5; }

.ai-recommend .item {
  display: flex;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  margin: 24px 0px 0px 0px;
  justify-content: space-between;
  align-items: center;
  padding: 24px; }
  @media screen and (max-width: 767px) {
    .ai-recommend .item {
      flex-wrap: wrap; } }
  .ai-recommend .item .left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .ai-recommend .item .left .icon {
      width: 100px;
      text-align: center;
      flex-shrink: 0; }
      @media screen and (max-width: 991px) {
        .ai-recommend .item .left .icon {
          display: none; } }
    .ai-recommend .item .left .des {
      width: 100%; }
      .ai-recommend .item .left .des h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 0px 0px 5px 0px; }
      .ai-recommend .item .left .des p {
        color: #828282;
        font-size: 14px;
        font-weight: 400;
        margin: 0px 0px 10px 0px; }
      .ai-recommend .item .left .des a {
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        color: #637CF7;
        border-radius: 999px;
        background: rgba(48, 127, 245, 0.08);
        margin: 0px 8px 8px 0px;
        display: inline-block;
        padding: 8px 12px;
        transition: all ease 0.3s; }
        .ai-recommend .item .left .des a:hover {
          background: rgba(48, 127, 245, 0.12); }
  .ai-recommend .item .right {
    margin: 0px 0px 0px 50px;
    min-width: 200px; }
    @media screen and (max-width: 767px) {
      .ai-recommend .item .right {
        width: 100%;
        max-width: 100%;
        margin: 10px 0px 0px 0px; } }
    .ai-recommend .item .right a {
      width: 100%;
      text-align: center;
      padding-left: 0px;
      padding-right: 0px; }
      @media screen and (max-width: 767px) {
        .ai-recommend .item .right a {
          width: auto; } }

.ai-slide-box {
  margin: 64px 0px 0px 0px; }
  .ai-slide-box .cap {
    display: flex;
    margin: 0px 0px 20px 0px;
    align-items: center; }
    .ai-slide-box .cap .icon {
      flex-shrink: 0;
      margin: 0px 20px 0px 0px;
      width: 40px;
      height: 40px;
      align-items: center;
      border-radius: 999px;
      background: var(--linear, linear-gradient(271deg, #4433F1 0%, #628EFF 100%));
      justify-content: center;
      display: flex; }
    .ai-slide-box .cap h3 {
      font-size: 24px;
      font-weight: 700;
      margin: 0px; }
  .ai-slide-box .cap-sapo {
    margin: 0px 0px 32px 0px;
    color: #828282;
    font-size: 16px;
    font-weight: 400; }
  .ai-slide-box .recommend-form {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    .ai-slide-box .recommend-form input {
      width: 100%;
      border-radius: 8px;
      border: 1px solid rgba(0, 0, 0, 0.08);
      background: #FFF;
      height: 56px;
      color: rgba(0, 0, 0, 0.4);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      padding: 0px 20px;
      outline: none;
      margin: 0px 24px 0px 0px; }
    .ai-slide-box .recommend-form button {
      border-radius: 8px !important; }
  .ai-slide-box .recommend-slider {
    position: relative; }
    .ai-slide-box .recommend-slider .owl-dots {
      display: none !important; }
    .ai-slide-box .recommend-slider .owl-carousel .owl-nav button.owl-prev {
      position: absolute;
      top: 50%;
      left: -60px;
      margin-top: -30px;
      width: 40px;
      height: 40px;
      background-image: url(/html/html/html/static_images/prev-blue.svg);
      text-align: center;
      color: #19184A;
      line-height: 30px;
      cursor: pointer;
      transition: all ease 0.3s;
      color: transparent;
      text-indent: -99999px; }
      @media screen and (max-width: 767px) {
        .ai-slide-box .recommend-slider .owl-carousel .owl-nav button.owl-prev {
          left: 50%;
          top: 0px;
          margin: -40px 0px 0px -50px; } }
      .ai-slide-box .recommend-slider .owl-carousel .owl-nav button.owl-prev:hover {
        opacity: 0.8; }
    .ai-slide-box .recommend-slider .owl-carousel .owl-nav button.owl-next {
      position: absolute;
      top: 50%;
      right: -60px;
      margin-top: -30px;
      width: 40px;
      height: 40px;
      background-image: url(/html/html/html/static_images/next-blue.svg);
      text-align: center;
      color: #19184A;
      line-height: 30px;
      cursor: pointer;
      transition: all ease 0.3s;
      color: transparent;
      text-indent: -99999px; }
      @media screen and (max-width: 767px) {
        .ai-slide-box .recommend-slider .owl-carousel .owl-nav button.owl-next {
          left: 50%;
          top: 0px;
          margin: -40px 0px 0px 10px; } }
      .ai-slide-box .recommend-slider .owl-carousel .owl-nav button.owl-next:hover {
        opacity: 0.8; }
    .ai-slide-box .recommend-slider .item {
      margin: 0px 0px 16px 0px;
      position: relative; }
      @media screen and (max-width: 991px) {
        .ai-slide-box .recommend-slider .item {
          margin: 0px 0px 12px 0px; } }
      .ai-slide-box .recommend-slider .item.active .check-brand {
        visibility: visible;
        opacity: 1; }
      .ai-slide-box .recommend-slider .item:hover .check-brand {
        visibility: visible;
        opacity: 1; }
      .ai-slide-box .recommend-slider .item:hover a {
        box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08); }
      .ai-slide-box .recommend-slider .item .check-brand {
        padding: 16px 16px 8px 16px;
        background-color: #fff;
        border-radius: 0px 0px 16px 16px;
        margin-top: -10px;
        opacity: 0;
        transition: all ease 0.3s; }
        .ai-slide-box .recommend-slider .item .check-brand label {
          margin: 0px;
          padding: 0px; }
          .ai-slide-box .recommend-slider .item .check-brand label input {
            position: absolute;
            z-index: -1;
            width: 1px;
            height: 1px;
            opacity: 0; }
          .ai-slide-box .recommend-slider .item .check-brand label span {
            display: block;
            font-size: 14px;
            color: #454545;
            padding: 0px 0px 0px 21px;
            position: relative;
            cursor: pointer;
            z-index: 99;
            position: relative; }
            .ai-slide-box .recommend-slider .item .check-brand label span:before {
              content: "";
              display: block;
              width: 16px;
              height: 16px;
              background-color: #E6E6E6;
              border-radius: 4px;
              position: absolute;
              top: 2px;
              left: 0px; }
          .ai-slide-box .recommend-slider .item .check-brand label input:checked ~ span:after {
            position: absolute;
            top: 2px;
            left: 0px;
            width: 16px;
            height: 16px;
            content: "";
            display: block;
            z-index: 2;
            background-image: url(/html/html/html/static_images/icon-check-blue1.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 14px auto; }
      .ai-slide-box .recommend-slider .item .icon-check {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999; }
        .ai-slide-box .recommend-slider .item .icon-check label {
          margin: 0px;
          padding: 0px; }
          .ai-slide-box .recommend-slider .item .icon-check label input {
            position: absolute;
            z-index: -1;
            width: 1px;
            height: 1px;
            opacity: 0; }
          .ai-slide-box .recommend-slider .item .icon-check label span {
            display: block;
            background-color: rgba(48, 125, 246, 0.1);
            width: 24px;
            height: 24px;
            border-radius: 6px;
            z-index: 99;
            position: relative; }
          .ai-slide-box .recommend-slider .item .icon-check label input:checked ~ span:after {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 24px;
            height: 24px;
            content: "";
            display: block;
            z-index: 2;
            background-image: url(/html/html/html/static_images/icon-check-blue1.svg);
            background-repeat: no-repeat;
            background-position: center center; }
      .ai-slide-box .recommend-slider .item .icon-delete {
        background-image: url(/html/html/html/static_images/icon-delete.svg);
        width: 24px;
        height: 24px;
        position: absolute;
        bottom: 48px;
        cursor: pointer;
        right: 8px;
        z-index: 99;
        background-repeat: no-repeat;
        background-position: center center; }
      .ai-slide-box .recommend-slider .item a {
        display: block;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.04);
        border-radius: 16px;
        transition: all ease 0.3s;
        position: relative;
        overflow: hidden;
        position: relative;
        z-index: 2; }
      .ai-slide-box .recommend-slider .item img {
        width: 100%; }
      .ai-slide-box .recommend-slider .item .des {
        padding: 16px;
        text-align: center; }
        .ai-slide-box .recommend-slider .item .des h3 {
          font-size: 18px;
          font-weight: 700;
          margin: 0px 0px 5px 0px; }
        .ai-slide-box .recommend-slider .item .des .check-availability span {
          font-size: 14px;
          color: #637CF7;
          font-weight: 400;
          text-decoration: underline; }
        .ai-slide-box .recommend-slider .item .des .price {
          color: rgba(52, 52, 52, 0.8);
          font-size: 14px; }
          .ai-slide-box .recommend-slider .item .des .price .new-price {
            display: inline-block;
            color: #E33D19; }
          .ai-slide-box .recommend-slider .item .des .price .old-price {
            position: relative;
            display: inline-block;
            color: #999;
            margin: 0px 0px 0px 6px; }
            .ai-slide-box .recommend-slider .item .des .price .old-price::before {
              content: "";
              display: block;
              position: absolute;
              top: 50%;
              left: 0px;
              right: 0px;
              height: 1px;
              background-color: #999;
              transform: rotate(-15deg); }

.hb-explore {
  position: relative;
  background: #fff;
  overflow: hidden; }
  .hb-explore .hc-slider {
    width: 100vw;
    margin: 20px 0px 0px 0px; }
    @media screen and (max-width: 991px) {
      .hb-explore .hc-slider {
        width: auto; } }
    .hb-explore .hc-slider .owl-nav {
      position: relative;
      position: absolute;
      top: -40px;
      left: 0px;
      right: 0px;
      padding: 0px 20px 0px 0px;
      text-align: right; }
      @media screen and (max-width: 575px) {
        .hb-explore .hc-slider .owl-nav {
          width: 90vw; } }
    .hb-explore .hc-slider .owl-carousel .owl-nav button.owl-prev {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-image: url(/html/html/html/static_images/prev-blue.svg);
      text-align: center;
      color: #19184A;
      line-height: 30px;
      cursor: pointer;
      transition: all ease 0.3s;
      color: transparent;
      text-indent: -99999px; }
      .hb-explore .hc-slider .owl-carousel .owl-nav button.owl-prev:hover {
        opacity: 0.8; }
    .hb-explore .hc-slider .owl-carousel .owl-nav button.owl-next {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-image: url(/html/html/html/static_images/next-blue.svg);
      text-align: center;
      color: #19184A;
      line-height: 30px;
      cursor: pointer;
      transition: all ease 0.3s;
      color: transparent;
      text-indent: -99999px; }
      @media screen and (max-width: 767px) {
        .hb-explore .hc-slider .owl-carousel .owl-nav button.owl-next {
          left: 50%;
          top: 0px;
          margin: -40px 0px 0px 10px; } }
      .hb-explore .hc-slider .owl-carousel .owl-nav button.owl-next:hover {
        opacity: 0.8; }
    .hb-explore .hc-slider .owl-item {
      padding: 10px 0px 20px 0px; }
    .hb-explore .hc-slider .item {
      box-shadow: 0px 8px 10px rgba(48, 127, 245, 0.08);
      border-radius: 24px;
      background-color: #fff;
      margin: 0px 24px 0px 0px;
      width: 478px;
      overflow: hidden; }
      @media screen and (max-width: 991px) {
        .hb-explore .hc-slider .item {
          margin: 0px; } }
      @media screen and (max-width: 991px) {
        .hb-explore .hc-slider .item {
          width: auto; } }
      @media screen and (max-width: 575px) {
        .hb-explore .hc-slider .item {
          width: auto;
          padding: 0px; } }
      .hb-explore .hc-slider .item .des {
        padding: 24px; }
        @media screen and (max-width: 767px) {
          .hb-explore .hc-slider .item .des {
            padding: 15px; } }
        .hb-explore .hc-slider .item .des h3 {
          color: #000;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          margin: 0px 0px 16px 0px; }
          @media screen and (max-width: 767px) {
            .hb-explore .hc-slider .item .des h3 {
              font-size: 16px; } }
        .hb-explore .hc-slider .item .des p {
          color: #828282;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          margin: 0px 0px 16px 0px; }
          @media screen and (max-width: 767px) {
            .hb-explore .hc-slider .item .des p {
              font-size: 14px; } }
        .hb-explore .hc-slider .item .des .see-more {
          color: #171717;
          font-size: 16px;
          font-style: normal;
          font-weight: 700; }
          .hb-explore .hc-slider .item .des .see-more:hover {
            color: #637CF7; }
          .hb-explore .hc-slider .item .des .see-more svg {
            margin: 0px 0px 0px 10px; }

.hb-viewed .item {
  margin: 0px 0px 16px 0px;
  padding: 0px !important; }
  @media screen and (max-width: 991px) {
    .hb-viewed .item {
      margin: 0px 0px 12px 0px; } }
  .hb-viewed .item a {
    display: block;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 16px;
    transition: all ease 0.3s;
    position: relative;
    overflow: hidden; }
    .hb-viewed .item a:hover {
      box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.09); }
  .hb-viewed .item img {
    width: 100%; }
  .hb-viewed .item .des {
    padding: 16px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .hb-viewed .item .des {
        padding: 16px 6px; } }
    .hb-viewed .item .des h3 {
      font-size: 16px;
      font-weight: 700;
      margin: 0px 0px 5px 0px; }
    .hb-viewed .item .des .price {
      color: rgba(52, 52, 52, 0.8);
      font-size: 16px; }
      .hb-viewed .item .des .price .new-price {
        display: inline-block;
        color: #E33D19; }
      .hb-viewed .item .des .price .old-price {
        position: relative;
        display: inline-block;
        color: #999;
        margin: 0px 0px 0px 6px; }
        .hb-viewed .item .des .price .old-price::before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: 0px;
          right: 0px;
          height: 1px;
          background-color: #999;
          transform: rotate(-15deg); }
  .hb-viewed .item .favorite-icon {
    position: absolute;
    display: inline-block;
    bottom: 12px;
    right: 12px;
    z-index: 10; }
    .hb-viewed .item .favorite-icon .icon-heart {
      width: 16px;
      height: 16px;
      background-image: url(/html/html/html/static_images/icon-heart-black.svg);
      opacity: 0.4;
      background-repeat: no-repeat;
      background-position: center center; }
    .hb-viewed .item .favorite-icon.active .icon-heart {
      background-image: url(/html/html/html/static_images/icon-heart-color.svg);
      opacity: 1; }
  .hb-viewed .item .icon-heart {
    position: absolute;
    display: inline-block;
    bottom: 12px;
    right: 12px;
    z-index: 10;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin: 0px 0px 0px 0px;
    background-image: url(/html/html/static_images/icon-heart-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    transition: all ease 0.3s; }
    .hb-viewed .item .icon-heart.animation3 {
      transform: scale(1.2); }
    .hb-viewed .item .icon-heart.active {
      background-image: url(/html/html/static_images/icon-heart-fill.svg); }
    .hb-viewed .item .icon-heart .small-icon {
      position: absolute;
      top: 3px;
      right: 3px;
      opacity: 0;
      transition: all ease 0.3s; }
      .hb-viewed .item .icon-heart .small-icon.icon1 {
        background-image: url(/html/html/static_images/icon-heart-fill.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 9px auto;
        width: 9px;
        height: 9px; }
      .hb-viewed .item .icon-heart .small-icon.icon2 {
        background-image: url(/html/html/static_images/icon-heart-fill.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 6px auto;
        width: 6px;
        height: 6px; }
.hb-viewed .item-check {
  margin: 0px 0px 0px 16px;
  z-index: 999; }
  .hb-viewed .item-check label {
    margin: 0px;
    padding: 0px; }
    .hb-viewed .item-check label input {
      position: absolute;
      z-index: -1;
      width: 1px;
      height: 1px;
      opacity: 0; }
    .hb-viewed .item-check label span {
      display: block;
      padding: 0px 0px 0px 23px;
      position: relative;
      color: #454545;
      font-size: 14px; }
      .hb-viewed .item-check label span:before {
        content: "";
        display: block;
        top: 2px;
        left: 0px;
        background-color: #E6E6E6;
        width: 16px;
        height: 16px;
        border-radius: 6px;
        z-index: 99;
        position: absolute; }
    .hb-viewed .item-check label input:checked ~ span:before {
      position: absolute;
      top: 2px;
      left: 0px;
      width: 16px;
      height: 16px;
      content: "";
      display: block;
      z-index: 2;
      background-image: url(/html/html/html/static_images/icon-check-blue1.svg);
      background-repeat: no-repeat;
      background-size: 16px auto;
      background-position: center center; }

.logo-designs {
  padding: 90px 0px; }
  @media screen and (max-width: 991px) {
    .logo-designs {
      padding: 40px 0px; } }
  .logo-designs .item {
    margin-bottom: 30px; }
    .logo-designs .item a {
      display: block;
      border-radius: 16px;
      height: 450px;
      background-size: cover;
      background-position: center center;
      border: 1px solid rgba(8, 29, 51, 0.15);
      overflow: hidden;
      transition: all ease 0.3s;
      overflow: hidden; }
      @media screen and (max-width: 1559px) {
        .logo-designs .item a {
          height: 380px; } }
      @media screen and (max-width: 1199px) {
        .logo-designs .item a {
          height: 280px; } }
      @media screen and (max-width: 991px) {
        .logo-designs .item a {
          height: 310px; } }
      @media screen and (max-width: 767px) {
        .logo-designs .item a {
          height: 350px; } }
      @media screen and (max-width: 575px) {
        .logo-designs .item a {
          height: 290px; } }
      .logo-designs .item a:hover {
        box-shadow: 0px 6px 44px 0px rgba(8, 29, 51, 0.16);
        transform: translate3D(0, -1px, 0) scale(1.02); }

.breadcrumb-gray {
  background-color: rgba(0, 0, 0, 0.04);
  padding: 20px 0px; }

.who-is-wrap {
  background: rgba(99, 124, 247, 0.04);
  padding: 30px 0px 1px 0px; }

.who-search {
  width: 100%;
  min-height: 200px;
  background: linear-gradient(45deg, #5A73ED 0%, #3D57D5 100%);
  box-shadow: 0px 16px 40px rgba(48, 127, 245, 0.08);
  border-radius: 24px;
  padding: 24px;
  margin: 0px 0px 40px 0px; }
  .who-search .ws-flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 991px) {
      .who-search .ws-flex {
        flex-wrap: wrap; } }
    @media screen and (max-width: 991px) {
      .who-search .ws-flex > div {
        width: 100%; } }
  .who-search .button-follow {
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: inline-block;
    color: #fff;
    padding: 15px 50px;
    transition: all ease 0.3s;
    margin-bottom: 30px; }
    @media screen and (max-width: 991px) {
      .who-search .button-follow {
        margin: 20px 0px 0px 0px;
        padding: 15px 20px; } }
    .who-search .button-follow:hover {
      background-color: rgba(255, 255, 255, 0.7);
      color: #637CF7; }
  .who-search h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin: 0px 0px 10px 0px; }
    @media screen and (max-width: 991px) {
      .who-search h3 {
        font-size: 28px; } }
  .who-search p {
    color: #fff;
    font-size: 16px;
    margin: 0px 0px 30px 0px; }
    @media screen and (max-width: 991px) {
      .who-search p {
        font-size: 14px; } }
  .who-search .search {
    position: relative; }
    .who-search .search input {
      display: block;
      height: 60px;
      border-radius: 40px;
      width: 100%;
      background-color: #fff;
      outline: none;
      padding: 0px 60px 0px 60px;
      font-size: 16px;
      border: none; }
    .who-search .search .icon {
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 16px; }
    .who-search .search button {
      background-color: transparent;
      border: none;
      outline: none;
      position: absolute;
      top: 6px;
      right: 6px;
      background-color: #FF6955;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      transition: all ease 0.3s;
      cursor: pointer;
      color: #fff;
      font-size: 20px; }
      .who-search .search button:hover {
        opacity: 0.9; }

.domain-taken {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  margin: 0px 0px 16px 0px;
  justify-content: space-between;
  align-items: center;
  padding: 26px 32px; }
  @media screen and (max-width: 991px) {
    .domain-taken {
      padding: 20px;
      flex-wrap: wrap; } }
  .domain-taken .left {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 991px) {
      .domain-taken .left {
        width: 100%; } }
    .domain-taken .left .icon {
      flex-shrink: 0;
      width: 64px;
      margin: 0px 10px 0px 0px; }
    .domain-taken .left .des p {
      font-size: 20px;
      font-weight: 700;
      margin: 0px 0px 5px 0px; }
    .domain-taken .left .des span {
      font-size: 16px;
      color: #5C5C5C; }
  .domain-taken .right {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 991px) {
      .domain-taken .right {
        padding: 10px 0px 0px 0px; } }
    .domain-taken .right .broker {
      padding: 12px 24px;
      border-radius: 10px;
      background-color: rgba(244, 147, 0, 0.08);
      margin: 0px 20px 0px 0px; }
      @media screen and (max-width: 991px) {
        .domain-taken .right .broker {
          padding: 10px 10px; } }
      .domain-taken .right .broker p {
        color: #F49300;
        font-size: 16px;
        margin: 0px 0px 0px 0px;
        white-space: nowrap; }
      .domain-taken .right .broker strong {
        font-size: 20px;
        font-weight: 700; }

.domain-summary {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  margin: 0px 0px 16px 0px;
  justify-content: space-between;
  align-items: center;
  padding: 24px; }
  @media screen and (max-width: 991px) {
    .domain-summary {
      padding: 20px; } }
  .domain-summary h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 15px 0px; }
  .domain-summary ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap; }
    .domain-summary ul li {
      width: 25%;
      margin: 0px 0px 15px 0px;
      padding: 0px 0px 0px 30px;
      position: relative;
      font-size: 14px; }
      @media screen and (max-width: 991px) {
        .domain-summary ul li {
          width: 50%; } }
      @media screen and (max-width: 767px) {
        .domain-summary ul li {
          width: 100%; } }
      .domain-summary ul li a {
        color: #637CF7;
        font-weight: 700;
        text-decoration: underline; }
      .domain-summary ul li:before {
        content: "";
        display: block;
        width: 20px;
        background-size: 20px auto;
        height: 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url(/html/html/html/static_images/icon-check-green.png); }
      .domain-summary ul li:nth-child(3n) {
        width: 50%; }
        @media screen and (max-width: 991px) {
          .domain-summary ul li:nth-child(3n) {
            width: 50%; } }
        @media screen and (max-width: 767px) {
          .domain-summary ul li:nth-child(3n) {
            width: 100%; } }

.alternative-extensions {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  margin: 0px 0px 40px 0px;
  justify-content: space-between;
  align-items: center;
  padding: 24px; }
  @media screen and (max-width: 991px) {
    .alternative-extensions {
      padding: 20px; } }
  .alternative-extensions h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 15px 0px; }
  .alternative-extensions ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap; }
    .alternative-extensions ul li {
      width: 25%;
      margin: 0px 0px 17px 0px;
      padding: 0px 20px 0px 30px;
      position: relative;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 1199px) {
        .alternative-extensions ul li {
          width: 33.33%; } }
      @media screen and (max-width: 991px) {
        .alternative-extensions ul li {
          width: 50%; } }
      @media screen and (max-width: 767px) {
        .alternative-extensions ul li {
          width: 100%; } }
      .alternative-extensions ul li a {
        color: #637CF7;
        font-weight: 600;
        text-decoration: none; }
      .alternative-extensions ul li:before {
        content: "";
        display: block;
        width: 20px;
        background-size: 20px auto;
        height: 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url(/html/html/html/static_images/icon-check-blue.svg); }

.who-nav {
  display: inline-block;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
  margin: 0px 0px 40px 0px; }
  .who-nav span {
    font-size: 16px;
    color: #5C5C5C;
    padding: 16px 30px;
    display: inline-block;
    border-radius: 16px;
    cursor: pointer; }
    @media screen and (max-width: 991px) {
      .who-nav span {
        font-size: 14px;
        padding: 10px 8px; } }
    @media screen and (max-width: 767px) {
      .who-nav span {
        font-size: 13px; } }
    .who-nav span.active {
      color: #fff;
      background: linear-gradient(45deg, #FF6955 0%, #E97543 100%); }

.who-acc {
  margin: 0px 0px 40px 0px; }
  .who-acc .wa-item {
    margin: 0px 0px 24px 0px;
    background: #FFF;
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
    border-radius: 24px; }
    .who-acc .wa-item.active .wa-caption .arrow {
      transform: rotate(180deg); }
    .who-acc .wa-item .wa-caption {
      padding: 24px 32px;
      display: flex;
      align-items: center;
      position: relative; }
      @media screen and (max-width: 991px) {
        .who-acc .wa-item .wa-caption {
          padding: 16px 18px; } }
      .who-acc .wa-item .wa-caption .arrow {
        cursor: pointer;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #637CF7;
        background-color: rgba(48, 125, 246, 0.08);
        position: absolute;
        top: 50%;
        right: 30px;
        margin: -25px 0px 0px 0px; }
        @media screen and (max-width: 991px) {
          .who-acc .wa-item .wa-caption .arrow {
            right: 15px;
            width: 36px;
            height: 36px;
            margin: -18px 0px 0px 0px; } }
      .who-acc .wa-item .wa-caption .icon {
        flex-shrink: 0;
        margin: 0px 15px 0px 0px;
        font-size: 18px;
        width: 40px; }
      .who-acc .wa-item .wa-caption strong {
        font-weight: 700;
        font-size: 20px; }
        @media screen and (max-width: 991px) {
          .who-acc .wa-item .wa-caption strong {
            font-size: 16px; } }
  .who-acc .wa-row {
    display: flex;
    margin: 0px 0px 10px 0px; }
    @media screen and (max-width: 991px) {
      .who-acc .wa-row {
        flex-wrap: wrap; } }
    .who-acc .wa-row span {
      display: inline-block;
      min-width: 180px;
      font-weight: 600;
      color: #5C5C5C;
      font-size: 16px;
      flex-shrink: 0; }
      @media screen and (max-width: 991px) {
        .who-acc .wa-row span {
          width: 100%;
          margin: 0px 0px 5px 0px; } }
  .who-acc .wa-content {
    padding: 1px 32px;
    display: none; }
    .who-acc .wa-content p {
      width: 100%;
      color: #5C5C5C;
      font-size: 16px;
      margin: 0px 0px 0px 0px; }
    .who-acc .wa-content h3 {
      font-size: 18px;
      margin: 30px 0px 10px 0px; }

.is-fit-box {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
  padding: 24px;
  margin: 0px 0px 40px 0px; }
  @media screen and (max-width: 991px) {
    .is-fit-box {
      min-width: 100px;
      width: 100%; } }
  .is-fit-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0px 0px 10px 0px; }
    @media screen and (max-width: 991px) {
      .is-fit-box h3 {
        font-size: 18px; } }
  .is-fit-box p {
    color: #5C5C5C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0px 20px 0px; }
  .is-fit-box .is-fit-form {
    position: relative; }
    .is-fit-box .is-fit-form input {
      width: 100%;
      height: 56px;
      border-radius: 8px;
      background: #F6F7F9;
      padding: 0px 120px 0px 16px;
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      border: none;
      outline: none; }
  .is-fit-box button.button.button-brand-second {
    position: absolute;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 4px;
    right: 6px;
    border-radius: 8px; }

.who-info-box {
  margin: 0px 0px 60px 0px; }
  .who-info-box h6 {
    font-size: 32px;
    font-weight: 700;
    padding: 40px 0px 10px 0px;
    margin: 0px; }
    @media screen and (max-width: 991px) {
      .who-info-box h6 {
        font-size: 22px; } }
  .who-info-box .cap {
    display: flex;
    margin: 0px 0px 20px 0px;
    align-items: center; }
    .who-info-box .cap .icon {
      flex-shrink: 0;
      margin: 0px 16px 0px 0px;
      width: 40px;
      height: 40px; }
    .who-info-box .cap h3 {
      font-size: 24px;
      font-weight: 700;
      margin: 0px; }
  .who-info-box .cap-sapo {
    margin: 0px 0px 32px 0px;
    color: #828282;
    font-size: 16px;
    font-weight: 400; }

.who-info-item {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
  padding: 24px;
  margin: 0px 0px 24px 0px;
  display: flex; }
  @media screen and (max-width: 991px) {
    .who-info-item {
      flex-wrap: wrap; } }
  .who-info-item .icon {
    flex-shrink: 0;
    width: 80px;
    margin: 0px 20px 0px 0px; }
    @media screen and (max-width: 991px) {
      .who-info-item .icon {
        width: 60px;
        margin: 0px 0px 10px 0px; } }
  .who-info-item .des {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 991px) {
      .who-info-item .des {
        flex-wrap: wrap; } }
    .who-info-item .des .left {
      width: 100%; }
    .who-info-item .des .right {
      padding: 0px 0px 0px 20px; }
      @media screen and (max-width: 991px) {
        .who-info-item .des .right {
          padding: 0px 0px 0px 0px; } }
      .who-info-item .des .right a {
        white-space: nowrap;
        margin-top: 20px; }
        .who-info-item .des .right a span {
          padding-left: 20px;
          padding-right: 20px; }
    .who-info-item .des h3 {
      font-size: 24px;
      font-weight: 700;
      margin: 0px 0px 10px 0px; }
      @media screen and (max-width: 991px) {
        .who-info-item .des h3 {
          font-size: 18px; } }
    .who-info-item .des p {
      color: #5C5C5C;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      margin: 0px 0px 0px 0px; }
  .who-info-item .list-tag {
    padding: 5px 0px 0px 0px; }
    .who-info-item .list-tag a {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 16px;
      font-size: 14px;
      font-weight: 700;
      color: #307FF5;
      margin: 0px 8px 8px 0px;
      background-color: rgba(48, 127, 245, 0.08);
      cursor: pointer; }

.wib-wrap {
  padding: 30px 0px 30px 0px; }

.box-curated {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
  padding: 20px 24px 0px 24px;
  margin: 0px 0px 24px 0px; }
  .box-curated h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 20px 0px; }
    @media screen and (max-width: 991px) {
      .box-curated h3 {
        font-size: 18px; } }
  .box-curated .list-tag {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 30px 0px; }
    .box-curated .list-tag a {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 16px;
      font-size: 14px;
      font-weight: 700;
      color: #307FF5;
      margin: 0px 8px 8px 0px;
      background-color: rgba(48, 127, 245, 0.08);
      cursor: pointer; }

.winners-filter {
  padding: 25px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  margin: 0px 0px 40px 0px; }
  @media screen and (max-width: 991px) {
    .winners-filter {
      padding: 20px;
      margin: 0px 0px 30px 0px; } }
  .winners-filter h3 {
    font-size: 20px;
    margin: 0px 0px 10px 0px; }
    @media screen and (max-width: 991px) {
      .winners-filter h3 {
        margin: 0px; } }
  .winners-filter span {
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    color: #dc3545;
    margin: 40px 0px 0px 0px; }
    @media screen and (max-width: 991px) {
      .winners-filter span {
        margin: 10px 0px 0px 0px; } }
  .winners-filter p {
    font-size: 15px;
    font-weight: 500;
    margin: 0px 0px 6px 0px;
    color: #5C5C5C; }
    @media screen and (max-width: 991px) {
      .winners-filter p {
        margin: 20px 0px 5px 0px; } }

.modal-content-fix {
  padding: 46px 20px 20px 20px; }
  @media screen and (max-width: 991px) {
    .modal-content-fix {
      padding: 40px 15px 15px 15px; } }

.trust-pilot {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .trust-pilot {
      flex-wrap: wrap;
      width: 120px;
      justify-content: center; } }
  .trust-pilot strong {
    font-size: 18px;
    margin: 0px 5px 0px 0px;
    font-weight: 700;
    color: #04294F; }
    @media screen and (max-width: 767px) {
      .trust-pilot strong {
        width: 100%;
        font-size: 14px;
        margin: 0px 0px 1px 0px;
        text-align: center; } }
  .trust-pilot .tp-stars {
    display: flex; }
    @media screen and (max-width: 767px) {
      .trust-pilot .tp-stars {
        justify-content: center; } }
    .trust-pilot .tp-stars div {
      flex-shrink: 0;
      width: 25px;
      height: 25px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      background-image: url(/html/html/html/static_images/trustpilot-star.png);
      margin: 0px 1px; }
      @media screen and (max-width: 767px) {
        .trust-pilot .tp-stars div {
          width: 18px;
          height: 18px; } }
      .trust-pilot .tp-stars div.half-star {
        background-image: url(/html/html/html/static_images/trustpilot-half-star.png); }
  .trust-pilot .tp-name {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 0px 5px;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .trust-pilot .tp-name {
        margin: 1px 0px 0px 0px;
        width: 100%;
        justify-content: center;
        font-size: 14px; } }
    .trust-pilot .tp-name .icon {
      position: relative;
      flex-shrink: 0;
      top: -1px;
      width: 23px;
      height: 23px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      background-image: url(/html/html/html/static_images/trustpilot-brand-icon.png);
      margin: 0px 3px 0px 0px; }
      @media screen and (max-width: 767px) {
        .trust-pilot .tp-name .icon {
          width: 18px;
          height: 18px; } }

.payment-method .trust-pilot {
  margin: 0px 5px 0px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 110px;
  justify-content: center; }
.payment-method strong {
  font-size: 18px;
  margin: 0px 5px 0px 0px;
  font-weight: 700;
  color: #04294F;
  width: 100%;
  font-size: 13px;
  margin: 0px 0px 1px 0px;
  text-align: center; }
.payment-method .tp-stars {
  display: flex;
  justify-content: center; }
  .payment-method .tp-stars div {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0px 1px;
    width: 14px;
    height: 14px; }
.payment-method .tp-name {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0px 0px 5px;
  align-items: center;
  margin: 1px 0px 0px 0px;
  width: 100%;
  justify-content: center;
  font-size: 13px; }
  .payment-method .tp-name .icon {
    position: relative;
    flex-shrink: 0;
    top: -1px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0px 2px 0px 0px;
    width: 15px;
    height: 15px; }

body.atom-version .feature-block .feature-row:before,
body.atom-version .hb-crowdsourced::before,
body.atom-version .hb-crowdsourced:after,
body.atom-version .hb-service::before,
body.atom-version .hb-service::after,
body.atom-version .hb-collection-wrap::before,
body.atom-version .hb-tool::before,
body.atom-version .hb-customer-wrap::before,
body.atom-version .faq-block::before,
body.atom-version .why-block::before,
body.atom-version .detail-two::before,
body.atom-version .related-block::before {
  display: none; }
body.atom-version .header {
  background-image: none;
  background-color: #fff; }
body.atom-version .detail-cols .detail-one:before {
  background: linear-gradient(77.64deg, #64A4D6 0%, #C782C2 100%); }
body.atom-version .detail-one .do-left .do-domain-for-sale {
  color: #ddd; }
body.atom-version .detail-one {
  background: linear-gradient(77.64deg, #64A4D6 0%, #C782C2 100%); }
  body.atom-version .detail-one .do-inner {
    background-image: none;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative; }
    body.atom-version .detail-one .do-inner.lease-inner {
      background-image: none; }
    body.atom-version .detail-one .do-inner::before {
      display: none; }
  body.atom-version .detail-one .do-left h3 {
    color: #fff; }
  body.atom-version .detail-one .do-left p {
    color: #fff; }
  body.atom-version .detail-one .do-left .owl-dots .owl-dot {
    background-color: #fff; }
  body.atom-version .detail-one .do-left .control a {
    background-color: rgba(255, 255, 255, 0.9); }
    body.atom-version .detail-one .do-left .control a:hover {
      background-color: #fff; }
  body.atom-version .detail-one .do-left .control a.like {
    color: #fff;
    background-color: transparent; }
body.atom-version .breadcrumb {
  background-image: none;
  background-color: #fff; }
body.atom-version .purchase-box .option input:checked ~ .radio-text {
  border: 2px solid #C782C2;
  background-color: #fff; }
body.atom-version .detail-one .purchase-box .option input:checked ~ .radio-text:before {
  border: 2px solid #C782C2;
  background-color: #fff; }
body.atom-version .detail-one .button-proceed,
body.atom-version .detail-one .button-mao {
  background: linear-gradient(271.19deg, #64A4D6 0%, #C782C2 100%); }
body.atom-version .include-box ul li:before {
  background-image: url(/html/html/html/static_images/icon-check-blue.svg); }
body.atom-version .header.header-home {
  position: absolute;
  top: 0;
  left: 0;
  background-image: none;
  background-color: #fff;
  right: 0; }
body.atom-version .home-hero {
  background: linear-gradient(450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%);
  padding-top: 80px; }
  body.atom-version .home-hero .hh-inner {
    background-image: url(/html/html/html/static_images/home-atom-bg.png); }
  body.atom-version .home-hero .hh-content h1 {
    color: #fff; }
  body.atom-version .home-hero .hh-content p {
    color: rgba(255, 255, 255, 0.8); }
  body.atom-version .home-hero .hh-content h1 span {
    color: #fff;
    -webkit-background-clip: unset;
    background-image: none;
    -webkit-text-fill-color: unset; }
  body.atom-version .home-hero .hh-content .naming {
    background: rgba(255, 255, 255, 0.88); }
body.atom-version .button.button-brand {
  background: linear-gradient(-450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }
body.atom-version .button.button-brand::before {
  background: linear-gradient(450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }
body.atom-version .hh-content .or {
  color: #fff; }
body.atom-version .search-form button {
  background: linear-gradient(-450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }
body.atom-version .search-form button:before {
  background: linear-gradient(450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }
body.atom-version .faq-block .got-question {
  background: linear-gradient(-450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }
body.atom-version .why-block .flex .left {
  background: linear-gradient(-450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }
body.atom-version .hb-collection-wrap .collection-tab span.active {
  background: linear-gradient(-450deg, #4A9DFF 0%, #637CF7 50%, #8e71d1 100%); }

.notify-top {
  background-color: #19184A;
  padding: 5px 10px; }
  @media screen and (max-width: 991px) {
    .notify-top {
      display: none; } }
  .notify-top .nt-content {
    display: flex;
    align-items: center;
    justify-content: center; }
    .notify-top .nt-content p {
      margin: 0px;
      color: #B0BDFF;
      font-size: 16px; }
      .notify-top .nt-content p strong {
        font-weight: 700;
        color: #fff; }
    .notify-top .nt-content a {
      white-space: nowrap;
      margin: 0px 0px 0px 20px;
      color: #637CF7;
      font-size: 14px;
      font-weight: 700;
      border: 1px solid #637CF7;
      border-radius: 8px;
      padding: 6px 8px;
      transition: all ease 0.3s; }
      .notify-top .nt-content a:hover {
        background-color: #637CF7;
        color: #fff; }

.wip-box {
  position: relative; }
  .wip-box .wip-close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0px;
    right: -10px;
    cursor: pointer;
    z-index: 10;
    font-size: 20px; }
  .wip-box h3 {
    font-weight: 700;
    padding: 0px 0px 8px 0px;
    margin: 0px;
    font-size: 24px; }
    .wip-box h3 span {
      color: #637CF7; }
  .wip-box p {
    margin: 0px 0px 25px 0px;
    color: #828282;
    font-size: 16px; }
  .wip-box .list-domain {
    padding-bottom: 10px;
    padding-top: 10px; }
    .wip-box .list-domain a {
      display: flex;
      justify-content: start;
      align-items: center;
      border-radius: 8px;
      background-color: rgba(246, 109, 19, 0.08);
      padding: 16px;
      margin: 16px 0px 0px 0px;
      font-size: 16px;
      color: #F66D13; }
      .wip-box .list-domain a i {
        transition: all ease 0.3s;
        position: relative;
        left: 0; }
      .wip-box .list-domain a:hover i {
        left: 4px; }
      .wip-box .list-domain a img {
        flex-shrink: 0;
        margin: 0px 12px 0px 0px; }
      .wip-box .list-domain a.godaddy {
        background-color: rgba(25, 200, 200, 0.08);
        color: #19C8C8; }
  .wip-box .follow-form label {
    font-weight: bold;
    margin: 0px 0px 8px 0px; }
  .wip-box .follow-form .input {
    margin: 0px 0px 25px 0px; }

.modal-content-sp {
  padding: 25px 16px; }

/*# sourceMappingURL=main.css.map */