/* MacDonald Style Sheet [v1.00] */
body {background-color:rgb(255,255,255);color:rgb(120,120,120);font-family:'Helvetica',sans-serif;font-size:18px;font-weight:400;line-height:1.30;text-transform:lowercase;}
.wrap {width:100%;margin:0 auto;}
.flex {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-content:center;align-items:center;flex-wrap:wrap;}
.hidden {display:none;}
.green {color:#709c30;}
form#paypal img {display:none;}
.full-height {height:100vh;}
a {color:rgb(48,120,180);text-decoration:none;transition:0.2s;}
a:hover {text-decoration:underline;}
header {height:100px;position:fixed;top:0;width:100%;z-index:999;background-color:rgb(255,255,255);border-bottom:1px solid rgb(220,220,220);}
.modal{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999;}
.modal-bg{background: rgba(0,0,0,0.8); width: 100%;}
.modal-content{ min-width: 300px; max-width: 400px;  border-radius: 5px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px;}
#main {margin-top:0px; padding:0;margin-bottom:24px;}
#ad {margin-top:0;padding-top:0;}
#content {padding-bottom:0;}
#content .form { padding: 30px;  margin-bottom: 30px; }
#content .form-submit { background:#dbdcde; padding: 20px; width: 80px;border-radius: 5px;height: 50px;text-transform: capitalize; }
#content .form-submit:hover {cursor: pointer; background: rgb(128, 160, 87); color: rgb(255,255,255); transition: .2s; }
#buy {margin-top:100px; padding:0;padding-top:26px;color:rgb(0,0,0);padding-left:8vw;padding-right:8vw;padding-bottom:0;}
#ideas {margin-bottom: 300px;margin-top:100px; padding:0;padding-top:26px;padding-left:8vw;padding-right:8vw;padding-bottom:0;}
#logo {width:220px;padding-left:22px;}
#hamburger {padding-right:28px;visibility:hidden;}
.hamburger-box {width:32px;height:18px;margin-top:6px;}
.hamburger-inner, .hamburger-inner::before,.hamburger-inner::after {background-color:rgb(82,151,208);}
nav ul {padding:0;margin:0;}
nav li {text-transform: capitalize; display:inline;border-bottom:2px solid transparent;}
nav li:hover {border-bottom:2px solid rgb(140,198,62);transition:.5s ease-out;}
nav a {color:rgb(24,24,28);font-size:20px;font-weight:500;}
nav a:hover {text-decoration:none;}
nav.main {padding-left:24px;}
nav.main li {margin-right:28px;padding-bottom:3px;}
nav.main i {margin-right:10px;}
nav.social {padding-right:24px;}
nav.social a {color:rgb(32,64,154);font-size:28px;}
nav.social a:hover {color:rgb(140,198,62);}
nav.social li {border-bottom:none;margin-left:8px;}
#full {background-color:rgba(255,255,255,0.8);}
#full .flex {height:60vh;justify-content:center;}
nav.full .main li {display:block;padding:10px 0 10px 0;}
nav.full .main i {margin-right:10px;}
nav.full .social {padding-top:10px;}
nav.full .main li,
nav.full .social li {border:none;}
nav.full .main a:hover,
nav.full .social a:hover {border:none;color:rgb(140,198,62);}
nav.full .main a { font-size:32px;}
nav.full .social a {color:rgb(32,64,154);font-size:32px;}
nav.full .social li {margin-right:8px;}
#main img {width:100%;}
.banner {position:absolute;width:100%;background:rgba(12,12,12,0.7);padding:0px;top:480px;padding-bottom:28px;}
.banner h1 {color:white;font-size:72px;font-weight:200;margin-top:0;margin-bottom:12px;}
.banner div.btn a {color:white;background:#21419e;border:none;margin-top:10px;border-radius:6px;padding:10px 16px;}
.banner a:hover {background:rgb(140,198,62);text-decoration:none;}
section {overflow-x: hidden; padding:2px 8vw 12px 8vw;text-align:center;}
section a {font-weight:600;}
section h2 {font-weight:200;margin-bottom:8px;font-size:34px;}
section p {margin-top:0;margin-bottom:30px;}
section .url img,
section .email img {width:20vw;}
div.forwarding {margin-top:24px;}
.section .forwarding {width:100%;}
section .url {width:50%;float:left;padding-bottom:30px;}
section .email {width:50%;float:right;padding-bottom:30px;}
.confirm-box{text-align:left;margin:0 auto;padding:0 10vw;}
input.sub {margin:18px 0;}
#buy .promo {margin-top:24px;}
section .promo {clear:both;font-weight:600;color:rgb(120,120,120);}
#buy img {width:100px;margin-bottom:12px;}
#buy h2 {margin-top:12px;}
.buy-form {width:80vw;display:block;margin:0px auto 0px auto;box-shadow:0 0 4px #dbdcde;border:1px solid silver;}
.buy-form .mac-personal input {width:30%;margin-bottom:6px;}
.mac-email,
.mac-domain {margin:8px 0px 15px 0;padding:12px 5px;background:#333;color:white;transition:.2s;}
.mac-email:hover,
.mac-domain:hover {background:#8dc63f;}
.mac-email input,
.mac-domain input {text-align:right;margin:0px;}
.buy-form label {width:200px;height:140px;border:3px solid #21419e;display:inline-block;margin:10px 4px 20px 4px;}
.buy-form label:hover {border:3px solid #8dc63f;background:#e8f3d8;cursor:pointer;}
.buy-form input[type="radio"]:checked + label {border:3px solid #8dc63f;background:#333;border:3px solid #333;color:rgb(255,255,255);}
.buy-form input[type="radio"]:checked + label span {color:#e5e5e5;}
.buy-form input[type="radio"]:checked + label .radio-ico {color:#8dc63f;}
.buy-form input[type="radio"]:checked + label:hover {cursor:default;}
.buy-form label span {display:block;}
.radio-title {font-style:italic;}
.radio-prod {font-weight:bold;font-size:1.2em;}
.radio-ico {font-size:2.5em;}
.buy-form input[type="radio"] {display:none;}
.buy-form input[type="submit"] {background:#333;font-size:1.2em;padding:5px 20px;margin:0px 0 15px 0;color:rgb(255,255,255);border:none;}
.buy-form input[type="submit"]:hover {background:#8dc63f;cursor:pointer;transition:.2s;}
footer {background-color:rgb(240,240,240);padding:24px;padding-bottom:28px;}
footer .contact {text-align:center;width:70%;}
footer .contact-image {width:30%;}
footer .contact-image img {width:100%;}
footer h2 {font-size:28px;font-weight:200;}
footer p {font-size:20px;}
footer .social a {font-size:38px;}

/* Media begin */
@media only screen and (max-width:940px) {
header {height:60px;}
#buy {margin-top:60px;}
#hamburger {visibility:visible;}
#nav {display:none;}
section {padding:2px 6vw 12px 6vw;}
.banner {position:absolute;top:340px; }
.buy-form .mac-personal input {width:60%;}
.buy-form label {width:200px;display:inline-block;margin:10px 10vw 10px 10vw;}
.buy-form input[type="submit"] {margin:15px 0 15px 0;}
.confirm-box {padding:0 6vw;}
footer {padding:8px;padding-bottom:28px;}
footer .contact {width:100%;}
footer .contact-image {display:none;}
}
@media only screen and (max-width:750px) {
.banner {position:absolute;top:260px;}
.banner h1 {font-size:58px;}
section .url {width:100%;padding-bottom:30px;}
section .email {width:100%;padding-bottom:30px;}
section .url img,
section .email img {width:30vw;}
.confirm-box {padding:0 4vw;}
}
@media only screen and (max-width:600px) {
.banner {position:absolute;top:220px;}
.banner h1 {font-size:32px;}
.banner div.btn a {font-size:18px;display:block;margin-left:24px;margin-right:24px;}
section .url img,
section .email img {width:40vw;}
}
@media only screen and (max-width:540px) {
.banner {position:static;background:none;padding:0;}
.banner h1 {color:black;}
#main img {margin-top:35px;}
.buy-form .mac-personal input {width:80%;}
.mac-email input,
.mac-domain input {width:80%;}
.confirm-box {padding:0 2vw;}
}
/* Media end */