:root {
--pdk-blue: #0f0162;
--pdk-green: #a3c139;
--pdk-orange: #d65c00;
}
/* font-family: 'Montserrat', sans-serif; */
/* font-family: 'Open Sans', sans-serif; */
body { font-family: 'Open Sans', sans-serif; font-size: 16px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 400; color:var(--pdk-blue); }
a { color:var(--pdk-blue); }
a:hover { color:var(--pdk-orange); }

header .usp-bar { background-color: var(--pdk-blue); color:#fff; }
header .usp-bar ul { display: flex; flex-direction: row; justify-content: space-evenly; margin:1em 0; line-height: 27px; list-style: none; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 300; }
header .usp-bar ul li i { color: var(--pdk-green); }
header .usp-bar ul li span { color: var(--pdk-orange); }

header .logo a { display: block; margin: 10px 7.68% 10px 11.52% }
header .logo h1 { text-align: center; }
header .logo img { width: 387px; max-width: 100%; }

main { padding-top:50px; padding-bottom: 50px; }
.options { text-align: center;  }
/* HIDE RADIO */
[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; }
/* IMAGE STYLES */
[type=radio] + div.placeholder { cursor: pointer; background-color: #ffff; height: 176px; width: 176px; opacity: 1; border-radius:15px; box-shadow: 1px 1px 15px -5px; overflow: hidden;}
/* CHECKED STYLES */
[type=radio]:checked + div.placeholder,
[type=radio] + div.placeholder:hover { background-color: #fff; box-shadow: 1px 1px 15px 5px #d65c00; }

/* HIDE CHECKBOX */
[type=checkbox] { position: absolute; opacity: 0; width: 0; height: 0; }
/* IMAGE STYLES */
[type=checkbox] + div.placeholder { cursor: pointer; background-color: #ffff; height: 176px; width: 176px; opacity: 1; border-radius:15px; box-shadow: 1px 1px 15px -5px;  overflow: hidden;}
/* CHECKED STYLES */
[type=checkbox]:checked + div.placeholder,
[type=checkbox] + div.placeholder:hover { background-color: #fff; box-shadow: 1px 1px 15px 5px #d65c00; }

/* [type=text]::placeholder, [type=phone]::placeholder, [type=email]::placeholder { color: #747474; } */
[type=text], [type=phone], [type=email] { border-radius:10px; border: 1px solid #e2e2e2; padding:0 15px; color: #747474; height:50px; min-width: 400px; margin-bottom:0; }

.btn-success { border-radius: 10px; color: #fff; background-color: var(--pdk-green); border-color: var(--pdk-green); text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight: 600; padding:13px 29px; line-height: 17px; }
.btn-success:hover { color: #fff; background-color: var(--pdk-orange); border-color: var(--pdk-orange); }

#step-one { display:none; }
#step-two { display:none; }
#step-three-website { display:none; }
#step-three-webshop { display:none; }
#step-four { display:none; }
#step-five { display:none; }
#step-six { display:none; }



footer { background-color: var(--pdk-blue); color:#fff; font-size: 12px;}
footer .footer { padding-top: 40px; padding-bottom: 40px; }
footer a, footer a:hover { color:#fff; }

footer h6 { color:#fff; font-weight: 700; }
footer .copyright { border-top: 1px solid #fff; }
footer .copyright .row .container { max-width:1320px; }
footer .copyright .col { margin-top: 30px; margin-bottom: 30px; }