@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@font-face {
  font-family: "MotivaSans-ExtraBold";
  src: url('../MotivaSansExtraBold/font.woff2') format('woff2'), url('../MotivaSansExtraBold/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-BlackItalic";
  src: url('../MotivaSansBlackItalic/font.woff2') format('woff2'), url('../MotivaSansBlackItalic/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-BoldItalic";
  src: url('../MotivaSansBoldItalic/font.woff2') format('woff2'), url('../MotivaSansBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-Black";
  src: url('../MotivaSansBlack/font.woff2') format('woff2'), url('../MotivaSansBlack/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-Bold";
  src: url('../MotivaSansBold/font.woff2') format('woff2'), url('../MotivaSansBold/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-Thin";
  src: url('../MotivaSansThin/font.woff2') format('woff2'), url('../MotivaSansThin/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-MediumItalic";
  src: url('../MotivaSansMediumItalic/font.woff2') format('woff2'), url('../MotivaSansMediumItalic/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-ThinItalic";
  src: url('../MotivaSansThinItalic/font.woff2') format('woff2'), url('../MotivaSansThinItalic/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-Regular";
  src: url('../MotivaSansRegular/font.woff2') format('woff2'), url('../MotivaSansRegular/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-RegularItalic";
  src: url('../MotivaSansRegularItalic/font.woff2') format('woff2'), url('../MotivaSansRegularItalic/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-Medium";
  src: url('../MotivaSansMedium/font.woff2') format('woff2'), url('../MotivaSansMedium/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-LightItalic";
  src: url('../MotivaSansLightItalic/font.woff2') format('woff2'), url('../MotivaSansLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-Light";
  src: url('../MotivaSansLight/font.woff2') format('woff2'), url('../MotivaSansLight/font.woff') format('woff');
}
@font-face {
  font-family: "MotivaSans-ExtraBoldItalic";
  src: url('../MotivaSansExtraBoldItalic/font.woff2') format('woff2'), url('../MotivaSansExtraBoldItalic/font.woff') format('woff');
}
:root{
    --white:#fff;
    --darkblue:#3D77CB;
    --light:#B3B5B8;
    --blue:#3D77CB;
    --red:#ed3324;
    --black:#303030;
    --grey: #303030;
}
html,body{
    min-height:80vh;
    margin:0;
    padding:0;
}
*{
    color:inherit;
    text-decoration: none;
    box-sizing: border-box;
    margin:0;
    padding:0;
}
h1{
    font-size:3.5em;
    font-weight:600;
}
h3{
    padding:2rem;
    font-size:1.9em;
    font-weight:600;
    font-family: 'MotivaSans-Regular';
}
.blue{
    background-color:var(--darkblue);
}
.rounded-10{
    border-radius:10px;
}
.rounded-5{
    border-radius: 5px;
}
.rounded-50{
    border-radius:50px;
}
.shadow{
    /*-webkit-box-shadow: 0px 3px 20px 0px rgba(61,119,203,.2);-moz-box-shadow: 0px 3px 20px 0px rgba(61,119,203,.2);box-shadow: 0px 3px 20px 0px rgba(61,119,203,.2);*/
    -webkit-box-shadow: 0 18px 38px rgb(0 0 0 / 20%);
    box-shadow: 0 18px 38px rgb(0 0 0 / 20%);
}
.filter-shadow{
-webkit-filter: drop-shadow(0px 5px 5px rgb(61, 120, 203));
  filter: drop-shadow(0px 5px 5px rgb(61, 120, 203));
}
.flex-box{
    flex-wrap:wrap;
}
.flex-100{
    flex:100%;
}
.flex-75{
    flex:75%;
}
.flex-40{
    flex:40%;
}
.flex-50{
    flex:50%;
}
.flex-30{
    flex:30%;
}
.flex-20{
    flex:20%;
}
.flex-25{
    flex:25%;
}
.flex-vertical{
    display:flex;
    flex-direction: column;
}
.flex-horizontal{
    display:flex;
    flex-direction: row;
}
.justify-center{
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.justify-start{
    justify-content: flex-start;
}
.align-center{
    align-items: center;
}
.align-end{
    align-items: flex-end;
}
.align-start{
    align-items:flex-start;
}
.center{
    justify-content: center;
    align-items: center;
}
.space-evenly{
    justify-content:space-evenly
}

.space-between{
    justify-content:space-between;
}
.padding-1{
    padding:1rem;
}
.padding-10{
    padding:10%;
}
.padding-2{
    padding:2rem;
}
.padding-5{
    padding:5rem;
}
.padding-vertical-5{
    padding:5rem 0;
}
.margin-2{
    margin:2rem;
}
.margin-1{
    margin:1rem;
}
.menu-top{
    position:fixed;
    z-index:9999;
    width:100%;
    top:0;
}

.menu-left{
    position:fixed;
    z-index:9999;
    height:100vh;
}
.width-4rem{
    width:4rem;
}
.width-fit{
    width:fit-content;
}
.height-fit{
    height:fit-content;
}
.height-4rem{
    height:4rem;
}
.height-60{
    height:60%;
}
.height-40{
    height:40%;
}
.width-20{
    width:20%;
}
.width-25{
    width:25%;
}
.width-45{
    width:45%;
}
.width-100{
    width:100%;
}
.width-60{
    width:60%;
}
.width-90{
    width:90%;
}
.width-85{
    width:85%;
}
.width-70{
    width:70%;
}
.width-50{
    width:50%;
}
.width-40{
    width:40%;
}
.width-80{
    width:80%;
}
.width-auto{
    width:auto;
}
.height-100{
    height:100%;
}
.height-auto{
    height:auto;
}
.height-60{
    height:60%;
}
.height-80{
    height:80%;
}
.height-80VH{
    height:80vh;
}
.bottom-2{
    margin-bottom:2rem;
}
.bottom-1{
    margin-bottom:1rem;
}
.left-1{
    margin-left:1rem;
}
.left-5{
    margin-left:5%;
}
.left-20{
    margin-left:20%;
}
.left-10{
    margin-left:10%;
}
.right-15{
    margin-right:15%;
}
.right-20{
    margin-right:20%;
}
.logo-wrap{
    background:white;
    padding:2rem 1rem;
}
.logo-wrap img {
    max-width:75%;
    margin:auto;
}
textarea{
    width:40vw;
    min-height:5rem;
}

.btn{
    border:none;
    outline:none;
    padding: .5em 1.5em;
    color:var(--white);
    cursor:pointer;
    font-weight:600;
}
.green{
    background-color:#5EBB46;
    color:white;
}
.white{
    background-color: var(--white);
}
.background-img-default{
    background: url("../Dread/img/bg.png") no-repeat center center / cover;
    
}
.blue-bg{
    background-color:var(--grey);
}
.default-bg{
    background-color:var(--default);
}
.red-bg{
    background-color:var(--red);
}
.black-bg{
    background-color: var(--black);
}
.white-color{
    color:white;
}
.black-color{
    color:var(--black) !important;
}
.default-color{
    color:var(--default) !important;
}
.blue-color{
    color:var(--blue) !important;
}
.red-color{
    color:var(--red) !important;
}

.default-border{
    border-color:var(--default);
}
.border-2{
    border: 2px solid;
}
.hidden{
    display:none;
}
.pointer{
    cursor: pointer;
}
.color-light{
    color:#B3B5B8;
}
.light{
    font-weight:300;
}
.semi{
    font-weight:600;
}
.size-12{
    font-size: 1.2em;
}
.size-15{
    font-size: 1.5em;
}

.pointer h3{
    padding:0;
    color:white;
}
.color-white{
    color:white;
}
.height-60vh{
    height:60vh;
}