body{ background-image: url('img/bg-3.jpg'); // background-size: 100%; background-repeat: no-repeat; background-position: top center; } main { background: rgba(0, 0, 0, 0) url("img/border-1.jpg") no-repeat scroll 0 0 / 100% auto; display: block; margin: 0 auto; min-height: 1444px; position: relative; top: 31px; } #tshirt{ width: 611px; height: 648px; display: block; position: absolute; top: 430px; left: 309px; background-size: contain; background-repeat: no-repeat; background-position: center; } #tshirt.type-one{ background-image: url('img/tshirt-grey.png'); } #tshirt.type-two{ background-image: url('img/tshirt-grey-vneck.png'); } #tshirt.type-three{ background-image: url('img/tshirt-grey-charcoal.png'); } #tshirt.type-four{ background-image: url('img/tshirt-black.png'); } #left-arrow{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAiCAQAAADvn9G4AAAAz0lEQVQ4y7WVrQpCQRCFL6goFhGzRQwmmxgsZqPdYtNgtPkEFt9AzBbfQMQHEF9AsBgsghfB5OcP1wuWu7MHPFvng92ZM2cDAo9TZWQvTtFiTWgtLzDgAFagzpwHb13dxVl67PnKCVSYEYIV6LDlVwlAkQknsAJNVtzBBuQZflqIDaix4AY2IEOXXdRxA1BmyoVkxUCaNhvcioASY85gA3I0WGLVC+hzhL8C3lfyfrTUVmFwkjUE80n2FhZIWlEhBKSYEYJMiEopjIW4jz+UJylCvruKwzoOAAAAAElFTkSuQmCC); width: 24px; height: 34px; position: absolute; left: 360px; top: 738px; } #right-arrow{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAiCAQAAADvn9G4AAAAvklEQVQ4y7XVr2pCYRwG4AObOCwiyxZZWLINg8VstK/YNCyueQUW70DMK96BiBcg3sABi8EyUAZL59ktnDeMLz/w/Xl/71f48KKovwp3O0MPCaA0064LbqCy1k8AnLxrJoC7lV4C4GCcAS4WOgng19YgAVCaayWAHxuvCaByNNGoD+DbUjcBsDfymACuPj0nAL68eUoAZ9N/BdGWwkNH1xo9XBiNMHxRvMMBCkc0KoGwZqIiC6oyLuO47sMP5Q/+Hr67m7/FgAAAAABJRU5ErkJggg==); width: 24px; height: 34px; position: absolute; left: 830px; top: 738px; } #left-red-arrow{ background: url('img/left-red-arrow.png'); width: 406px; height: 109px; position: absolute; left: 132px; top: 398px; } #right-red-arrow { background: rgba(0, 0, 0, 0) url("img/right-red-arrow.png") no-repeat scroll 7px 70px; height: 262px; left: 595px; position: absolute; top: 474px; width: 569px; } #card-face-first{ width: 120px; height: 57px; position: absolute; left: 538px; top: 721px; background-size: contain; background-repeat: no-repeat; // cursor: pointer; } #card-face-second{ width: 150px; height: 97px; position: absolute; left: 497px; top: 753px; background-size: contain; background-repeat: no-repeat; } #hand{ background: url('img/hand.png'); top: 697px; background-size: cover; width: 231px; background-repeat: no-repeat; left: 568px; height: 110px; position: absolute; top: 763px; height: 50px; background-position: 0 -66px; } #tshirt.type-one #card-face-first{ width: 110px; height: 50px; position: absolute; left: 245px; top: 297px; } #tshirt.type-one #card-face-second{ width: 130px; height: 87px; position: absolute; left: 210px; top: 326px; } #tshirt.type-one #hand{ width: 208px; background-repeat: no-repeat; left: 270px; height: 110px; position: absolute; top: 340px; } #tshirt.type-two #card-face-first{ top: 288px; left: 249px; width: 110px; height: 45px; } #tshirt.type-two #card-face-second{ top: 315px; left: 215px; width: 120px; } #tshirt.type-two #hand{ width: 198px; background-repeat: no-repeat; left: 270px; height: 103px; position: absolute; top: 328px; } #tshirt.type-three #card-face-first{ top: 289px; left: 248px; width: 107px; height: 47px; } #tshirt.type-three #card-face-second{ top: 318px; left: 215px; width: 120px; } #tshirt.type-three #hand{ width: 178px; background-repeat: no-repeat; left: 274px; height: 103px; position: absolute; top: 266px; background-position: top left; } #tshirt.type-four #card-face-first{ top: 301px; left: 250px; width: 104px; height: 45px; } #tshirt.type-four #card-face-second{ top: 329px; left: 218px; width: 114px; } #tshirt.type-four #hand, #tshirt.type-three #hand{ display: none; } #checkout-block{ /*// display: none;*/ } #add-to-cart{ } #add-to-cart #add-to-cart-button{ width: 330px; height: 119px; background: url('img/add-to-cart.png'); border: 0; cursor: pointer; position: absolute; left: 450px; top: 1200px; outline: none; z-index: 3; } footer{ font-family: 'Poppins', sans-serif; color: #fff; text-align: center; font-size: 10px; line-height: 37px; height: 35px; margin-top: 27px; } footer a{ color: #fff; text-decoration: none; } #cart-button{ background-color: rgba(210, 4, 0, 1.0); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAQAAAAH670gAAABxklEQVQ4EQXBMUiUYQAA0PfffRWaIomGQjloWlgGFhHEFTWGkXAETTYJRi45FQjRUGNDBLU0NVQgDQ01KQUNgYRlZIMN3Z13lmiISqnn3X29FyIAAAAAhz3XJy2xETRpURUBAADsyDihooRc8Ei/qgRENSkJopqUBFXN+OameYIhAABECQBg3rRNggVtXplSb0uPrHc+is46Z0JBosGQXkt2IChq9cFT0O24FyZR0u6JHOoMqCiqQLDotIxpadExzU5ZVXVSq4z9Ep2O+isPBDkpA46IaHDAiKyaNi3G/ZNotE/eLyAooOienES/URPeYFDWQ9+lXTFmyW8gWET0SQEVi76aRYczJi3gPJYsA8GysoNumJPSrcclTaILugz7qd4glqwCwYo/2t0CcMgI4A5gWx4gKHrpsm1RIqpJSRDVpNXU67QlDxCsGfdAnZQaEhGQiCoynllXAgjY1uuqXcoSAEBNl8SaIkDAXtdlAQAAkFcACNj0WEHKHkEEQMWmtMRrWwABFVPmpZXsBgBlHdatiAAEpA26a8N9bwHAsFHLbpsBIKDRNX0Y9d4/AG3G9OKHGQACts25qOyLTQCs+axLxSwA/AeRKJusmU7EogAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center center; border: 0; top: 42px; right: 84px; position: absolute; cursor: pointer; width: 46px; height: 33px; outline: none; transition: all .2s; z-index: 3; } #cart-button:hover{ box-shadow: 0 0 10px rgba(210, 4, 0, 0.5); } .popup, .popup_product{ width: 800px; height: 565px; position: fixed; background-image: url('img/border-1.png'); z-index: 30; left: 0; top: 0; box-shadow: 0 0 150px rgba(0,0,0,.9); display: none; } .popup_product{ height: 282px; width: 400px; background-size: cover; } .mask{ background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 29; display: none; } .select_button{ width: 150px; height: 40px; background: url('img/select.png'); cursor: pointer; margin: 0 auto; } /*card faces*/ #card-face-first.clubs-2{ background-image: url('img/cards/clubs/two/2.png'); } #card-face-first.clubs-3{ background-image: url('img/cards/clubs/two/3.png'); } #card-face-first.clubs-4{ background-image: url('img/cards/clubs/two/4.png'); } #card-face-first.clubs-5{ background-image: url('img/cards/clubs/two/5.png'); } #card-face-first.clubs-6{ background-image: url('img/cards/clubs/two/6.png'); } #card-face-first.clubs-7{ background-image: url('img/cards/clubs/two/7.png'); } #card-face-first.clubs-8{ background-image: url('img/cards/clubs/two/8.png'); } #card-face-first.clubs-9{ background-image: url('img/cards/clubs/two/9.png'); } #card-face-first.clubs-10{ background-image: url('img/cards/clubs/two/10.png'); } #card-face-first.clubs-jack{ background-image: url('img/cards/clubs/two/jack.png'); } #card-face-first.clubs-ace{ background-image: url('img/cards/clubs/two/ace.png'); } #card-face-first.clubs-king{ background-image: url('img/cards/clubs/two/king.png'); } #card-face-first.clubs-queen{ background-image: url('img/cards/clubs/two/queen.png'); } #card-face-first.diamonds-2{ background-image: url('img/cards/diamonds/two/2.png'); } #card-face-first.diamonds-3{ background-image: url('img/cards/diamonds/two/3.png'); } #card-face-first.diamonds-4{ background-image: url('img/cards/diamonds/two/4.png'); } #card-face-first.diamonds-5{ background-image: url('img/cards/diamonds/two/5.png'); } #card-face-first.diamonds-6{ background-image: url('img/cards/diamonds/two/6.png'); } #card-face-first.diamonds-7{ background-image: url('img/cards/diamonds/two/7.png'); } #card-face-first.diamonds-8{ background-image: url('img/cards/diamonds/two/8.png'); } #card-face-first.diamonds-9{ background-image: url('img/cards/diamonds/two/9.png'); } #card-face-first.diamonds-10{ background-image: url('img/cards/diamonds/two/10.png'); } #card-face-first.diamonds-jack{ background-image: url('img/cards/diamonds/two/jack.png'); } #card-face-first.diamonds-ace{ background-image: url('img/cards/diamonds/two/ace.png'); } #card-face-first.diamonds-king{ background-image: url('img/cards/diamonds/two/king.png'); } #card-face-first.diamonds-queen{ background-image: url('img/cards/diamonds/two/queen.png'); } #card-face-first.hearts-2{ background-image: url('img/cards/hearts/two/2.png'); } #card-face-first.hearts-3{ background-image: url('img/cards/hearts/two/3.png'); } #card-face-first.hearts-4{ background-image: url('img/cards/hearts/two/4.png'); } #card-face-first.hearts-5{ background-image: url('img/cards/hearts/two/5.png'); } #card-face-first.hearts-6{ background-image: url('img/cards/hearts/two/6.png'); } #card-face-first.hearts-7{ background-image: url('img/cards/hearts/two/7.png'); } #card-face-first.hearts-8{ background-image: url('img/cards/hearts/two/8.png'); } #card-face-first.hearts-9{ background-image: url('img/cards/hearts/two/9.png'); } #card-face-first.hearts-10{ background-image: url('img/cards/hearts/two/10.png'); } #card-face-first.hearts-jack{ background-image: url('img/cards/hearts/two/jack.png'); } #card-face-first.hearts-ace{ background-image: url('img/cards/hearts/two/ace.png'); } #card-face-first.hearts-king{ background-image: url('img/cards/hearts/two/king.png'); } #card-face-first.hearts-queen{ background-image: url('img/cards/hearts/two/queen.png'); } #card-face-first.spades-2{ background-image: url('img/cards/spades/two/2.png'); } #card-face-first.spades-3{ background-image: url('img/cards/spades/two/3.png'); } #card-face-first.spades-4{ background-image: url('img/cards/spades/two/4.png'); } #card-face-first.spades-5{ background-image: url('img/cards/spades/two/5.png'); } #card-face-first.spades-6{ background-image: url('img/cards/spades/two/6.png'); } #card-face-first.spades-7{ background-image: url('img/cards/spades/two/7.png'); } #card-face-first.spades-8{ background-image: url('img/cards/spades/two/8.png'); } #card-face-first.spades-9{ background-image: url('img/cards/spades/two/9.png'); } #card-face-first.spades-10{ background-image: url('img/cards/spades/two/10.png'); } #card-face-first.spades-jack{ background-image: url('img/cards/spades/two/jack.png'); } #card-face-first.spades-ace{ background-image: url('img/cards/spades/two/ace.png'); } #card-face-first.spades-king{ background-image: url('img/cards/spades/two/king.png'); } #card-face-first.spades-queen{ background-image: url('img/cards/spades/two/queen.png'); } #card-face-second.clubs-2{ background-image: url('img/cards/clubs/one/2.png'); } #card-face-second.clubs-3{ background-image: url('img/cards/clubs/one/3.png'); } #card-face-second.clubs-4{ background-image: url('img/cards/clubs/one/4.png'); } #card-face-second.clubs-5{ background-image: url('img/cards/clubs/one/5.png'); } #card-face-second.clubs-6{ background-image: url('img/cards/clubs/one/6.png'); } #card-face-second.clubs-7{ background-image: url('img/cards/clubs/one/7.png'); } #card-face-second.clubs-8{ background-image: url('img/cards/clubs/one/8.png'); } #card-face-second.clubs-9{ background-image: url('img/cards/clubs/one/9.png'); } #card-face-second.clubs-10{ background-image: url('img/cards/clubs/one/10.png'); } #card-face-second.clubs-jack{ background-image: url('img/cards/clubs/one/jack.png'); } #card-face-second.clubs-ace{ background-image: url('img/cards/clubs/one/ace.png'); } #card-face-second.clubs-king{ background-image: url('img/cards/clubs/one/king.png'); } #card-face-second.clubs-queen{ background-image: url('img/cards/clubs/one/queen.png'); } #card-face-second.diamonds-2{ background-image: url('img/cards/diamonds/one/2.png'); } #card-face-second.diamonds-3{ background-image: url('img/cards/diamonds/one/3.png'); } #card-face-second.diamonds-4{ background-image: url('img/cards/diamonds/one/4.png'); } #card-face-second.diamonds-5{ background-image: url('img/cards/diamonds/one/5.png'); } #card-face-second.diamonds-6{ background-image: url('img/cards/diamonds/one/6.png'); } #card-face-second.diamonds-7{ background-image: url('img/cards/diamonds/one/7.png'); } #card-face-second.diamonds-8{ background-image: url('img/cards/diamonds/one/8.png'); } #card-face-second.diamonds-9{ background-image: url('img/cards/diamonds/one/9.png'); } #card-face-second.diamonds-10{ background-image: url('img/cards/diamonds/one/10.png'); } #card-face-second.diamonds-jack{ background-image: url('img/cards/diamonds/one/jack.png'); } #card-face-second.diamonds-ace{ background-image: url('img/cards/diamonds/one/ace.png'); } #card-face-second.diamonds-king{ background-image: url('img/cards/diamonds/one/king.png'); } #card-face-second.diamonds-queen{ background-image: url('img/cards/diamonds/one/queen.png'); } #card-face-second.hearts-2{ background-image: url('img/cards/hearts/one/2.png'); } #card-face-second.hearts-3{ background-image: url('img/cards/hearts/one/3.png'); } #card-face-second.hearts-4{ background-image: url('img/cards/hearts/one/4.png'); } #card-face-second.hearts-5{ background-image: url('img/cards/hearts/one/5.png'); } #card-face-second.hearts-6{ background-image: url('img/cards/hearts/one/6.png'); } #card-face-second.hearts-7{ background-image: url('img/cards/hearts/one/7.png'); } #card-face-second.hearts-8{ background-image: url('img/cards/hearts/one/8.png'); } #card-face-second.hearts-9{ background-image: url('img/cards/hearts/one/9.png'); } #card-face-second.hearts-10{ background-image: url('img/cards/hearts/one/10.png'); } #card-face-second.hearts-jack{ background-image: url('img/cards/hearts/one/jack.png'); } #card-face-second.hearts-ace{ background-image: url('img/cards/hearts/one/ace.png'); } #card-face-second.hearts-king{ background-image: url('img/cards/hearts/one/king.png'); } #card-face-second.hearts-queen{ background-image: url('img/cards/hearts/one/queen.png'); } #card-face-second.spades-2{ background-image: url('img/cards/spades/one/2.png'); } #card-face-second.spades-3{ background-image: url('img/cards/spades/one/3.png'); } #card-face-second.spades-4{ background-image: url('img/cards/spades/one/4.png'); } #card-face-second.spades-5{ background-image: url('img/cards/spades/one/5.png'); } #card-face-second.spades-6{ background-image: url('img/cards/spades/one/6.png'); } #card-face-second.spades-7{ background-image: url('img/cards/spades/one/7.png'); } #card-face-second.spades-8{ background-image: url('img/cards/spades/one/8.png'); } #card-face-second.spades-9{ background-image: url('img/cards/spades/one/9.png'); } #card-face-second.spades-10{ background-image: url('img/cards/spades/one/10.png'); } #card-face-second.spades-jack{ background-image: url('img/cards/spades/one/jack.png'); } #card-face-second.spades-ace{ background-image: url('img/cards/spades/one/ace.png'); } #card-face-second.spades-king{ background-image: url('img/cards/spades/one/king.png'); } #card-face-second.spades-queen{ background-image: url('img/cards/spades/one/queen.png'); } /*eo card faces*/ .maps{ position: relative; z-index: 2; top: 30px; } .maps img{ opacity: 0; } .popup{ overflow: auto; } .popup-content-cards,.popup-content-cart{ padding: 20px; display: none; } .card-to-choose { padding:20px; } .card-to-choose img{ width: 100%; } .popup-content-cards .header{ width: 216px; height: 29px; margin: 10px auto; background: url('img/Choose-your-card.png'); } .popup-closer{ width: 15px; height: 12px; background: url('img/x.png'); right: 20px; top: 20px; position: absolute; filter: grayscale(100%); opacity: .5; cursor: pointer; transition: all .2s; } .popup-closer:hover{ filter: grayscale(0%); opacity: 1; } .popup .pick-suits { display: flex; justify-content: center; } .popup .pick-suits .pick-suit { font-size: 128px; background: transparent; border: 0; cursor: pointer; outline: none; transition: all .2s; margin: 0 20px; } .popup .pick-suits .pick-suit:hover{ text-shadow: 0 3px 20px rgba(0,0,0,.6); } .popup .pick-suits .pick-suit:active{ text-shadow: 0 1px 1px rgba(0,0,0,.2); } .popup .pick-suits .pick-suit.diamonds, .popup .pick-suits .pick-suit.hearts{ color: #eb0000; } .pick-suit-label{ width: 81px; height: 22px; margin-top: 38px; } .pick-page-one, .pick-page-two{ height: 446px; display: flex; align-items: center; background-image: url('img/Pick-suit.png'); background-repeat: no-repeat; justify-content: center; background-position: center 426px; } .pick-page-two{ display: none; background-image: url('img/Pick-face.png'); } .back-to-suits{ width: 138px; height: 21px; background: url('img/back-to-suits.png') no-repeat; margin-bottom: 20px; cursor: pointer; margin-top: 5px; } .siema_slide img { width: 150%; transition: all .2s; } .siema_slide:hover img{ box-shadow: 0 0 20px rgba(0,0,0,.2); } .siema{ width: 640px; margin: 0 auto; position: relative; padding: 20px; cursor: pointer !important; } .siema:before{ content: ""; // background-image: url(img/arr-left.png); width: 28px; height: 100%; background-size: 100% 100%; position: absolute; left: 0; top: 0; display: block; z-index: 34; } .siema:after{ content: ""; // background-image: url(img/arr-right.png); width: 19px; height: 100%; background-size: 100% 100%; position: absolute; right: 0; top: 0; display: block; z-index: 34; } .siema-prev{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAiCAYAAABFlhkzAAABAElEQVRIx73XMQsBYRzH8StEFum60SKDySaDxWy0W2wMRptXYPEOZLZ4B5IXIG9AWQwWRcrk8b2Sjp6Lu+e5//Cp4+r3q7vH8/w5nuc6JpRSWtyrYOjYLuC7FJpY4Wq1gM8F9LGHslrAdQ0zPF7hvotxAbLoYhcItlZQxtR/FJpw44I2NiHBRgVFjHH8ER6roIEl7n+ERyrIYxBYfspmQRVz3CKG/yzIoIPt19q2UlDCBOeYwaEFabSwNgzWFrgY4WQp/F2QQx0Li8EfBT0cEgiXK0j8ESX+ksWWqcgPTWyrENnsxLZrkQNH7MgUOfTFxhaRwSv50VFs+BUZ33V/QJ66Yqa9KRARcQAAAABJRU5ErkJggg==); width: 24px; height: 34px; position: absolute; left: 20px; top: 240px; cursor: pointer; } .siema-next{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAiCAYAAABFlhkzAAAA4ElEQVRIx9XXIQoCQRSH8QUVxSKybLSIwWQTg8VstFtsGow2T2DxBmK2eAMRDyBeQLAYLIIimBy/B/uqQfwHw68tfDA7O/M2SpJ4jBqib4QQPrKH7tigjYwqEHDEEKVfB25pwLywQEMVcAf0kVcFQrp0c1RVAbdDVxkwZ0xRVgXME2u0VAFn23mEoipgHliirgr4N7NHDzlFwF0xQ0UVcFt0kFUFzAUTxKqAW6GJgipgThj8bUC2RNKXLNumsg9NelRIDzvZcS29cKRXpuzSl44tssFLMjrKh1/5+C79AXkDPxOQW7lqwhgAAAAASUVORK5CYII=); width: 24px; height: 34px; position: absolute; right: 20px; top: 240px; cursor: pointer; } .popup_product .woocommerce-info, .popup_product #customer_details, .popup_product #order_review, .popup_product #order_review_heading, .popup_product .woocommerce-product-gallery{ display: none; } .single_add_to_cart_button{ background-image: url('img/popup-add-to-cart.png'); background-color: transparent; width: 200px; height: 53px; background-size: cover; font-size: 0px; border: 0; cursor: pointer; margin: 20px auto; display: block; overflow: hidden; text-indent: 1000px; } .pa_sex{ display: flex; align-items: center; margin-bottom: 20px; } .female{ width: 24px; height: 24px; display: block; cursor: pointer; background-repeat: no-repeat; border: 2px solid rgba(0,0,0,0); margin: 0 10px; border-radius: 50%; transition: all .2s; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM4NC45NzcsMjc2LjExNWMtMC4zMy0wLjkwMi0zMy4xNDktOTAuNjk0LTQ3LjYwMy0xMzIuNzQ5Yy05LjMyNS0yNy4xMzYtMjQuOTYyLTQwLjg5NS00Ni40NzQtNDAuODk1ICAgIGMtMjkuOTM0LDAtMzkuODk5LDAtNjkuOCwwYy0yMS41MTIsMC0zNy4xNDksMTMuNzU5LTQ2LjQ3NCw0MC44OTVjLTE0LjQ1Miw0Mi4wNTUtNDcuMjcyLDEzMS44NDgtNDcuNjAzLDEzMi43NDkgICAgYy0zLjgxMiwxMC40MjUsMS41NDksMjEuOTY4LDExLjk3NSwyNS43NzljMTAuNDI1LDMuODEyLDIxLjk2OC0xLjU1MSwyNS43NzktMTEuOTc1YzAuMjczLTAuNzQ4LDIyLjc3Ni02Mi4zMTQsMzguODI0LTEwNy42NDUgICAgYzEuNDM1LDQuNzEyLDQuMzcsOC43NTgsOC4yMzMsMTEuNjI3bDAuMDQ4LDI5LjQ1MWwtMzQuNTczLDg3LjE4Yy0xLjg4NSw0Ljc1NSwwLjg3NSwxMC4wNjcsNS44MzQsMTEuMjU5ICAgIGM1LjE2MSwxLjI0LDExLjk5NiwyLjkzLDE5LjQxLDQuNzgyVjQ4Ny44OGMwLDEzLjMyMSwxMC43OTksMjQuMTIsMjQuMTIsMjQuMTJjMTMuMzIxLDAsMjQuMTItMTAuNzk5LDI0LjEyLTI0LjEyVjMzNy45NzUgICAgYzMuNDY0LDAuMzA3LDYuOTQ4LDAuMzA1LDEwLjQxMy0wLjAwNlY0ODcuODhjMCwxMy4zMjEsMTAuNzk5LDI0LjEyLDI0LjEyLDI0LjEyYzEzLjMyMSwwLDI0LjEyLTEwLjc5OSwyNC4xMi0yNC4xMlYzMjYuNTUxICAgIGM3LjQwNy0xLjg1MiwxNC4yMzYtMy41MzgsMTkuMzk4LTQuNzc2YzQuOTI0LTEuMTgsNy43MzEtNi40OTIsNS44NC0xMS4yNjFsLTM0LjU2Ny04Ny4xNjNsMC4wNDgtMjkuNDUxICAgIGMzLjg2NC0yLjg2OCw2Ljc5Ny02LjkxNCw4LjIzMy0xMS42MjdjMTYuMDQ3LDQ1LjMzMSwzOC41NTEsMTA2Ljg5NywzOC44MjQsMTA3LjY0NWMzLjgxMiwxMC40MjYsMTUuMzU0LDE1Ljc4NywyNS43NzksMTEuOTc1ICAgIEMzODMuNDI4LDI5OC4wODMsMzg4Ljc4OSwyODYuNTQsMzg0Ljk3NywyNzYuMTE1eiIgZmlsbD0iIzJmMmYyZCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPGNpcmNsZSBjeD0iMjU2IiBjeT0iNDMuODk4IiByPSI0My44OTgiIGZpbGw9IiMyZjJmMmQiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); } .male{ width: 24px; height: 24px; display: block; cursor: pointer; margin: 0 10px; border-radius: 50%; background-repeat: no-repeat; border: 2px solid rgba(0,0,0,0); transition: all .2s; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzLjM1NSA1My4zNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUzLjM1NSA1My4zNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSIyNi42NzciIGN5PSI0LjM4MyIgcj0iNC4zODMiIGZpbGw9IiMyZjJmMmQiLz4KCQk8cGF0aCBkPSJNNDAuMjAxLDI4LjA5NmMtMS4yMzYtMTMuODg3LTcuODU0LTE2LjY1Ny03Ljg1NC0xNi42NTdzLTYuMzk2LTMuODQ1LTEzLjEyOSwxLjA1MiAgICBjLTQuMzY1LDMuOTczLTUuMzczLDEwLjAzOC02LjA2MywxNS44OTZjLTAuMzQ5LDIuOTc3LDQuMzA3LDIuOTQxLDQuNjUzLDBjMC40MTItMy40OTYsMS03LjAwOCwyLjczNS05Ljk5OWwtMC4wMDgsMy4zNzUgICAgbC0wLjAzMiwxNi4yMTl2MTIuODY3YzAsMS4zODMsMS4wMTQsMi41MDYsMi40MzgsMi41MDZjMS40MjMsMCwyLjU3OC0xLjEyMywyLjU3OC0yLjUwNlYzMi40NTdoMi4yNzhjMCw0LjMwOSwwLDE0LjE0NCwwLDE4LjQ1MSAgICBjMCwzLDQuNjUyLDMsNC42NTIsMGMwLTQuMzA5LDAtOC42MTksMC0xMi45MjdsMC4xOTctMTYuMjUxYzAuMDAyLTEuNTUxLDAuMDA0LTIuOTM3LDAuMDA0LTMuOTAxICAgIGMxLjg1OSwzLjA0NiwyLjQ3Myw2LjY2NCwyLjg5NiwxMC4yNjVDMzUuODk1LDMxLjAzNyw0MC41NSwzMS4wNzMsNDAuMjAxLDI4LjA5NnoiIGZpbGw9IiMyZjJmMmQiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); } .male.active,.female.active,.size.active{ border-bottom: 2px solid rgba(255, 51, 51, 1.0); } .male:hover, .female:hover{ border-bottom: 2px solid rgba(255, 51, 51, .5); } .size:hover{ border-bottom: 2px solid rgba(255, 51, 51, .5); } .quantity,.wc-south.opc-complete-order{ display: none !important; } #opc-messages .woocommerce-error{ position: absolute; width: 310px; height: 50px; background-color: #b81c23; color: #fff; font-family: sans-serif; font-size: 14px; } .woocommerce-message{ opacity: 0 !important; position: absolute; left: -100000; font-family: sans-serif; } #opc-messages .woocommerce-message{ position: absolute; width: 310px; height: 50px; font-size: 14px; left: 20px; font-family: sans-serif; opacity: 1 !important; background: #8fae1b; color: #fff; } .woocommerce-error:before,.woocommerce-message:before{ color: #fff !important; } .woocommerce-message span{ text-decoration: underline; cursor: pointer; } .variations{ display: none !important; } .sku_wrapper{ display: none; } .size{ margin: 0 10px; border: 2px solid rgba(0,0,0,0); background-repeat: no-repeat; /*border-radius: 50%;*/ transition: all .2s; } .size.xs{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAMAAADNyMQcAAAAM1BMVEUvLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy3tGFj+AAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAAOJJREFUGBltwQFCxCAMRcGXhgWaAvn3P63b6mpXneEfGy/94lh/ctilrHzyMSVtkFKByEJPXvYhbRSpwpYDWvJiMXV4KoAyloHxzSO1NHnyQ8GbekhpnI7UMO6WNLl4pObGjy6lOpe6p9J5qVIPybl4TKXzyaWgDS3jYrGUzslTB7AvBZRWgDaUBtjUMuCRUp9Hj+kQSx3KlJYBh56Wg6dRhpI3e3AaBQ6pcJfOaRToUuNOQBt9Al1q3MnAejPYhuTczcqXPrV480jjUodUeBdZN7bHkFT5raUuq/CX1RgjKqcPdWsK97uVu2oAAAAASUVORK5CYII=); width: 27px; height: 23px; } .size.s{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAMAAAD+dOxOAAAAM1BMVEUvLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy3tGFj+AAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAAJFJREFUGBkFwYGBhCAQBLAg6gksz/Rf7SeAr/5mA8A877MnAM/5WAXAk8HVAfjtdADQV84DAL5KXgBocyUTAIyVTADwVDIBdPRxMkCrXX8f90outP3DHIydifVBC33ncKWBoJLLXfieX6GS2114azbuSrjSAMZfFmoA3ko6rjMarnmSF/SdXSfJeQDedZL9NfgH1noGNXsMNQwAAAAASUVORK5CYII=); width: 16px; height: 22px; } .size.m{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAt0lEQVQ4y42SYQ3FIAyEKwEJGFh4EiZhEpCAAyRMAhKehEmYBCQgYYOkTW5Nl/HjwtY2X3ptKYRl77qUji4C+a72VjcKHP9gMirIUDEgTiAEkMpvUQAHkBMgZEHkbQoyOvtzbv+CJCjYAJKhw/wFifAtljzEfjMQZ1hKPIdTdfUKIcNSCc+NTUHQUuUOmqxzFmLdDa58CqItyUAlZ644wklHsFSh2EMczz8JJHGLIuKBYmxlUDbkb3LF69HAV8e7AAAAAElFTkSuQmCC); width: 17px; height: 13px; } .size.l{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAARElEQVQoz2PQ19etR8MJQMyAjEGEAxDfB+L/QPweiBWwKQLh/VBF+9EVjCrCqug8NHCRcQIDNITPQxVhw2BF+BSAsAEArZpsJ2OdK8wAAAAASUVORK5CYII=); width: 9px; height: 13px; } .size.xl{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAANCAYAAABcrsXuAAAA1klEQVQ4y62UYQ3EIAyFkYCEGbgMCZOAhJMwB0g4CUiYBCQgYRKQwNGkJO96ZT82fnxZ1lIeLS+YdX2ZRmgkhcB5Ioqc5/gm4kdjgTpj4IeKcuNsVGaD/DGIEzvkdpH7ESGc2CxAfLgJi44O8CfSTxW5oHBR4f+orL8lQnx4vhWgUdqZIha66R0tg7W3ReRFq8VPRdAtJ3ynjestnBRAaMrFO8VJlkfX4/6JyAIbJaW7DCZwFyKRu+8kdFOGhVZxWxF2duLJqQNy70C+S07pRHvbPJMuCF/lcSondaAjmwAAAABJRU5ErkJggg==); width: 25px; height: 13px; } .size.xxl{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAANCAMAAAADg7fkAAAAM1BMVEUvLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy3tGFj+AAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAANFJREFUKJFtkUGShCAQBBNFaREk///aPaBuxMz0hWjIoiia7VLtcOgIiKF6QNdrY+lqBoB0NA0I3QCWs2uG5liArXnwVO1erMO4peewst9X5fbsA6kOj+H59LlqaOGLJFe1p7cvp1r5QVKu99nATJd+klX/zSF1H/MPctc2ZvJbOO7kH+Smkd8jODSXbv8i12GFaLbXYYd6TeImU4I07EBqzi/Oc819TiI3r9Zaz6Q5EZZLPRLr0FvgKHAOVYWIiA1IERFRloiIFVgjImJbYlbhD06CDHjCNuhfAAAAAElFTkSuQmCC); width: 41px; height: 13px; } .pa_size{ display: flex; cursor: pointer; align-items: center; margin-bottom: 20px; } .popup_product{ padding: 20px; } .popup_product h1{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALEAAAATCAMAAADoIxwSAAAAM1BMVEURERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERHmQJWdAAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAA0VJREFUSMd1l9uixBAMRbdWW5Jg///XngcUHSdvkxIrVwYAgGBVFADg2y8J4QT+U71SbJLsAQDHI2byHNjJFcwsXgDuCwCOvvkCAGj/2fbP5i2FasMlkiSf+jNmdsnB/adqcibO8gA43tXyy3xr+5bOq9TzYzVROkx5rYkDbLGvzYyQiaRve+ZF+fxH9YZ/sRiAy4aq3Cuvk1jW1QAeZS6ktTVxsihf4rboEFJJdvNGEjguU5Ll+EdVJYj3/ookg/f+FlyaKumdZpsNWEnmC+6ZiKOSSuZu0Ujx/jErpPfJe+9jJtV7fzXiW5jVSFmIAUjsbm1UrSrqKT1D/lAjywkApxnJOSEWSSYHAPdEXChK8hjEocWe6o5F18ogKiVMXr54MGkoG9UsL3GFav0RPt7dUsjixpbQM3xM6XjpMJCGDt3J209eDjyvpYZ+o9oSn5YGlEu6BNlkLpMOcQszphS/dC7+R3wIeWDycuAhSW3ijWpLvIbVAueTpAwrgAvB9wwjbOL56DsbPsS3MmP2csILsYZ+o9oSa5wZwz0NJPhPkQw/bkwpbp3nJZXWED/EohQg6Bu6Gc8qy0a1JV6jGsLM6MOO+FDyAPS9D8JmOH6JC6P3z2jsb0D9VrUnfn5iPIifHfGtLN57Sz0bg1jfFliJD12vrAUvKkm3Ve3rOMx1oGsdx/LbAZBxfBlVcUmae3YlvvV7CX7aLO9VW+JL8vQ1R5LXOive7Fy102W6BM9B54XMbk8symxmlnL38jPK4l61n8c5jJlza16ce5ZCFvKsGa6PqNJS3OiCTEP0Q1zqCec7PF88995FG9We2FvqwXFJlhDDpcgXw1dn6qACINZS3Omijc0LcevV6nT1suH5mLXX4Ua1J0aUQqYDOEz5uWtOtfYic0+pPHVQtelb6vOyHnDIdEHOxLf0fGvz8lyeS4K9aiGJ462KqJmkGfPv0tOU9WP/FktD8T3F2VrVBXubWNPoZ6e5d77kukenXmhP2I1qFiWnPrmsr87Xd6WTtDw1746HS2vn3+yvw5D6qmf0ZXvMh1ZYJMsZX7akT3vQ/6pmaZ+TG+Mnk1lvbOSIRtLqH4yK53rdkXI1WweQ2ssfTVdOAH+271apDD9HZwAAAABJRU5ErkJggg==); width: 177px; height: 19px; font-size: 0px; margin: 20px auto; overflow: hidden; text-indent: 1000px; } .popup_product .pa_sex:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAALCAMAAADydNURAAAAM1BMVEUvLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy3tGFj+AAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAAQlJREFUKFNVkcGOhTAMA6etW0IJ1P//tXsAxNvbyNFItgJAVYVKlSSJIjVoUi2S1ADKfStfArRpO7eDsmzbjcOubGs1DtteAaRte3uSAdAOnxrLCelN6o2wJ2RCeCrSx01SJzy1X67A7qtAv00BEF6ujxnQT7ebeJJpQU0PgD4gPWPcV8/PZHonnBGPWQ43UFrQJNV7CxBWun5mdxK2LQhfea0JtHQHpVf9acvu+Zmb86dtTu8ATCeg/zvR5fM1S3r73VmPVQF0elL2z2yEIe3HrHOt8piNw4GuBKCftr3y/WeQrozL5/vFq72UZfmA6+lbRmy1JyMiIqIqYsBDEdGBm0IjImqJCP0BE00QszNniBgAAAAASUVORK5CYII=); width: 57px; content: ""; display: block; height: 11px; } .pa_size{ /*margin-top: 100px;*/ justify-content: center; flex-wrap: wrap; } .pa_size:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAATCAMAAABfsiZwAAAAM1BMVEUvLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy0vLy3tGFj+AAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAANhJREFUGBl1wVFyxCAMRMEHCCyDDHP/0wbb+UjVbrq5laFZ+VdZnWOBmeViL+yR2VxGHeBa6dQL122wdZ3cTIFXM790YrrMrLG1UGMzBQnomglT8CuNpQ6Ygu24VME03TOPElORMAWQQwMwbc4rnVNXMgVwrpUBU/CHh2ZVQL10sJmCl7k3aJemgjQUgGMKoEAbVryDT2kln7pNXA9qsHWjXLq8NX8c2R+NKGzeIBR8EjBqZBgKPglonqGEBp9G43UuGZ/KKmypT3W+aWu4D0md73JfkobxzQ9wbgrvbwJBpQAAAABJRU5ErkJggg==); width: 67px; background-repeat: no-repeat; height: 19px; display: block; content: ""; background-position: center; margin-bottom: 20px; flex-basis: 100%; } .popup_product .price{ font-size: 24px; font-family: sans-serif; font-weight: bold; font-style: italic; text-align: center; } #customer_details { } #checkout-block .wcopc{ display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; font-family: sans-serif; } #checkout-block .wcopc .col-2{ display: none; } dl.variation{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } dl.variation dd, dl.variation dt, dl.variation p{ margin: 0; } #order_review_heading{ display: none; } #customer_details, #order_review{ width: 48%; } #payment{ width: 100%; background: transparent !important; text-align: center; position: absolute; box-sizing: border-box; left: 0; bottom: 20px; } div.variation div{ font-size: 10px; font-style: italic; display: inline; } .woocommerce-billing-fields__field-wrapper input{ width: 100%; height: 24px; border: 1px solid #000; background: transparent; padding: 5px; } .wc_payment_methods.payment_methods.methods{ display: none !important; } #place_order{ background-image: url(img/checkout.png); width: 150px; height: 40px; margin: 0 auto; font-size: 0; border: 0; background-color: transparent; cursor: pointer; overflow: hidden; text-indent: 1000px; } #checkout-block:before{ content: ""; display: block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAAaCAMAAACAcU4KAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMAECAwQFBgcH+Pn6+/z9/vBVGEbAAAAxFJREFUSMfNV8uyZCkITBUVFTX//2t7gefRdXs1MRF12ZwK5JFighZwRCTiN0leJPU3AeKMQZm+hyBcP85JGQVQCirJgeuDUG1t0wBAFklyKlA3SdIyMEhWFJIGyCY7gFBsbysYr4TFNqer0iZJgac5gTw6yea4jBkIBUAjw/1JY3FNcmcA+bh0oJ2fBcE4AainKHMByLa5J7n5nIFtD0QAaFz0tSfQvBCZ78C4TtnUbZUEwtisgAwyAUIKUt9MvpoHN2C0g8gAMQOykeqVeACR6jX0bIOMd5rcuKMAmcxAdZe2OdMPRGocAFCN6yBCNOoxKka5EU1SHNHYXvn8IPpblW3qZnmy5UnBleBIaeSWT0TjMjEyHQeZrMdIJ9ONaEwaxAzJ/NwBvRB9qMpuebI/2XQyfSJCaySL26iqGgkZ1y6VVAhZpYy9I5QUqcb5nFoepIgZdBwqPPKhasxhcp3AIsW5+IEI2r1R9GIYIfaJiCR3uo1meBBJHTQxg7omqqqqt/JRXW1nDOhOpFegH4iQ+yS7oxbpJOLFPzSyQMiumnEXMvmBHkRhkN0Mefj2Y79H7qUCogRku/oLULINr9BPRIjDyP7mUT/8i4MMbwd9SHsjghpphmDH7rEPNyE7I8q+pwiURDbWn4gkAQh1kPOFKBt3ADAmG5Afh/YvRGH4CNAzSt47OKq0F9CYfd5cgeryy0LeCWwuBdAn+UIEHVwl2+T0AXs5jE9EjQIvEhD64i7S9mMf+uIq0jYzol0jOAKdBEL/ZHa3CMTZ/XjuWVYBlHVP9rS80ADKdhbAL5QE2exA6PRSuNe293hxVQF0Mfqm+hWokT0gLL+5AHWmR0agTVI1QlVVvQGqSgCA8uodVXXSBlXViupLoqoOQqoK4n4RNYivRbeJqqrpBPIgWa9u2dl9pvi4//+eSSH8JzfZAJAQGAGxzw78ghQDIOyr+1X1fUSynCUZp9m+/nyML+Iku/vpm2L3nRPG4v4F7/+4RzwzY5P5+4CAtGi92eZ5vv4CCXre3f0X/WVLWfPX297lD/WQNVOUnhGRAAAAAElFTkSuQmCC); width: 145px; margin: 0 auto; margin-bottom: 20px; height: 26px; } th div.product-quantity{ display: none !important; } .shop_table.woocommerce-checkout-review-order-table th{ text-align: left; } .cart-subtotal{ display: none !important; } .order-total th, .order-total td{ padding-top: 20px; margin-top: 20px; border-top: 1px solid #000; } .woocommerce-billing-fields h3{ margin-top: 0; } .woocommerce-billing-fields h3, .shop_table.woocommerce-checkout-review-order-table th, .order-total th, .order-total td{ font-style: italic; } .product-remove{ font-size: 0; position: absolute; left: 7px; top: 5px; } .product-remove a{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAfElEQVQoz2M4Ky7OAMQOQDwfiPdDsQNUvB/KB9ECDFBBEDaASvyHKhYA4vtAfB7KZkBWDMIJSApAGt9DDWHAphhm9X8oNkCWI6Q4AJ/iBKiifqhzQM5QwKbYAKpwPhb3oyg2gJpyH0mzAFQMbgBMsACI66E0TLECVAyGEwDlHoLddMKgNAAAAABJRU5ErkJggg==); width: 11px; height: 9px; text-decoration: none; overflow: hidden; text-indent: 1000px; display: block; } .product-name{ position: relative; } body.ordinary-page, body.thank-you-page{ background-image: url('img/border-2.jpg'); } body.ordinary-page main, body.thank-you-page main{ background: transparent; top: 0; padding-top: 60px; margin-bottom: 0; height: auto; min-height: 1400px; } body.ordinary-page, body.thank-you-page{ background-image: url('img/border-2.jpg'); font-family: sans-serif; } body.ordinary-page main h1, body.ordinary-page main img, body.thank-you-page main h1, body.thank-you-page main img{ text-align: center; font-style: italic; margin:50px auto; display: block; } body.ordinary-page #cart-button, body.thank-you-page #cart-button{ display: none; } body.ordinary-page footer, body.thank-you-page footer{ margin-top: 0; } body.ordinary-page p, body.thank-you-page p{ max-width: 800px; margin: 10px auto; } .payment_box p{ display: none; } #wc-stripe-cc-form{ width: 90%; border: 0; display: none; border-radius: 15px; background: rgba(0,0,0,0.1) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.4), 0 2px 3px rgba(0,0,0,0.4); padding: 20px; margin-top: 20px; } #customer_details .place-order{ text-align: center; margin-top: 40px; } #order_review .place-order{ display: none !important; } #wc-stripe-cc-form .form-row-first, #wc-stripe-cc-form .form-row-last{ width: 50%; margin-top: 10px; float: left; } div#payment1:before { content: "Payment method"; font-weight: bold; font-style: italic; margin-top: 20px; display: block; margin-bottom: 10px; } .wc_payment_method { margin-bottom: 10px; } #stripe-payment-data{ margin-top: 10px; } .wc_payment_method img, .wc_payment_method a{ display: none; } .thank-you-product-image{ position: relative; padding-right: 400px; } .thank-you-product-image img{ width: 400px; position: relative; z-index: 3; transform: rotate(-10deg); left: -4px; } .thank-you-product-image:before, .thank-you-product-image:after{ content: ""; width: 300px; height: 300px; left: 270px; top: 100px; background: red; border-radius: 50%; display: block; position: absolute; z-index: 1; } .thank-you-product-image:after{ -webkit-animation: pulsate 2s infinite; /* Safari 4+ */ -moz-animation: pulsate 2s infinite; /* Fx 5+ */ -o-animation: pulsate 2s infinite; /* Opera 12+ */ animation: pulsate 2s infinite; /* IE 10+, Fx 29+ */ } @-webkit-keyframes pulsate { 0% { opacity: .6; top: 100px; left: 270px; width: 300px; height: 300px;} 100% { opacity: 0; top: 0; left: 170px; width: 500px; height: 500px;} } @-moz-keyframes pulsate { 0% { opacity: .6; top: 100px; left: 270px; width: 300px; height: 300px;} 100% { opacity: 0; top: 0; left: 170px; width: 500px; height: 500px;} } @-o-keyframes pulsate { 0% { opacity: .6; top: 100px; left: 270px; width: 300px; height: 300px;} 100% { opacity: 0; top: 0; left: 170px; width: 500px; height: 500px;} } @keyframes pulsate { 0% { opacity: .6; top: 100px; left: 270px; width: 300px; height: 300px;} 100% { opacity: 0; top: 0; left: 170px; width: 500px; height: 500px;} } .share-buttons{ position: absolute; right: 400px; top: 200px; } .share-buttons .btn{ display: inline-block; margin: 10px; border: 0; padding: 5px 10px; border-radius: 2px; cursor: pointer; color: #fff; text-decoration: none; } .share-buttons .btn.twitter{ background: #1da1f2; } .share-buttons .btn.facebook{ background: #3b5998; } body.thank-you-page main{ min-height: 1363px; } body.thank-you-page footer p{ margin: 0 auto; } .wp-social-login-connect-with{ display: none; } .wp-social-login-widget{ margin-top: -50px; } .wc_loading{ background: rgba(255,255,255,.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } map area{ outline: 2px dotted #ff0000; } .cards-list{ display: block; } .cards-list .suit{ display: flex; } .cards-list .suit .card{ height: 115px ; width: 19%; overflow: hidden; background-size: auto 100%; background-repeat: no-repeat; cursor: pointer; z-index: 5; position: relative; box-sizing: border-box; border-radius: 3px; border: 1px solid #ccc; margin-right: -10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .cards-list .suit .card:hover{ z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,.2); } .cards-list .suit .card img{ height: auto; } .cards-list .suit .card.active{ border: 1px solid rgba(255,51,51,1); } .tshirt-small{ width: 100px; height: 100px; border-radius: 50%; cursor: pointer; background-color: #fff; /*border: 2px solid #000;*/ transition: all .1s; box-sizing: border-box; border: 2px solid rgba(255, 51, 51, 0);; background-size: 90%; background-position:center; background-repeat: no-repeat; box-shadow: 0 2px 5px rgba(0,0,0,.2), 0 6px 10px rgba(0,0,0,.1); } .tshirt-small:after{ display: block; text-align: center; font-family: sans-serif; font-style: italic; font-weight: bold; white-space: nowrap; font-size: 12px; margin-top: 110px; opacity: .4; } .tshirt-small:hover{ box-shadow: 0 2px 25px rgba(0,0,0,.4),0 2px 55px rgba(0,0,0,.2); } .tshirt-small.one{ background-image: url('img/sm-black.png'); } .tshirt-small.one:after{ content: "Black, Round neck" } .tshirt-small.two{ background-image: url('img/sm-charcoal-vneck.png'); } .tshirt-small.two:after{ content: "Charcoal, V-neck" } .tshirt-small.three{ background-image: url('img/sm-tshirt-grey-vneck.png'); } .tshirt-small.three:after{ content: "Grey, V-neck" } .tshirt-small.four{ background-image: url('img/sm-tshirt-grey.png'); } .tshirt-small.four:after{ content: "Grey, Round neck" } .tshirt-list .tshirts{ display: flex; justify-content: space-between; width: 80%; margin: 0 auto; } .sizes{ padding-top: 40px; border-top: 1px solid; margin: 100px; margin-bottom: 40px; } .tshirt-small.active{ border: 2px solid rgba(255, 51, 51, 1.0); } .popup-content-tshirt{ display: none; } #left-red-arrow { background: rgba(0, 0, 0, 0) url("img/left-red-arrow.png") no-repeat scroll 216px 41px; height: 230px; left: 132px; position: absolute; top: 398px; width: 490px; z-index: 28; } #left-arrow, #right-arrow{ z-index: 28; cursor: pointer; } /*anis css*/ h2,p { font-family: 'FestivalBudayaXXXI'; } .heading-text-top h2 { font-family: 'FestivalBudayaXXXI'; font-size: 46px; margin: 100px 0 20px; text-align: center; } .heading-text-top h2 strong { font-size: 83px; position: relative; top: 13px; } #left-red-arrow h2,#right-red-arrow h2 { font-size: 20px; font-family: 'FestivalBudayaXXXI'; margin:0; } #right-red-arrow { text-align:right; } #wear-your-shirt{ left: 0; outline: medium none; position: absolute; top: 1125px; width: 100%; z-index: 3; } #wear-your-shirt > h2 { font-size: 38px; text-align: center; } #wear-your-shirt > h2 strong { color: #cd1717; } .woocommerce-billing-fields__field-wrapper input { background: transparent none repeat scroll 0 0; border: 1px solid #000; height: 31px; padding: 3px 0 0 5px; width: 100%; } @font-face { font-family: 'FestivalBudayaXXXI'; src: url('fonts/FestivalBudayaXXXI.eot'); src: url('fonts/FestivalBudayaXXXI.eot') format('embedded-opentype'), url('fonts/FestivalBudayaXXXI.woff2') format('woff2'), url('fonts/FestivalBudayaXXXI.woff') format('woff'), url('fonts/FestivalBudayaXXXI.ttf') format('truetype'), url('fonts/FestivalBudayaXXXI.svg#FestivalBudayaXXXI') format('svg'); }