@charset "utf-8"; @import url("magicscroll.css"); @font-face { font-family: 'ubuntu', Proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; src: local('Abc'), url('/static/fonts/Ubuntu-B.ttf') format("truetype"); } @font-face { font-family: 'ubuntu', Proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; src: local('Abc'), url('/static/fonts/Ubuntu-R.ttf') format("truetype"); } button { cursor: pointer; } input { box-sizing: border-box; } footer { position: fixed; height: 30px; background: linear-gradient(0deg, rgba(48, 121, 221, 0.97) 0%, rgba(25, 122, 255, 0.97) 100%); width: 100%; bottom: 0; border-top: #f3b113 2px solid; transition: bottom 0.4s; z-index: 100; } #navbar { background-color: #FFFFFF; height: 60px; width: 100%; display: flex; align-items: center; } #footer-content { padding: 5px 10px 5px 10px; color: white; display: flex; justify-content: flex-end; height: 20px; align-items: center; font-size: 13px; } #footer-content p { margin-left: 5px; } #footer-links a { color: white; text-decoration: none; border-right: white 1px solid; padding-right: 5px; padding-left: 2px; } #about-header { text-align: center; background-color: ghostwhite; padding: 10px; } #about-content { border-left: #1977f9 thick solid; padding-left: 10px; } #faq { margin-bottom: 50px; margin-top: 50px; } #bannertext { margin: auto; color: white; } #banner { height: 35px; color: #FFFFFF; text-align: center; font-weight: 700; font-size: 13pt; overflow-x: hidden; overflow-y: hidden; padding-top: 0px; max-height: 82px; background: linear-gradient(to right, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #e81d1d, #e81d1d); background-size: 1800% 1800%; -webkit-animation: rainbow 25s linear infinite; animation: rainbow 25s linear infinite; display: flex; } header { position: fixed; top: 0; width: 100%; left: 0%; z-index: 30; min-width: 636px; transition: top 0.4s; } button { color: #000000; font-size: 20px; padding-top: 5px; padding-bottom: 5px; border-width: 0px; font-family: ubuntu, Proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; background-color: #FFFFFF; width: 169px; } #main #contenthome .navbuttons { display: inline-table; margin-right: 20px; margin-left: 20px; -webkit-box-shadow: 1px 1px 3px -2px; box-shadow: 1px 1px 3px -2px; cursor: pointer; } #main #contenthome .navbuttons:hover { -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; } #main #contenthome .navbuttons button { border: thin solid white; border-radius: 5px; } #main #contenthome .navbuttons button:hover { background-color: #ffffff00; color: white; } #main #contenthome #featuredshops { width: 100%; height: 135px; padding-top: 5px; padding-bottom: 5px; overflow-y: hidden; overflow-x: hidden; margin-bottom: -350px; } #main #contenthome #title { color: #FFFFFF; text-align: center; padding-top: 33px; padding-bottom: 7px; font-size: 49px; font-weight: normal; } #main #contenthome #homebuttons { margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 50px; display: table; } #navbar #login { margin-left: 5px; margin-right: 5px; color: #000000; text-decoration: none; font-size: 17px; float: right; display: flex; } #main #contenthome { width: 100%; background: linear-gradient(0deg, rgba(28, 95, 187, 1) 0%, rgb(25, 122, 255) 100%); height: 368px; position: relative; z-index: 1; } #navbar #logo { padding-right: 0px; padding-left: 0px; float: left; display: flex; margin-left: 59px; margin-right: 10px; } #navbar #account { margin-right: 54px; } #navbar #searchbar { display: flex; height: 100%; text-indent: 13px; width: 100%; border: 0; background-color: #efeeee; border-radius: 30px; padding-right: 10px; } #navbar #searchbar:focus { outline: none; } #navbar #searchform { display: flex; width: 40%; height: 50%; margin: auto; text-indent: 13px; } #main { width: 100%; height: 100%; padding-top: 0px; margin-top: 95px; } body { margin: 0px; font-family: ubuntu, Proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; min-width: 636px; } #contenthome #featuredshops .shopicon { width: 125px; display: inline-block; text-align: center; height: 125px; background-color: white; background-repeat: no-repeat; background-size: cover; -webkit-box-shadow: 1px 1px 5px -1px; box-shadow: 1px 1px 5px -1px; margin-right: 15px; margin-left: 15px; visibility: visible; margin-top: 10px; border-radius: 15px; } #main #eclipse { width: 80px; height: 80px; background-color: #f3b113; border-radius: 80px; border: thick solid #FFFFFF; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -100px; z-index: 20; color: #FFFFFF; font-size: 32px; display: flex; align-items: center; cursor: pointer; } #main #recentlyupdated { font-weight: 100; font-size: 28px; text-indent: 16px; } .result { width: 95%; height: 95px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; text-overflow: ellipsis; overflow: hidden; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); margin-bottom: 15px; display: flex; border-radius: 5px; } .result .resulttitleslot { width: 40%; padding-left: 20px; padding-right: 10px; margin-top: auto; margin-bottom: auto; } .result .resultpriceslot { width: 10%; padding-left: 1%; padding-right: 1%; display: flex; align-items: center; min-width: 68px; } .result .resultpriceslot .resultprice { font-weight: bold; text-align: center; margin-bottom: -8px; } .result .resultpaymentslot { width: 15%; display: flex; align-items: center; padding-left: 1%; padding-right: 1%; } .resultscalable .resultbookmark { background-color: #1c5fbb; display: flex; align-items: center; width: 10%; min-width: 71px; } .result .resultdateslot { display: flex; padding-left: 1%; padding-right: 1%; align-items: center; width: 10%; text-align: center; min-width: 68px; } .result .resultdateslot .resultdate { text-align: center; margin-left: auto; margin-right: auto; } .result .resultratingslot .resultrating { text-align: center; text-overflow: ellipsis; overflow-x: hidden; } .resultscalable .resultratingslot .resultratings { margin-left: auto; margin-right: auto; width: 90%; } .result .resultratingslot { display: flex; align-items: center; font-weight: bold; min-width: 67px; margin: auto; width: 250px; max-width: 200px; } .result .resultpaymentslot .resultpaymentimages { margin-left: auto; margin-right: auto; justify-content: space-around; display: flex; width: 100%; flex-wrap: wrap; } .result .resultpaymentslot img { width: 3vw; height: 3vw; max-width: 30px; max-height: 30px; } .result .resultpriceslot .resultstock { text-align: center; font-size: 16px; } .result:hover { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 1px 1px 3px; box-shadow: 1px 1px 3px; } .result .colortag { width: 8px; height: 100%; background-color: #f3b113; } .results { width: 100%; overflow: hidden; margin-top: 125px; } .result .resultimgdiv { display: flex; width: 230px; min-width: 230px; max-width: 230px; } .result .resultimg { width: 230px; height: 100%; object-fit: cover; } .result .resultscalable { display: flex; width: 100%; } #productpage #productright #productowner { width: 100%; height: 103px; background-color: #FFFFFF; margin-top: -3px; border-radius: 0 0 20px 20px; } #productpage #productright #productrighttop { -webkit-box-shadow: 1px 1px 5px; box-shadow: 1px 1px 5px; border-radius: 20px; margin-bottom: 5px; } .bookmark { width: 60px; height: 60px; display: inline-block; background-position: 92% 67%; background-color: transparent; margin-top: -9px; margin-left: auto; margin-right: auto; } .bookmark:hover { background-position: 7% 67%; } #featuredcategories { display: flex; margin-top: 120px; margin-bottom: -90px; justify-content: space-between; align-items: baseline; text-decoration: none; width: 95%; margin-left: auto; margin-right: auto; border-radius: 70px; background: aliceblue; z-index: 10; } .category-large { text-decoration: none; margin-right: 20px; display: flex; flex-wrap: wrap; align-items: center; } #featuredcategories:hover > .category-large { opacity: 0.8; } #featuredcategories:hover > a:hover { opacity: 1.0; } .result-large { width: 300px; height: 255px; display: grid; margin: 10px; z-index: 20; margin-bottom: 100px; flex-wrap: wrap; } .result-large:hover { height: 340px; } .category-large img { margin-left: auto; margin-right: auto; display: block; text-align: center; width: 40px; } .category-large p { margin: 0px; font-weight: 600; color: black; text-align: center; margin-left: auto; margin-right: auto; max-width: 100px; min-width: 80px; } #searchsettings { width: 100%; height: 40px; background: linear-gradient(90deg, rgba(28, 95, 187, 1) 0%, rgb(25, 122, 255) 100%); margin-bottom: 12px; border-bottom: thick solid #000000; } #searchsettings #sortby { float: right; margin-right: 20px; margin-top: 10px; border-radius: 7px; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; -webkit-box-shadow: 1px 1px 5px; box-shadow: 1px 1px 5px; border-width: 0px; } #productrighttop #productowner #productownerpic { background-color: #FF0004; margin-top: 8px; margin-left: -8px; } #productright #productrighttop #productowner { display: flex; align-content: center; } #productrighttop #productowner #productbookmark { margin-top: auto; margin-bottom: auto; margin-left: 69px; margin-right: 0px; } #productowner #sellericon { border-radius: 80px; border: medium solid #FFFFFF; z-index: 1; -webkit-box-shadow: 1px 1px 5px; box-shadow: 1px 1px 5px; width: 70px; height: 70px; margin-right: 12px; margin-left: 12px; margin-top: auto; margin-bottom: auto; background-color: black; object-fit: contain; } #searchicon { border-radius: 80px; border: medium solid #FFFFFF; margin-left: 15px; margin-top: 3px; z-index: 1; position: fixed; -webkit-box-shadow: 1px 1px 5px; box-shadow: 1px 1px 5px; background: black; object-fit: contain; background-size: 103%; background-position: center; } #searchsettings #searchterm { display: flex; align-items: center; width: 350px; background-color: #FFFFFF; border-radius: 13px; height: 36px; padding-top: 4px; padding-bottom: 4px; margin-top: 10px; position: fixed; margin-left: 60px; -webkit-box-shadow: 1px 1px 5px; box-shadow: 1px 1px 5px; padding-left: 45px; font-weight: bold; } #spacer { margin-top: 46px; } #searchsettings #resultnumber { margin-left: 464px; vertical-align: bottom; position: fixed; margin-top: 16px; color: #FFFFFF; font-weight: bold; } #searchsettings #searchterm #term { width: 82%; margin-top: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; margin-bottom: 0px; } #productright #productinfo #productprice { margin-left: 10px; } #searchsettings #searchterm #exit { display: inline-block; width: 32px; height: 32px; background-color: #FF0004; margin-left: 15px; border-radius: 80px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } #searchsettings #searchterm #exit::after { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } #searchsettings #searchterm #exit:focus { outline: 0; } #searchsettings #searchterm #exit:hover { -webkit-transform: scale(1, 1); transform: scale(1, 1); } #searchsettings #searchterm #exit:active { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } #searchsettings #searchterm #exit:hover::after { opacity: 1; } #contentproduct { margin-top: 95px; width: 100%; height: 293px; background: linear-gradient(0deg, rgba(28, 95, 187, 1) 0%, rgb(25, 122, 255) 100%); padding-top: 75px; position: relative; z-index: 1; } #contentproduct #productpage #productright { width: 309px; height: 100%; display: inline-block; background-color: #1979fd; border-radius: 20px; } #contentproduct #productpage { width: 600px; height: 473px; margin-left: auto; margin-right: auto; right: 0; left: 0; border-radius: 5px; } #productpage #productright #productimage { width: 309px; height: 133px; object-fit: cover; background-color: aliceblue; border-radius: 20px 20px 0 0; } #productpage #productright #productinfo { width: 60%; background-color: #FFFFFF; height: 25px; border-radius: 10px; display: inline-block; align-items: center; margin-top: 10px; padding-top: 5px; margin-left: 10px; } .slant { background-color: #1ddde8; width: 100%; height: 100px; transform: skewY(-5deg); z-index: 1; position: absolute; margin-top: -50px; } #productright #productinfo #productstock { color: #949494; font-size: 10px; margin-left: 4px; margin-top: 2px; } #productpage #productright #report-product { width: 30%; height: 30px; margin-top: 0px; display: inline-block; vertical-align: bottom; margin-left: 5px; } #productpage #productright #report-button { background-color: black; -webkit-box-shadow: 0 0 3px #00000078; box-shadow: 0 0 3px #00000078; border-radius: 10px; height: 30px; color: #FFFFFF; font-size: 13px; width: 100%; } .goldbutton { width: 95%; height: 50px; margin: 10px auto 0 auto; font-size: 15px; display: block; background: linear-gradient(57deg, rgb(255, 160, 13) 0%, rgb(242, 196, 16) 100%); -webkit-box-shadow: 0 0 3px #00000021; box-shadow: 0 0 3px #00000021; border-radius: 5px; text-decoration: none; } #productcategories { width: 95%; margin-right: auto; margin-left: auto; display: flex; justify-content: flex-end; height: 70px; flex-wrap: wrap-reverse; } .productcategory { background-color: #fdfbfb; padding: 4px 8px 4px 8px; border-radius: 5px; text-decoration: none; color: black; font-weight: 500; font-size: 10px; margin: 1px 3px 1px 3px; height: min-content; } #productpage #productright #disclaimer { text-align: center; color: #FFFFFF; font-size: 10px; width: 80%; margin: 10px auto 10px auto; } #productpage #productleft #producttitle { width: 270px; height: 40px; background-color: #1C5FBB; position: relative; z-index: 1; display: flex; align-items: center; align-content: center; border-radius: 20px 20px 0 0; } #productleft #producttitle #title { font-size: 13px; text-indent: 7px; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden; max-height: 30px; max-width: 95%; } .particles-js-canvas-el { z-index: -1; position: relative; } .thing { margin-top: 45px; -webkit-transform: scale(0.12); transform: scale(0.12); padding-right: 0px; padding-left: 0px; float: left; margin-right: -500px; margin-left: -500px; cursor: pointer; } .subbutton { width: 80px; } .Logo { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1544 478' style='enable-background:new 0 0 1544 478;' xml:space='preserve'%3E%3Cg id='buyshit'%3E%3Cpath id='b' d='M254.8,196.3c-5.7-14.6-13.6-27.3-23.6-38.1c-10.1-10.8-22.1-19.3-36.1-25.5c-14-6.2-29.3-9.3-45.9-9.3 c-6.7,0-12.8,0.6-18.3,1.8c-5.5,1.2-10.5,2.9-15.1,5c-4.6,2.1-8.8,4.7-12.7,7.8c-3.9,3.1-7.6,6.4-11,10.1V71.9c0-3.9-1.3-7.2-4-9.9 c-2.7-2.7-6.4-4-11-4H35.3c-1.6,0-3.2,0.3-4.9,1c-1.6,0.7-3.1,1.6-4.4,2.8c-1.3,1.2-2.3,2.7-3.1,4.4c-0.8,1.7-1.2,3.6-1.2,5.7V119 c55.2,71.5,38.3,179.7,0,226v0.7c0,9.4,4.9,14.1,14.7,14.1h36.3c2.3,0,4.2-0.3,5.5-0.9c1.3-0.6,2.5-1.5,3.4-2.7 c0.9-1.2,1.7-2.6,2.5-4.4c0.7-1.8,1.6-3.8,2.7-6.1l3.3-8.8c3.3,3.3,7.1,6.6,11.3,9.8c4.2,3.2,8.8,6.1,13.8,8.7 c5,2.6,10.4,4.6,16,6.2c5.7,1.6,11.6,2.4,17.9,2.4c16.6,0,31.9-3.1,45.9-9.3c14-6.2,26-14.8,36.1-25.6c10.1-10.8,18-23.6,23.6-38.2 c5.7-14.7,8.5-30.4,8.5-47.3C263.3,226.7,260.5,210.9,254.8,196.3z M193.6,266.3c-2.5,7-6.1,13.1-10.7,18.2 c-4.6,5.1-10.2,9.2-16.7,12.2c-6.5,3-13.7,4.5-21.8,4.5c-7.8,0-15.2-1.4-22-4.2c-6.8-2.8-12.8-6.7-18-11.6 c-5.1-4.9-9.3-10.8-12.4-17.5c-3.1-6.7-4.9-13.9-5.2-21.6v-2.6c0-7.8,1.5-15.3,4.5-22.4c3-7.1,7.1-13.3,12.2-18.7 c5.1-5.4,11.2-9.6,18.2-12.7c7-3.1,14.6-4.7,22.6-4.7s15.3,1.6,21.8,4.7c6.5,3.1,12,7.4,16.7,12.7c4.6,5.4,8.2,11.6,10.7,18.7 c2.5,7.1,3.8,14.5,3.8,22.4C197.4,251.7,196.1,259.3,193.6,266.3z'/%3E%3Cpath id='u' d='M516.4,356.8c-1.6,1.3-3.3,2.2-5,2.6c-1.8,0.4-3.5,0.5-5,0.5h-27.7c-2.2,0-4.1-0.4-5.7-1.2c-1.6-0.8-2.9-1.9-4-3.2 c-1.1-1.3-2-2.9-2.7-4.6c-0.7-1.7-1.3-3.5-1.8-5.3l-3.8-17.9c-1.8,3.8-4.9,7.8-9.2,12c-4.3,4.2-9.6,8.1-15.9,11.6 c-6.3,3.5-13.5,6.5-21.7,8.8c-8.2,2.3-17.1,3.5-26.8,3.5c-13.9,0-26.3-2.7-37-8.1c-10.8-5.4-19.8-12.7-27.2-22 c-7.4-9.3-13-20.1-16.8-32.5c-3.8-12.4-5.7-25.6-5.7-39.7v-120c0-4.6,1-8.2,3-10.5c2-2.4,5.2-3.6,9.6-3.6h42.3 c5.3,0,8.9,0.9,10.8,2.7c2,1.8,2.9,5.2,2.9,10.4v119.4c0,5.3,1,10.2,3,15c2,4.7,4.7,8.9,8.2,12.5c3.4,3.6,7.4,6.5,12,8.5 c4.6,2.1,9.4,3.1,14.6,3.1c4.4,0,9.2-0.7,14.3-2.2c5.1-1.5,9.9-3.8,14.3-6.9c4.4-3.1,8.1-7.1,11-12c2.9-4.9,4.4-10.8,4.4-17.6 V140.7c0-2.1,0.4-4.2,1.2-6.2c0.8-2.1,2-3.7,3.6-4.8c1.6-1,3.1-1.6,4.5-2c1.4-0.4,3-0.5,4.9-0.5h41.4c5.3,0,9,1.3,11.4,3.8 c2.3,2.6,3.5,6,3.5,10.3v205.1c0,2.3-0.5,4.5-1.6,6.4c-1,2-2.5,3.5-4.3,4.6L516.4,356.8z'/%3E%3Cpath id='y' d='M551.1,144.7c-2-4.9-2-9.1-0.1-12.6c1.9-3.5,6.1-5.2,12.6-5.2h45.3c3.1,0,5.6,0.9,7.5,2.8c2,1.9,3.4,4.2,4.4,7.1 l51.9,147.5l50.8-147.5c1.3-3.9,3.1-6.5,5.1-7.9c2.1-1.3,4.9-2,8.6-2h47.1c3.4,0,6.1,0.5,8.1,1.4c2,0.9,3.3,2.1,4.1,3.7 c0.8,1.5,1.1,3.2,0.8,5.1c-0.2,1.9-0.7,3.8-1.5,5.6c-4.6,11.5-9.7,24-15.2,37.7c-5.5,13.6-11.2,27.8-17.1,42.5 c-5.9,14.7-11.9,29.7-18.1,44.9c-6.1,15.2-12.1,30.1-17.9,44.8c-5.8,14.7-11.4,28.7-16.8,42.2c-5.4,13.5-10.3,25.9-14.8,37.2 c-4.5,11.3-8.3,21.2-11.6,29.8c-3.3,8.6-5.8,15.1-7.5,19.8l0.5-0.9c-0.9,3.3-2.4,6-4.6,8c-2.2,2-4.9,3-8.1,3h-42.3 c-5.5,0-9.3-1.1-11.3-3.2c-2-2.1-3-5.3-3-9.4c0-1.6,0.2-2.8,0.6-3.7c0.4-0.9,0.8-1.4,1-1.6l28.8-74.8L551.1,144.7z'/%3E%3Cpath id='s' d='M860.1,287.5c3.3,3.3,6.9,6.1,10.7,8.3c3.8,2.3,7.5,4.1,11.1,5.5c3.5,1.4,6.7,2.4,9.3,3c2.7,0.6,4.5,0.9,5.5,0.9 c2.3,0,5.3-0.1,8.9-0.3c3.6-0.2,7.1-0.7,10.4-1.6c3.3-0.9,6.1-2.4,8.5-4.5c2.4-2.1,3.6-5,3.6-8.8c0-3.4-0.7-6.1-2-8.2 c-1.3-2-3.3-3.7-5.9-5.1c-2.6-1.4-5.7-2.7-9.4-3.8c-3.7-1.1-7.9-2.4-12.6-3.8c-14.7-3.9-26.8-8.6-36.3-14.1s-17.1-11.6-22.6-18.4 c-5.6-6.8-9.4-14.1-11.6-21.9c-2.2-7.8-3.3-16.1-3.3-24.7c0-10.1,2-19.4,6-27.7c4-8.3,9.8-15.4,17.2-21.4 c7.5-5.9,16.4-10.5,26.8-13.7c10.4-3.2,21.9-4.9,34.6-4.9c7.7,0,14.9,0.6,21.6,1.9c6.7,1.3,13.1,3.3,19.2,6 c6.1,2.7,12.1,6.3,17.9,10.6c5.8,4.3,11.6,9.5,17.3,15.5c2.1,2.4,3.1,4.7,3.2,6.9c0.1,2.1-1.3,4.4-4.1,6.9 c-4.8,3.9-9.3,7.8-13.7,11.5c-4.3,3.8-8.8,8-13.5,12.6c-1.5,1.2-2.9,2-4.4,2.3c-1.5,0.3-2.9,0.3-4.2-0.1c-1.3-0.4-2.6-1-3.8-1.8 c-1.2-0.9-2.3-1.9-3.3-3.1c-4.3-4.8-9.2-8-14.7-9.6s-10.6-2.5-15.4-2.5c-6,0-10.8,1-14.3,3.1c-3.5,2.1-5.2,5.3-4.9,9.5 c0.2,3.2,1.4,5.7,3.6,7.4c2.1,1.8,4.8,3.2,7.9,4.3c3.1,1.1,6.4,2,9.9,2.7c3.5,0.7,6.7,1.4,9.6,2.3c11,3.5,21.1,7.4,30.2,11.5 c9.2,4.2,17.1,9.3,23.8,15.3c6.7,6,11.9,13.3,15.7,21.7c3.7,8.4,5.6,18.7,5.6,30.8c0,12.1-2.4,22.9-7.2,32.4 c-4.8,9.5-11.5,17.5-19.9,24c-8.4,6.5-18.4,11.4-30,14.8c-11.5,3.4-24,5.1-37.3,5.1c-7.6,0-15.3-0.7-23.1-2 c-7.8-1.3-15.4-3.5-22.7-6.5c-7.3-3-14.3-6.8-20.9-11.5c-6.6-4.7-12.5-10.4-17.6-17.1c-1.3-1.7-2.4-3.5-3-5.4 c-0.7-1.9-1-3.8-0.9-5.6c0.1-1.8,0.4-3.5,1.1-5c0.7-1.5,1.7-2.8,3.2-3.9l23.6-23.6c2.9-2.4,5.5-3.3,7.8-2.6 C853.6,282,856.5,284,860.1,287.5z'/%3E%3Cpath id='h' d='M1107.8,151.6c2.3-3.4,5.5-6.8,9.6-10.1c4.1-3.4,8.8-6.3,14.1-9c5.3-2.6,11.2-4.8,17.7-6.4 c6.5-1.6,13.3-2.5,20.5-2.5c13.9,0,26,2.7,36.2,8c10.2,5.4,18.6,12.7,25.3,21.9c6.7,9.3,11.6,20.1,14.8,32.5 c3.2,12.4,4.9,25.6,4.9,39.6v120c0,4.6-1,8.2-3,10.5c-2,2.4-5.2,3.6-9.6,3.6H1196c-5.3,0-8.9-0.9-10.8-2.7c-2-1.8-2.9-5.2-2.9-10.4 V225.7c0-5.3-1-10.1-3-14.7c-2-4.5-4.7-8.5-8.2-11.8c-3.4-3.4-7.4-6-12-7.9c-4.6-1.9-9.4-2.8-14.6-2.8c-4.4,0-8.7,0.9-12.9,2.7 c-4.2,1.8-8,4.3-11.4,7.5c-3.4,3.2-6.2,7.1-8.4,11.6c-2.3,4.5-3.6,9.5-3.9,15v121c0,2.1-0.4,4.2-1.2,6.2c-0.8,2.1-2,3.7-3.6,4.8 c-1.6,1-3.1,1.6-4.5,2c-1.4,0.4-3,0.5-4.9,0.5h-41.4c-5.3,0-9-1.3-11.4-3.8c-2.3-2.6-3.5-6-3.5-10.3V196.6v-1.3v-54.5v-0.9v-68 c0-4.2,1.2-7.5,3.5-10.1c2.3-2.6,6.1-3.8,11.4-3.8h41.4c2.8,0,5.9,1,9.3,2.9c1.6,1.1,2.8,2.7,3.6,4.8c0.8,2.1,1.2,4,1.2,5.9V151.6z '/%3E%3Cpath id='i' d='M1294.8,48.7c0-5.1,1.1-8.8,3.3-10.9c2.2-2.1,5.6-3.2,10.3-3.2h42.5c4.3,0,7.7,1.1,10.4,3.2 c2.6,2.1,3.9,5.8,3.9,10.9v35.7c0,1.5-0.3,3.1-1,4.8c-0.7,1.7-1.6,3.4-2.8,4.9c-1.2,1.6-2.7,2.9-4.5,3.9c-1.8,1-3.8,1.6-6,1.6 h-42.5c-9,0-13.6-5.1-13.6-15.2V48.7z M1294.8,141.4c0-3.9,1.1-7.3,3.3-10.1c2.2-2.8,5.6-4.2,10.3-4.2h42c1.5,0,3.1,0.3,4.8,1 c1.7,0.7,3.3,1.6,4.8,2.9c1.5,1.3,2.7,2.8,3.8,4.5c1,1.7,1.6,3.7,1.6,5.9v204.3c0,4.6-1.3,8.2-3.8,10.5c-2.6,2.4-6.2,3.6-11,3.6 h-42c-9,0-13.6-4.7-13.6-14.1V141.4z'/%3E%3Cpath id='t' d='M1423.3,90.8c0-3.8,1.3-6.6,3.8-8.5c2.5-1.9,6.1-3.7,10.7-5.4l41.6-14.5c0.6-0.1,1.2-0.2,1.7-0.2s1.1,0,1.6,0 c4.5,0,7.5,1.3,9.1,3.9c1.5,2.6,2.3,6.1,2.3,10.4l-0.2,50.4h25.1c3.9,0,7.1,1.2,9.5,3.5c2.4,2.3,3.7,5.8,3.7,10.4v35.4 c0,5.1-1.2,8.9-3.7,11.3c-2.4,2.4-5.6,3.6-9.5,3.6h-25.1l0.2,154.7c0,4.6-1.3,8.2-4,10.5c-2.7,2.4-6.4,3.6-11.2,3.6h-41.4 c-9.4,0-14.1-4.7-14.1-14.1l-0.2-154.7h-18.9c-9.4,0-14.1-4.9-14.1-14.8v-35.4c0-9.3,4.7-13.9,14.1-13.9h18.9L1423.3,90.8z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: relative; width: 1350px; height: 417px; top: -350px; right: -265px; overflow: hidden; } .Logo:hover:after { content: ""; position: absolute; left: -450px; bottom: 100%; display: block; height: 139px; width: 2700px; background: #fff; opacity: 0.3; -webkit-animation: shineHorizontal linear 2s forwards; animation: shineHorizontal linear 2s forwards; } .coin { position: relative; width: 300px; height: 300px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: rotate3d 8s linear forwards; animation: rotate3d 8s linear forwards; transition: all .3s; } .coin:hover { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: rotate3d 1s linear infinite; animation: rotate3d 1s linear infinite; transition: all .3s; } .coin__front, .coin__back { position: absolute; width: 300px; height: 300px; border-radius: 50%; overflow: hidden; background-color: #F39B11; } .coin__front:after, .coin__back:after { content: ""; position: absolute; left: -150px; bottom: 100%; display: block; height: 200px; width: 600px; background: #fff; opacity: 0.3; -webkit-animation: shine linear 4s infinite; animation: shine linear 4s infinite; } .coin__front { background-size: cover; -webkit-transform: translateZ(10px); transform: translateZ(10px); background-image: url(/static/img/2dcoin.png); } .coin__back { background-image: url(/static/img/2dcoin.png); background-size: cover; -webkit-transform: translateZ(-10px) rotateY(180deg); transform: translateZ(-10px) rotateY(180deg); } .coin__edge div:nth-child(1) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(98deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(98deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(2) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(106deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(106deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(3) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(114deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(114deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(4) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(122deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(122deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(5) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(130deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(130deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(6) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(138deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(138deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(7) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(146deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(146deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(8) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(154deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(154deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(9) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(162deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(162deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(10) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(170deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(170deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(11) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(178deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(178deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(12) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(186deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(186deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(13) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(194deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(194deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(14) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(202deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(202deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(15) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(210deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(210deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(16) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(218deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(218deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(17) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(226deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(226deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(18) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(234deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(234deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(19) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(242deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(242deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(20) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(250deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(250deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(21) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(258deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(258deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(22) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(266deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(266deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(23) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(274deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(274deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(24) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(282deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(282deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(25) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(290deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(290deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(26) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(298deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(298deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(27) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(306deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(306deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(28) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(314deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(314deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(29) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(322deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(322deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(30) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(330deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(330deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(31) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(338deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(338deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(32) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(346deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(346deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(33) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(354deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(354deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(34) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(362deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(362deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(35) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(370deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(370deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(36) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(378deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(378deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(37) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(386deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(386deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(38) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(394deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(394deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(39) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(402deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(402deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(40) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(410deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(410deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(41) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(418deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(418deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(42) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(426deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(426deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(43) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(434deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(434deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(44) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(442deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(442deg) translateX(150px) rotateY(90deg); } .coin__edge div:nth-child(45) { position: absolute; height: 20.9333333333px; width: 20px; background: #F39B11; -webkit-transform: translateY(139.5333333333px) translateX(140px) rotateZ(450deg) translateX(150px) rotateY(90deg); transform: translateY(139.5333333333px) translateX(140px) rotateZ(450deg) translateX(150px) rotateY(90deg); } @-webkit-keyframes rotate3d { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 100% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); } } @keyframes rotate3d { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 100% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); } } @-webkit-keyframes shine { 0%, 15% { -webkit-transform: translateY(600px) rotate(-40deg); transform: translateY(600px) rotate(-40deg); } 50% { -webkit-transform: translateY(-300px) rotate(-40deg); transform: translateY(-300px) rotate(-40deg); } } @keyframes shine { 0%, 15% { -webkit-transform: translateY(600px) rotate(-40deg); transform: translateY(600px) rotate(-40deg); } 50% { -webkit-transform: translateY(-300px) rotate(-40deg); transform: translateY(-300px) rotate(-40deg); } } @-webkit-keyframes shineHorizontal { 0%, 15% { -webkit-transform: translateY(2700px) rotate(-40deg); transform: translateY(2700px) rotate(-40deg); } 50% { -webkit-transform: translateY(-1350px) rotate(-40deg); transform: translateY(-1350px) rotate(-40deg); } } @keyframes shineHorizontal { 0%, 15% { -webkit-transform: translateY(2700px) rotate(-40deg); transform: translateY(2700px) rotate(-40deg); } 50% { -webkit-transform: translateY(-1350px) rotate(-40deg); transform: translateY(-1350px) rotate(-40deg); } } ::-moz-selection { background: #031b4e; color: #fff; text-shadow: none; } ::selection { background: #031b4e; color: #fff; text-shadow: none; } .bounce { margin-left: auto; margin-right: auto; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40%, 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40%, 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } .result:before { content: ""; position: absolute; z-index: 100; left: 100%; right: 0; bottom: 0; background: #1C5FBB; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .result:hover:before, .result:focus:before, .result:active:before { left: 0; } #featuredshops .shoptitle { background-color: #FF0003; width: 100%; height: 218%; } .shopowner { display: block; font-size: 14px; padding: 4px 0; color: #eee; width: 121px; background-color: rgba(0, 0, 0, 1); line-height: 100%; position: absolute; font-weight: bold; overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; } .shopicon .shoprating { display: block; font-size: 14px; padding: 4px 0; color: #eee; width: 125px; background-color: rgba(0, 0, 0, 0.70); line-height: 100%; position: absolute; font-weight: bold; overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; margin-top: 90px; } .result .resultpriceslot .resultprices { margin-left: auto; margin-right: auto; } #productrighttop #productowner #productpageinfo { display: flex; align-content: center; vertical-align: center; } #productrighttop #productowner #productuser { color: #000000; text-decoration: none; font-weight: bold; } #productrighttop #productowner #productinfo { } #productrighttop #productowner #producttext { margin-top: auto; margin-bottom: auto; } #productowner #producttext #productrating { font-weight: normal; font-size: 12px; } @media (max-width: 730px) { #main #contenthome #title { font-size: 35px } } #contentproduct #productpage #productleft { display: inline-block; float: right; color: #FFFFFF; border-radius: 20px; -webkit-box-shadow: 0 1px 3px #000000; box-shadow: 0 1px 3px #000000; } #productpage #productleft #productdescription { word-break: break-word; overflow-y: auto; overflow-x: hidden; padding-left: 10px; padding-right: 10px; height: 350px; background-color: #FFFFFF; width: 250px; color: #000000; padding-top: 1px; position: relative; border-radius: 0 0 20px 20px; } #productpage #productleft #productdescription img { object-fit: contain; width: 100%; } .result .resulttitleslot .resulttitle { margin-top: 15px; max-width: 100%; word-break: break-word; overflow-y: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .result .resulttitleslot .resultdescription { margin-top: -15px; word-break: break-word; max-width: 100%; font-size: 11px; overflow-y: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1000px) { .results .result .resultdateslot { display: none; } .results .result { height: 150px; } .results .result .resultdescription { font-size: 14px; } #navbar { height: 80px; } .thing { margin-right: -530px; margin-left: -570px; } #main { margin-top: 115px; } } #scrollToTopBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #f3b113; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #scrollToTopBtn:hover { background-color: #555; } .dropbtn { background-color: white; color: black; font-size: 12px; border: none; width: auto; padding: 7px; border-radius: 5px; } .dropdown { position: relative; display: inline-block; float: right; margin-right: 2%; margin-top: 5px; } .dropdown-menu { display: none; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 30; font-size: 12px; position: absolute; min-width: 92px; border-radius: 5px; } #categories .dropdown-menu { left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60%; max-width: 240px; font-size: 15px; overflow-y: scroll; } .dropdown-menu a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-menu .subcategory { padding: 8px 16px; background-color: #f1f7f7; display: flex; align-items: center; justify-content: space-between; } .dropdown-menu .subcategory .subcategory-item { display: flex; align-items: center; } .dropdown-menu a:hover { background-color: #ddd; } .dropdown:hover .dropdown-menu { display: block; } #categories:hover .dropdown-menu { display: initial; } #report-product:hover .dropdown-menu { display: block; } #categories:hover .categorybutton { background-color: #ffffff00; color: white; } #account:hover .dropdown-menu { display: block; } .dropdown:hover .dropbtn { background-color: gray; } .login-page { width: 360px; margin-right: auto; margin-left: auto; text-align: center; background-color: white; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); font-size: 10px; } .login-page .errorlist { color: red; font-size: 15px; } .login-page ul { padding: 0; list-style-type: none; } .login-page input { width: 100%; height: 30px; text-indent: 10px; } .login-page button { cursor: pointer; } .login-page label { float: left; font-size: 15px; } .login-form { padding: 5%; } .link-page { width: 500px; margin-right: auto; margin-left: auto; background-color: white; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); font-size: 10px; padding-bottom: 10px; margin-bottom: 40px; } .link-page .errorlist { color: red; font-size: 15px; } .link-page ul { padding: 0; list-style-type: none; } .link-page input { height: 30px; width: 60%; text-indent: 10px; } .link-page label { float: left; font-size: 15px; } .link-page button { float: right; height: 35px; background-color: #f3b113; font-size: 15px; cursor: pointer; } .link-form { padding: 5%; } #error-graphic { font-family: cnnregular; font-weight: normal; margin: auto; width: 600px; text-align: center; font-size: 120px; background-color: #ED2124; color: white; letter-spacing: 8px; border: 5px solid white; } .message { color: white; background: #86BB71; padding: 18px 20px; line-height: 26px; font-size: 16px; border-radius: 7px; margin-bottom: 30px; width: 90%; position: relative; } .other-message { background: gray; } .message-data form { width: 30px; display: contents; } .message-data input { color: white; background-color: #fc6351; border: none; margin-left: 10px; margin-right: 10px; } .message-data-time { color: gray; padding-left: 6px; } .message-data { margin-bottom: 15px; } .align-left { text-align: left; } .align-right { text-align: right; } .float-right { float: right; } .float-left { float: left; } .promo { text-align: left; padding-top: 80px; } .promo #promo-code { width: 200px; text-align: center; font-size: 30px; font-weight: bold; height: 41px; } .promo #copy-button { display: inline-block; width: 60px; padding: 1em .75em; transition: background-color .5s ease, border-color .5s ease, color .5s ease, fill .5s ease; background: #0998d6; color: #fff; font-family: Avenir Next, Calibri, Helvetica, Roboto, sans-serif; font-size: 15px; font-weight: 600; line-height: 1; text-align: center; text-decoration: none; cursor: pointer; position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid #0998d6; border-radius: 3px; margin-left: -2px; } .promo #copy-button:hover { transition: background-color .5s ease, border-color .5s ease, color .5s ease, fill .5s ease; background: #1C5FBB; border: 1px solid #1C5FBB; } .g-recaptcha { display: inline-block; } .promo h1 { margin-bottom: 0px; } .chat { margin: auto; width: 525px; padding-bottom: 50px; } .chat ul { list-style-type: none; padding-left: 0; } .chat .chat-message textarea { width: 485px; padding: 10px 20px; font: 14px/22px "Lato", Arial, sans-serif; border-radius: 5px; resize: none; } .chat .chat-message input { float: right; color: #94C2ED; font-size: 16px; text-transform: uppercase; border: none; cursor: pointer; font-weight: bold; background: #F2F5F8; padding: 5px; width: 100px; } .online { color: green; } .offline { color: orange; } .chat .chat-history .message:after { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #86BB71; border-width: 10px; margin-left: -10px; } .chat .chat-history .other-message:after { left: 93%; border-bottom-color: gray; } .me { color: deepskyblue; } .pagination { padding-bottom: 10px; } .infinite-more-link { font-weight: 700; width: 150px; display: block; margin: auto; text-align: center; font-size: 20pt; background-color: #1eaedb; color: #fff; border-radius: 15px; text-decoration: none; padding: 3px; } .loading { display: none; font-weight: 700; font-size: 20pt; text-align: center; } #embed { position: absolute; width: 100%; height: 100%; z-index: 10; display: none; background-color: rgba(0, 0, 0, 0.6); border: 0; } @-webkit-keyframes rainbow { 0% { background-position: 0%; } 100% { background-position: 100% 0%; } } @keyframes rainbow { 0% { background-position: 0%; } 100% { background-position: 100% 0%; } } .loading-overlay.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .loading-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; z-index: 999; } .loading-icon:after { -webkit-animation: spinAround .5s infinite linear; animation: spinAround .5s infinite linear; border: 2px solid #1979ff; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; position: absolute; top: calc(50% - 1.5em); left: calc(50% - 1.5em); width: 3em; height: 3em; border-width: .25em; z-index: 9999; } @keyframes spinAround { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } }