body {
font-size: 16px;
font-weight: 400;
line-height: 31px;
color: #3a3a3a;
background-color: #fff;
overflow-x: hidden;
word-wrap: break-word;
word-break: normal;
margin: 0;
font-family: 'Roboto', sans-serif;
}
a, a:active, a:focus, a:active {
color: #222222;
text-decoration:none !important
}
input{
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a:hover,
a:focus,
input:focus,
input:hover,
select:focus,
select:hover,
select:active,
textarea:focus,
textarea:hover,
button:focus {
outline: none;
}
input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #999;
display: inline-block;
padding: 5px 10px;
background-color: white;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
}
table,
th,
td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed; width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th, td {
padding: 0.4em;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: radio-btn-wrap;
}
iframe {
width: 100%;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
h1,h2,h3,h4,h5,h6{
margin: 0;
} .pww-main-section {  }
.pww-radio-btn-item input[type=radio] {
display: none;
}
.pww-title h2 {
margin-bottom: 10px;
}
.pww-title {
margin-bottom: 20px;
}
.pww-subtitle h3 {
font-size: 20px;
margin-bottom: 10px;
}
.pww-radio-main-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pww-radio-btn-item {
margin-bottom: 10px;
flex: 0 0 32.5%;
}
.pww-configurator-options-wrap .pww-radio-btn-item {
margin-bottom: 10px;
flex: 0 0 49%;
}
.pww-radio-btn {
border: 3px solid #F1F1F1;
display: flex;
justify-content: space-between;
padding: 12.5px;
border-radius: 3px;
cursor: pointer;
position: relative;
transition: all 0.4s;
}
.pww-radio-btn.active {
border: 3px solid #45AF68;
}
.pww-radio-btn:hover {
border-color: #45AF68;
}
.pww-radio-btn p {
margin: 0 !important;
color: #A2A2A2;
font-size: 15px;
line-height: 1;
}
p.euro {
color: #FCC963;
}
p.euro.color-black {
color: #333;
}
.pww-radio-wrap {
margin-bottom: 30px;
}
.pww-main-wrap {
display: flex;
flex-wrap: wrap;
max-width: 1600px;
margin: 0 auto;
justify-content: space-between;
}
.pww-radio-h-left {
flex: 0 0 69%;;
}
.pww-sidebar {
border: 4px solid #F1F2F4; flex: 0 0 30%;
align-self: start;
}
.pww-sidebar-group-wrap {
margin: 5px 0;
}
.pww-sidebar-title {
background-color: #415969;
text-align: left;
padding: 12px 15px;
text-transform: uppercase;
font-weight: bold; }
.pww-sidebar-title p{
margin: 0 !important;
color: #fff;
font-size: 16px;
}
.pww-sidebar-title a{
font-weight: 600;
color: #fff;
text-decoration: underline!important;
}
.pww-sideber-group {
display: flex;
padding: 7px 0;
margin: 0 15px;
justify-content: space-between;
border-bottom: 2px solid #F1F1F1;
}
.pww-sideber-group-left h4{
margin: 0 0 5px;
line-height: 1;
font-size: 14px;
}
.pww-sideber-group-left p{
margin: 0 !important;
line-height: 1;
color: #B0B0B0;
font-size: 14px;
}
.pww-sideber-group-right p{
margin: 0;
color: #B5BEC4;
cursor: pointer;
line-height: 1;
}
.pww-sidebar-bottom {
padding: 0 15px 15px;
}
.pww-amaount ul {
padding: 0px;
margin: 0;
}
.pww-amaount ul li{
font-size: 22px;
color: #000;
font-weight: 600;
list-style: none;
display: flex;
justify-content: space-between;
}
.pww-amaount ul li span{ color: #425a67;
font-size: 22px;
font-weight: 600;
}
.pww-sidebar-btn {
display: block;
width: 100%;
background-color: #8CC863 !important;
color: #fff !important;
max-width: 100%;
text-align: center;
border-radius: 15px !important;
padding: 12px !important;
font-size: 18px !important;
font-weight: 600 !important;
margin-top: 10px;
transition: all 0.4s !important;
border-bottom: 3px solid #5f9e34 !important;
letter-spacing: 1px !important;
text-transform: none !important;
}
.pww-sidebar-btn:hover{
background-color: #5f9e34;
}
h3.pww-border-title {
margin: 0;
padding: 15px 0;
text-align: center;
font-size: 18px;
color: #000;
font-weight: 600;
border-bottom: 2px dashed #000;
}
.pww-bottom-btn {
text-align: center;
padding: 5px 0 0;
}
.pww-bottom-btn p {
margin: 10px 0 10px;
text-transform: uppercase;
font-size: 12px;
}
a.btw {
display: inline-block;
background-color: #A0ABB2;
color: #fff;
font-weight: 500;
padding: 8px 20px;
border-radius: 9px;
line-height: 1;
margin-right: 7px;
transition: all 0.4s;
font-size: 13px;
}
a.btw:hover{
background-color: #415A67;
}
a.btw.active{
background-color: #415A67;
}
.btw.active:hover {
background: #A0ABB2;
}
.pww-left-btn {
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
.pww-left-side-btn {
font-size: 16px;
font-weight: 600;
border-radius: 10px;
color: #fff;
padding: 8px;
text-align: center;
cursor: pointer;
}
.pww-left-side-btn.btn1 {
background-color: #A1ACB3;
min-width: 125px;
transition: all 0.4s;
border-bottom: 3px solid #8E8E8E;
}
.pww-left-side-btn.btn1:hover{
background-color: #415A67;
border-bottom: 3px solid #415A67;
}
.pww-left-side-btn.btn2 {
background-color: #8CC863;
min-width: 180px;
transition: all 0.4s;
border-bottom: 3px solid #5f9e34;
margin-left: 15px;
}
.pww-left-side-btn.btn2:hover{
background-color: #5f9e34;
}
.pww-radio-btn.pww-input-field {
padding: 8px 15px;
}
.pww-radio-btn.pww-input-field p {
font-size: 12px;
color: #000;
font-weight: 500;
line-height: 1.3;
}
.pww-radio-btn.pww-input-field p span{
font-size: 10px;
}
.pww-radio-btn.pww-input-field input {
height: 28px;
width: 150px;
}
.pww-radio-btn.pww-radio-btn2.search {
padding-left: 40px;
}
.pww-radio-btn.pww-radio-btn2 {
border-radius: 0;
position: relative;
}
.pww-radio-btn.pww-radio-btn2 p{
color: #000;
}
.pww-radio-btn.pww-radio-btn2.border-green {
border: 3px solid #45AF68;
}
.pww-radio-btn.pww-radio-btn2.pww-border-red {
border: 3px solid #FE0000;
}
.pww-radio-btn.pww-radio-btn2.gray-bg {
background-color: #A1ACB3;
color: #fff;
border: 2px solid #8E8E8E;
}
.pww-radio-btn.pww-radio-btn2.gray-bg p{
color: #fff;
} 
.pww-title {
float: left;
width: 100%;
}
.pww-title p { margin-bottom: 0px !important;
}
.pww-formaat-bottom {
background-color: #EEF0F1;
border-radius: 20px;
padding: 30px;
margin: 20px 0;
}
.pww-formaat-bottom h3{
display: block;
font-size: 18px;
color: #000;
font-weight: 600;
margin-bottom: 5px;
}
.pww-formaat-bottom p {
font-size: 13px;
color: #000;
line-height: 20px;
margin: 0;
}
.pww-input-column {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pww-input-field{
flex: 0 0 48%;
}
.pww-input-field label{
display: block;
font-size: 13px;
font-weight: 600;
}
.pww-input-field span {
display: block;
font-size: 11px;
}
.pww-input-field input{
width: 100%;
height: 56px;
}
.pww-radio-btn.radio-btn2 h4{
}
.pww-radio-btn.pww-radio-btn2 h4 {
font-size: 10px;
margin: 0;
position: absolute;
background-color: #44AE68;
color: #fff;
padding: 7px;
font-weight: 600;
top: 8px;
right: 5px;
line-height: 1;
}
.pww-main-wrap.pww-formaat-page {
max-width: 600px;
margin: 0 auto;
display: block;
}
.pww-radio-btn-item label{
color: #000;
font-weight: 500;
}
.pww-radio-btn.radio-btn2.search {
padding: 17px 60px;
}
.pww-search-btn {
position: absolute;
top: 50%;
width: 22px;
height: 22px;
text-align: center;
background-color: #C2A07B;
border-radius: 100%;
left: 8px;
transform: translateY(-50%);
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.pww-search-btn i{
opacity: 0;
color: #fff;
transition: all 0.4s;
}
.pww-radio-btn.pww-radio-btn2.search:hover .pww-search-btn i{
opacity: 1;
}
.pww-radio-btn.pww-radio-btn2.afbeedling {
display: block;
padding: 0;
}
.a4 {
padding: 20px;
background-color: #F4F4F4 ;
}
.a4 h5 {
background-color: #fff;
width: 94px;
height: 122px;
font-size: 18px;
margin: 0 auto;
border: 2px solid #838383;
padding: 5px;
}
.pww-radio-btn.pww-radio-btn2.afbeedling p{
padding: 10px 20px;
}
.afbeedling.pww-radio-btn.pww-radio-btn2 h4 {
top: 16px;
right: auto;
left: 20px;
} .pww-configurator-options-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pww-configurator-option.pww-option__notpossible .pww-radio-btn {
border-color: red; 
} .pww-wrapper-loader {
position: absolute; left: 0;
width: 100%;
height: 95%;
background-color: #ffff;
opacity: 0.7;
z-index: 99999999999999;
}
.pww-wrapper-loader .loading {
position: absolute;
left: 50%;
top: 25%;
}
.loader {
margin: 100px auto;
font-size: 25px;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load5 1.1s infinite ease;
animation: load5 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
}
}
@keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
}
}
.pww-hide {
display: none;
}
.pww-configurator-copies {
}
.pww-configurator-copies .pww-configurator-option {
flex: 0 0 32%;
min-height: 200px;
}
.pww-configurator-copies .pww-configurator-option .pww-radio-btn {
flex-direction: column;
min-height: 200px;
}
.pww-option-copy-type {
}
.pww-copy-dates {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.pww-copy-dates .pww-copy-date {
text-transform: uppercase;
font-weight: 600;
letter-spacing: -.2px;
font-size: 1.6rem;
line-height: 2.2rem;
color: #747373;
}
.pww-copy-date__prices {
min-height: 64px;
padding-top: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pww-copy-date__prices:before {
content: "";
padding-top: 12px;
display: block;
height: 2px;
background: url(https://app.print.com/static/img/seperator.svg) repeat-x;
}
.pww-copy-date__prices .pww-date__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.is-extra-options-modal .pww-configurator-option {
display: block;
}
.pww-summary-extra__option {
}
.pww-sideber-group.is_extra {
display: block !important;
}
.pww-summary-top {
display: flex;
justify-content: space-between;
width: 100%;
}
.pww-summary-bottom p.pww-summary__extras {
margin-bottom: 0px !important;
}
.pww-summary-bottom .pww-summary-extra__option {
display: flex;
justify-content: space-between;
color: #B0B0B0;
}
.pww-summary-bottom .pww-summary-extra__option span:last-child {
text-align: right;
}
.pww-solutions__wrapper-title {
font-size: 16px;
padding-bottom: 10px;
display: block;
}
.jquery-modal.blocker.current {
z-index: 99999999999;
} div.quantity input[type="number"] {
width: 65px !important;
}
form.woocommerce-cart-form .product-name {
width: 300px;
}
.pww-config-go-button {
display: block;
margin-bottom: 20px;
}
.cursor-not-allowed .pww-radio-btn2 {
cursor: not-allowed;
}
.pww-file-upload-success {
background-color: #459647 !important; 
}
.pww_modal_copies__wrapper {
display: flex;
flex-wrap: wrap;
}
.pww_modal_copies__wrapper > .pww-configurator-option {
flex: 49%;
margin: 2px;
}.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100
}
.pww-config {
justify-content: center;
}
.pww-config > .pww-step > .pww-step-header {
background: #eceeef;
padding: 10px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: center;
margin-top: .3rem;
opacity: .5;
border-left: 5px solid #969696;
}
.pww-config > .pww-step.active > .pww-step-header {
margin-top: 1rem;
opacity: 1;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-number {
color: #fff;
border-radius: 50%;
background: #cdd1d4;
height: 28px;
width: 28px;
display: inline-block;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.pww-config > .pww-step.active > .pww-step-header > .pww-step-number {
background: #979fa4;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title {
-webkit-box-flex: 1;
flex: 1;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
color: #636c72;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title > strong {
font-weight: 700;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title > .pww-step-value {
font-size: 15px;
font-weight: normal;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-actions {
font-size: 18px;
position: inherit;
float: right;
align-self: center;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-actions > .pww-step-action {
color: #969696;
margin: 0px 5px;
font-size: 20px;
text-decoration: none;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-actions > .pww-step-action:hover {
color: #636c72;
}
.pww-config > .pww-step.selected > .pww-step-header {
opacity: 1;
border-color: #709775;
background: #a1cca5;
}
.pww-config > .pww-step.selected > .pww-step-header > .pww-step-number {
background: #415d43;
}
.pww-config > .pww-step.selected > .pww-step-header > .pww-step-title {
color: #415d43;
}
.pww-config > .pww-step.selected > .pww-step-header > .pww-step-actions > .pww-step-action {
color: #415d43;
} .pww-step-items {
margin-top: 1rem;
}
.pww-step-items.pww-step-hide {
display: none;
}
.pww-step-items > .row {
margin-right: -5px;
margin-left: -5px;
}
.pww-step-items > .row > .pww-step-item {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.pww-step-items > .row > .pww-step-item > .pww-item-inner {
background: #fff;
cursor: pointer;
border: 2px solid rgba(99,108,114,.25);
height: 100%;
}
.pww-step-items > .row > .pww-step-item > .pww-item-inner:hover {
background: rgb(68,175,105, 0.1);
border: 2px solid #44af69;
}
.pww-step-items > .row > .pww-step-item > .pww-item-inner > .pww-item-image {
max-height: 150px;
overflow: hidden;
}
.pww-step-items > .row > .pww-step-item > .pww-item-inner > .pww-item-title {
font-size: 14px;
color: #636c72;
font-weight: 600; padding: 12px 35px 12px 12px;
display: inline-block;
}
.pww-step-items > .row > .pww-step-item > .pww-item-inner > .pww-item-badge {
position: absolute;
top: 8px;
left: 13px;
background: #1abba0;
padding: 4px 8px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.pww-step-items.quantities > .row > .pww-step-item > .pww-item-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row; }
.pww-step-items.quantities > .row > .pww-step-item > .pww-item-inner > .pww-item-price {
color: #1abba0;
font-weight: 600;
font-size: 15px;
}
.pww-step-items.quantities > .row > .pww-step-item > .pww-item-inner > .pww-item-title {
padding: 10px 35px 10px 12px;
white-space: nowrap;
} @media (min-width: 992px) {
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-number {
font-size: 28px;
height: 48px;
width: 48px;
line-height: 48px;
margin-right: 1.1rem;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title {
font-size: 23px;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title > .pww-step-selected {
display: inline-block;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title > .pww-step-selected > .pww-step-seperator {
margin: 0 5px;
color: #969696
}
.pww-config > .pww-step > .pww-step-header > .pww-step-title > .pww-step-selected > .pww-step-value {
font-size: 20px;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-actions {
position: relative;
}
.pww-config > .pww-step > .pww-step-header > .pww-step-actions > .pww-step-action {
font-size: inherit;
display: inline-block;
margin: 0;
}
.pww-step-items.quantities > .row > .pww-step-item {
flex: 0 0 20%;
max-width: 20%;
}
.pww-step-items.quantities > .row > .pww-step-item.quantity-prefered-amount {
flex: 0 0 40%;
max-width: 40%;
}
.pww-step-items.quantities > .row > .pww-step-item.quantity-prefered-amount div, .pww-step-items > .row > .pww-step-item.pww-step-manual div.pww-input-wrap {
display: flex;
}
.pww-step-items.quantities > .row > .pww-step-item.quantity-prefered-amount input {
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 2px solid rgba(99,108,114,.25);
} }
@media (min-width: 768px) {
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 576px) {
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
#overlay{
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height:100%;
display: none;
background: rgba(0,0,0,0.6);
}
.cv-spinner {
height: 100%;
display: flex;
justify-content: center;
align-items: center;  
}
.spinner {
width: 40px;
height: 40px;
border: 4px #ddd solid;
border-top: 4px #2e93e6 solid;
border-radius: 50%;
animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
100% { 
transform: rotate(360deg); 
}
}
.is-hide{
display:none;
}