@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;700&family=Roboto:ital,wght@0,100;0,500;0,700;1,100&display=swap');
html {width: 100%; overflow-x: hidden;scroll-behavior: smooth;}
body{font-family: Roboto, Oswald,"Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";margin:0;padding:0}
body.terms section {padding:2rem;}
a, a:visited {color:rgba(48,41,115,1);text-decoration:none;font-weight:bold;border-bottom:2px solid transparent;}
a:hover {color:#FF1D25;border-bottom:2px solid #FF1D25;}
header{width:auto;height:50px;background: rgba(255,255,255,.9);padding:1rem;position: sticky;top: 0;left: 0;z-index: 101;}
header a.logo:hover {border:none;}
header img {margin-right: 1.5rem;position: absolute;max-width:300px;}
header nav {display: flex;align-content: stretch;justify-content: space-around;align-items: center;}
header nav,
header nav::before,
header nav::after {display: block;background-color: #000;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;right:0px;margin: 1rem .5rem 0 0;}
header nav::before {content: '';margin-top: -8px;margin-left:-10px;}
header nav::after {content: '';margin-top: 8px;margin-left:-10px;}
header nav ul {display: flex;list-style:none;margin: 0;padding: 0;height:0;}
header nav ul li,header nav .close {display:none;}
header nav ul li:first-child {display:block;width:30px;height:30px;}
header nav ul li:first-child a {display:inline-block;width:30px;height:30px;position: relative;top: -10px;}
header nav ul li:after {content: "|";color: #000;font-weight: bold;font-size: 1.5rem;padding: 0 0.5rem;}
header nav ul li:first-child:after, header nav ul li:last-child:after {display:none;}
header nav#menu:target,
header nav#menu:target::before,
header nav#menu:target::after {background-color: #FF1D25;position: absolute;width: 30px;margin: 0;display:flex;right: 0;top: 10px;}
header nav#menu:target li{display:block;}
header nav#menu:target li:first-child{display:none;}
header nav#menu:target::before {margin-top: 1rem;transform: rotate(405deg);margin-right:.5rem;}
header nav#menu:target {background: rgba(255, 255, 255, 0);right: 0; z-index: 0;}
header nav#menu:target::after {margin-top: 1rem;transform: rotate(-405deg);margin-right:.5rem;}
header nav#menu:target ul {display: block;list-style:none;margin: 0;padding: 1rem; background:rgba(255,255,255,.9);top:0;left:0;z-index: -1;height: 100vh;position: fixed;width: 100%;}
header nav#menu:target ul li:after {display:none;}
header nav#menu:target .close {position:absolute;top:0;right:0;width:40px;height:40px;display: block;z-index: 2;}
h1{font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif";font-size: 2rem;font-weight: normal;color:#000;}
h2{font-size: 1.5rem;font-weight: bold;}
h3{font-size: 1.3rem;font-weight: normal;}
main, section.contact {display:block;width:auto;max-width:100%;;height:auto;min-height:calc(100vh - 85px);padding:1em;}
main h2 {text-align:center;font-family:Oswald, Roboto, "Helvetica Neue", Helvetica, Arial,Gotham, "sans-serif";font-weight:normal;}
main.home{background: linear-gradient(180deg, rgb(255 255 255) 10%, rgb(48 41 115 / 50%) 70%, rgba(48,41,115,1) 100%), url(../images/bgrd.jpg) no-repeat;color:#fff;background-size:cover;background-attachment: fixed;text-align:center;} 
main.home a:link, main.home a:visited {color:#fff; border-bottom:2px solid #FF1D25;font-weight:700;}
main.home a:hover, main.home a:active {border-bottom:none;color:#fff;}
main.home a:visited, footer a, footer a:visited {color:#fff; border-bottom:2px solid #f9f9f9;}
main.home img {z-index:2;}
main.home section {display:inline-block;width:auto;max-width:980px;margin:0 auto;padding: 1rem;background: rgb(41 37 87 / 90%);}
main.home section div {float:left;display:block;text-align:left;}
main.home section div:first-child {width: 100%; margin-right: 0%;float:none;}  
main.home section div:nth-child(2) {width: 80%;background: #000;color: #fff;padding: 2%;float: none;clear: both;margin: 0 auto 1rem;}
main.home section ul {padding-left:1rem;}
main.home button {margin-top:1rem;padding: 1rem;background: #FF1D25;color: #fff;text-transform: uppercase;cursor:pointer;border:none;}
main.home button:hover {background:#000;}
main.home section div {display:flex;flex-wrap:wrap;justify-content:center;}
main.home section video, main section img {padding: 2rem;max-width: 100%;}

section.contact {background:#05022b;color:#fff;}
section.contact h2 {text-align: center;font-family: Oswald, Roboto, "Helvetica Neue", Helvetica, Arial,Gotham, "sans-serif";font-weight: normal;}
section.contact a.anchor {display: block;width: 100%;height: 85px;}
section.contact a.anchor:hover {border-bottom:none;}
section.contact form {column-count:1;width: 80%;max-width: 980px;margin: 0 auto;border: 2px solid #fff;position: relative;z-index: 1;padding: 2rem;}
section.contact fieldset {border-color:#fff;}
section.contact input {padding: 0.5rem;border: none;margin-top: 0.5rem;}
section.contact button {background:#000;color:#fff;font-weight:bold;padding: 0.5rem 1rem;cursor:pointer;border:2px solid #fff;}
section.contact textarea {padding: 0.5rem;border: none;margin-top: 0.5rem;max-width: 90%;}
p, li {font-family: Roboto;font-size: 1rem;}
fieldset {width: max-content;}

footer {width:100%; height:auto;background:#000;padding:1rem; color:#fff}
footer p {font-size: .9rem;text-align: center;}
footer a:link, footer a:visited {color:#fff; font-size:.8rem;border:none;}
footer a:hover, footer a:active {border-bottom:none;color:#fff;}

@media only screen and (min-width: 50em) {
header {display:flex;}
header img {position: static;}
header nav {display: flex;align-content: stretch;justify-content: space-around;align-items: center;width: auto;background: none;position: static;height: auto;}
header nav::before, 
header nav::after,
header nav .close,
header nav#menu:target .close,
header nav ul li:first-child a 
{display:none;}
header nav ul {display: flex;list-style:none;margin: 0;padding: 0;height:unset;align-items: center;}
header nav ul li {display:inline-block;}
header nav ul li:after {content: "|";color: #000;font-weight: bold;font-size: 1.5rem;padding: 0 0.5rem;}
header nav ul li:first-child:after, header nav ul li:last-child:after {display:none;}
header nav ul li a{font-family: Oswald,"Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";font-size: 1rem;text-transform: uppercase;}
header nav ul li.clients a {background: #FF1D25;padding: 0.75rem 0.75rem;font-family: unset;font-size: .8rem;text-transform: uppercase;font-weight: normal;color:#fff;border:none;}
header nav ul li.clients a:hover {background:rgba(48,41,115,1);border:none;}
header nav#menu:target::before,
header nav#menu:target::after {background-color: #FF1D25;position: absolute;width: 30px;margin: 0;display:flex;right: 4px;top: 10px;}
header nav#menu:target li{display:block;}
header nav#menu:target li:first-child{display:none;}
header nav#menu:target::before {display:none;}
header nav#menu:target {background: transparent;}
header nav#menu:target::after {}
header nav#menu:target ul {display: block;list-style:none;margin: 0;padding: unset; background:transparent;top:0;left:0;z-index: 0;height: unset;position: static;width: unset;}
header nav#menu:target ul li:after {display:none;}
h1{font-size: 3.5rem;}
h2{font-size: 2rem;}
h3{font-size: 1.5rem;}
p, li {font-size: 1rem;line-height: 1.5;margin-bottom: 1rem;}  
main.home section {padding: 0 0 2rem 2rem;}
main.home section div:first-child {width: 60%; margin-right: 6%;float:left;}  
main.home section div:nth-child(2) {width: 30%;float:left;margin:0;clear:none;}
main.home section div:nth-child(2) h3 {text-align:center;font-family:Oswald,"Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";}
main.contact form {column-count:2;}
#overlay .overlay-wrap {position: absolute;top: calc(50% - 82px);left: calc(50% - 200px);width: 75%;max-width:400px;padding: 1rem;background: rgba(0,0,0,.9);color: #fff;z-index: 100;border-radius: 20px;border: 2px solid #fff;box-shadow: 0px 5px 10px #333;}
}