.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; } .ngpluginparashopput p { margin: 0 0 1em 0; } .ngpluginparashopput p.ngpluginparashopputonmemoblock { margin-top: 1em; } .ngpluginparashopput s { font-size: 65%; } .ngpluginparashopput .ngpluginparashopputprice { font-size: 200%; margin: 0 0 0.2em 0; } .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; } .ngpluginparashopput form input[type=text], .ngpluginparashopput form textarea, .ngpluginparashopput form input[type=number], .ngpluginparashopput form select { border-color: #e3e6db; border-width: 1px; border-style: solid; padding: 7px; background: #ffffff; font: 15px Vollkorn,Times,'Times New Roman',serif; color: #5a5a5a; letter-spacing: 0px; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); border-radius: 0px; box-sizing: border-box; -webkit-appearance: none; display: block; width: 100%; } .ngpluginparashopput form input[type=text]:focus, .ngpluginparashopput form textarea:focus, .ngpluginparashopput form input[type=number]:focus, .ngpluginparashopput form select:focus { border-color: #e3e6db; background: #ffffff; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); } .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 form button { border-color: #e3e6db; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #f5f7f1; font: 15px Vollkorn,Times,'Times New Roman',serif; color: #7a8250; 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 { border-color: #7a8250; background: #7a8250; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .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: #636848; } .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; } @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; } }