.ngpluginparashopput .ngpluginparashopputimage>a>img { display: block; width: 100%; height: auto; margin: 0 0 10px 0; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage { display: flex; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul { display: block; margin: 0; padding: 0; width: 58px; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul>li { list-style: none; display: block; margin: 0; padding: 0 10px 10px 0; width: 48px; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul>li>a>img { display: block; width: 48px; height: auto; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul>li>a.ngpluginparashopputimageactive>img { box-shadow: 0 0 5px #000000; } .ngpluginparashopput table { margin: 0 0 1em 0; padding: 0; width: 100%; box-sizing: border-box; } .ngpluginparashopput td { width: 50%; } .ngpluginparashopput td:first-child { padding: 0 5px 5px 0; vertical-align: top; } .ngpluginparashopput td:last-child { padding: 0 0 5px 5px; vertical-align: top; } .ngpluginparashopput td img { width: 100%; height: auto; display: block; } .ngpluginparashopput svg { width: 1.1em; height: 1.1em; display: inline-block; vertical-align: -0.18em; } .ngpluginparashopput1cols>div { width: 100%; margin: 0 0 30px 0; } .ngpluginparashopput2cols>div { width: 45%; float: left; } .ngpluginparashopput2cols>div:first-child { margin-right: 5%; } .ngpluginparashopput2cols>div:last-child { margin-left: 5%; } .ngpluginparashopput3cols>div { width: 30%; float: left; } .ngpluginparashopput3cols>div:first-child { margin-right: 5%; } .ngpluginparashopput3cols>div:last-child { margin-left: 5%; } .ngpluginparashopput2cols::after, .ngpluginparashopput3cols::after{ content: ""; display: table; clear: both; } .ngpluginparashopput2cols>div.ngpluginparashopputstretchbuy { clear: both; display: block; float: none; width: 100%; margin-left: 0; padding-top: 20px; } .ngpluginparashopput h3 { margin: 0 0 1em 0; text-align: left; } .ngpluginparashopput p { margin: 0 0 1em 0; text-align: left; } .ngpluginparashopput p.ngpluginparashopputonmemoblock { margin-top: 1em; } .ngpluginparashopput .ngpluginparashopputimagezoomparent { position: relative; } .ngpluginparashopput .ngpluginparashopputimagezoom { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 100; } .ngpluginparashopput .ngpluginparashopputimagezoom img { position: absolute; } .ngpluginparashopput .ngpluginparashopputprice { font-size: 200%; text-align: left; margin: 0 0 0.2em 0; } .ngpluginparashopput .ngpluginparashopputprice b { font-weight:bold; font-style:normal; } .ngpluginparashopput .ngpluginparashopputsaleprice b { font-weight:bold; font-style:normal; } .ngpluginparashopput s { font-size: 65%; font-weight:normal; font-style:normal; } .ngpluginparashopput .ngpluginparashopputinfo { font-size: 90%; margin: 0 0 1.5em 0; } .ngpluginparashopput ul { margin: 0 0 1.5em 0; padding: 0 0 0 2em; list-style-type: square; } .ngpluginparashopput ul li { margin: 0 0 0.3em 0; padding: 0; } .ngpluginparashopput .ngpluginparashopputwithunit { display: flex; align-items: center; } .ngpluginparashopput .ngpluginparashopputwithunit span { margin-left: 10px; } .ngpluginparashopput form.ngshopputform { margin-top: 40px; text-align: left; } .ngpluginparashopput form.ngshopputform p { text-align: left; } .ngpluginparashopput form input[type=text], .ngpluginparashopput form textarea, .ngpluginparashopput form input[type=number], .ngpluginparashopput form select { border-color: #dbdee6; border-width: 1px; border-style: solid; padding: 7px; background: #ffffff; font: 15px 'PT Sans',Tahoma,Helvetica,sans-serif; color: #5a5a5a; letter-spacing: 0px; border-radius: 0px; box-sizing: border-box; -webkit-appearance: none; display: block; width: 100%; } .ngpluginparashopput form textarea { min-height: 120px; } .ngpluginparashopput form input[type=checkbox], .ngpluginparashopput form input[type=radio] { margin:0 6px 0 0; padding: 0; vertical-align: middle; } .ngpluginparashopput form span { vertical-align: middle; } .ngpluginparashopput form input.ngshopputquantity, .ngpluginparashopput form select.ngshopputquantity { width: 70px; display: inline-block; height: 40px; line-height: 18px; margin: 0 10px 0 0; vertical-align: middle; } .ngpluginparashopput form select, .ngpluginparashopput form select:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2216%22%20viewBox%3D%220%200%2025.00%2016.00%22%20enable-background%3D%22new%200%200%2025.00%2016.00%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%235a5a5a%22%20d%3D%22M%206.36396%2C12.7782L%204.94975%2C11.364L%200%2C6.41422L%201.41421%2C5L%206.36396%2C9.94975L%2011.3137%2C5L%2012.7279%2C6.41421L%207.77817%2C11.364L%206.36396%2C12.7782%20Z%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 30px; box-sizing: border-box; } .ngpluginparashopput form.ngpluginparashopputvariants select { display: block; width: 100%; margin-bottom: 1em; } .ngpluginparashopput form.ngpluginparashopputvariants label { display: block; width: 100%; padding: 0 0 6px 0; margin: 0; box-sizing: border-box; } .ngpluginparashopput form select::-ms-expand { display: none; } .ngpluginparashopput input[type=file] { font: 16px 'PT Sans',Tahoma,Helvetica,sans-serif; color: #5a5a5a; width: 100%; letter-spacing: 0px; } .ngpluginparashopput form button, .ngpluginparashopput input[type=file]::file-selector-button { border-color: #dbdee6; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #f1f3f7; font: 15px 'PT Sans',Tahoma,Helvetica,sans-serif; color: #506782; letter-spacing: 0px; line-height: 18px; text-transform: uppercase; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); border-radius: 0px; display: inline-block; cursor: pointer; outline: none; -webkit-appearance: none; box-sizing: border-box; height: 40px; margin: 0; vertical-align: middle; } .ngpluginparashopput form button:hover, .ngpluginparashopput input[type=file]::file-selector-button:hover { border-color: #506782; background: #506782; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopput input[type=file]::file-selector-button { margin-right: 20px; } .ngpluginparashopput .ngshopputimagebutton { text-align: center; padding-top: 10px; padding-bottom: 10px; } .ngpluginparashopput .ngshopputimagebutton svg { display: inline-block; width: 20px; height: 20px; } .ngpluginparashopput form button:disabled { opacity: 0.8; } .ngpluginparashopputshare>ul { list-style: none; margin: 10px 0; padding: 0; float: right; } .ngpluginparashopputshare::after, .ngpluginparashopputshare>ul::after { content: ''; display: table; clear: both; } .ngpluginparashopputshare>ul>li { margin: 0; padding: 0 0 0 4px; float: left; } .ngpluginparashopputshare>ul>li>a { color: #5a5a5a; } .ngpluginparashopputshare>ul>li>a>svg { width: 20px; height: 20px; } ul.ngshopputconfig { display: block; margin: 0 0 30px 0; padding: 0; list-style: none; } ul.ngshopputconfig>li { display: block; list-style: none; margin: 0 0 15px 0; padding: 0; } ul.ngshopputconfig>li>label { display: block; width: 100%; margin: 5px 0; } .ngpluginparashopputwait { display: none; position: fixed; top: 0; left:0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 900; cursor: progress; } .sqrshopwait .ngpluginparashopputwait { display: block; } .ngpluginparashopputwait::after { content: " "; position: absolute; width: 64px; height: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJmdWxsIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NC4wMCA2NC4wMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQuMDAgNjQuMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNBQUFBQUEiIGQ9Ik0gMzIsMS4xNDQ0MWUtMDA1QyA0OS42NzMxLDEuMTQ0NDFlLTAwNSA2NCwxNC4zMjY5IDY0LDMyQyA2NCw0OS42NzMxIDQ5LjY3MzEsNjQgMzIsNjRDIDE0LjMyNjksNjQgNy42MjkzOWUtMDA2LDQ5LjY3MzEgNy42MjkzOWUtMDA2LDMyQyA3LjYyOTM5ZS0wMDYsMTQuMzI2OSAxNC4zMjY5LDEuMTQ0NDFlLTAwNSAzMiwxLjE0NDQxZS0wMDUgWiBNIDMyLDQuMDAwMDJDIDE2LjUzNiw0LjAwMDAyIDQuMDAwMDEsMTYuNTM2IDQuMDAwMDEsMzJDIDQuMDAwMDEsNDcuNDY0IDE2LjUzNiw2MCAzMiw2MEMgNDcuNDY0LDYwIDYwLDQ3LjQ2NCA2MCwzMkMgNjAsMTYuNTM2IDQ3LjQ2NCw0LjAwMDAyIDMyLDQuMDAwMDIgWiAiLz48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNIDY0LDMyQyA2NCw0OS42NzMxIDQ5LjY3MzEsNjQgMzIsNjRMIDMyLDYwQyA0Ny40NjQsNjAgNjAsNDcuNDY0IDYwLDMyTCA2NCwzMiBaICIvPjwvc3ZnPg=='); animation: ngpluginparashopputwait 1s linear infinite; } @keyframes ngpluginparashopputwait { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 1023px) { .ngpluginparashopput3cols>div, .ngpluginparashopput2cols>div, .ngpluginparashopput3cols>div:first-child, .ngpluginparashopput2cols>div:first-child, .ngpluginparashopput3cols>div:last-child, .ngpluginparashopput2cols>div:last-child { float: none; width: 100%; margin: 0 0 30px 0; } }