@charset "UTF-8";
/* CSS Document */


/* Global values */

body{
    background-color: #000;
    color: #fff;
}
.open-sans-<uniquifier> {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "width" 100;
}


/* Standard Fonts */

.open-light {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "width" 100;
}

.open-regular {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "width" 100;
}

.open-medium {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "width" 100;
}

.open-semi {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "width" 100;
}

.open-bold {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "width" 100;
}

.open-black {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "width" 100;
}


/* Italic Fonts */

.open-light-italic {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: italic;
  font-variation-settings: "width" 100;
}

.open-regular-italic {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-variation-settings: "width" 100;
}

.open-medium-italic {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: italic;
  font-variation-settings: "width" 100;
}

.open-semi-italic {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-variation-settings: "width" 100;
}

.open-bold-italic {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
  font-variation-settings: "width" 100;
}

.open-black-italic {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: italic;
  font-variation-settings: "width" 100;
}





/* Base text sizes */

html {font-size: 20px;}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: false;
  line-height: 1.65;
}

p {
  font-size: 16px;
    line-height: 29px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: true;
  line-height: 1.15;
}

h6{
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

h1,
.text-size-h1 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 0;
    
}

h2,
.text-size-h2 { font-size: 35px; }

h3,
.text-size-h3 { font-size: 27px; }

h4,
.text-size-h4 { font-size: 23px; line-height: normal}

h5,
.text-size-h5 { font-size: 18px; line-height: 31px;}
.text-caption { font-size: 0.8em; }

small,
.text-small {
  font-size: 0.64em;
}

.em-tight {
  letter-spacing: -0.05em;
}

blockquote{
    font-size: 3.05em;
    line-height: 1.128em;
    font-weight: 600;
}

p{
    margin-top: 1.68em;
    margin-bottom: 1.68em;
    font-weight: 200;
}

a,
a:hover{
    text-decoration: none;
    color: #C62127;
}

ul li{
    padding: 10px 0;
}

ul.features li{
    font-size: 16px;
    line-height: 23px;
    padding: 5px 0;
}




/* Global */

body.internal .header{
  padding-top: 150px !important;
}


body.internal img{
  max-width: 100%;
}

body.internal .portfolio-items img{
  display: block;
  margin: 15px 0;
}





/* Navigation */


.bg-dark{
    background-color: none;
}




/* Buttons */

.p-btn{
  padding: 25px 35px;
  border: 1px solid #C62127;
  color: #fff;
}

.p-btn:hover{
  color: #fff;
  opacity: 0.8;
}


.s-btn{
  padding: 25px 35px;
  border: 1px solid grey;
  color: #fff;
}

.s-btn:hover{
  color: #fff;
  opacity: 0.8;
}




/* Home */


body.home .homeWrapper{
  width: auto;
  height: 100vh;
  background: #000 url("/img/backgrounds/ellipse.svg") center center no-repeat;
  background-size: 95%;
  height: 100vh;
}







body {
  text-size-adjust: none !important; /* Disables browser's text inflation algorithm */
  -webkit-text-size-adjust: none !important; /* For older WebKit-based browsers like Safari */
}





.offcanvas{
  background-color: #C62127 !important;
  color: #fff;
}

.offcanvas a,
.offcanvas a:hover{
  color: #fff;
}

.offcanvas-body li{
  list-style-type: none;
  border-bottom: 1px solid rgb(255,255,255,0.2)
}

.offcanvas-body a{
  font-size: 14px;
}

.contact{
  padding-top: 150px;
}