/* Font Family import */
@font-face {font-family: 'UniversCom-67BoldCond';src: url('../webfonts/2E2E88_0_0.eot');src: url('../webfonts/2E2E88_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2E2E88_0_0.woff2') format('woff2'),url('../webfonts/2E2E88_0_0.woff') format('woff'),url('../webfonts/2E2E88_0_0.ttf') format('truetype');}

@font-face {font-family: 'UniversCom-47LightCond';src: url('../webfonts/2E2E88_1_0.eot');src: url('../webfonts/2E2E88_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2E2E88_1_0.woff2') format('woff2'),url('../webfonts/2E2E88_1_0.woff') format('woff'),url('../webfonts/2E2E88_1_0.ttf') format('truetype');}

@font-face {font-family: 'UniversCom-57Condensed';src: url('../webfonts/2E2E88_2_0.eot');src: url('../webfonts/2E2E88_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2E2E88_2_0.woff2') format('woff2'),url('../webfonts/2E2E88_2_0.woff') format('woff'),url('../webfonts/2E2E88_2_0.ttf') format('truetype');}

/* Basic styles */            
*:focus{outline: none}
html{scroll-behavior: smooth}
html,body{width: 100%; height: 100%; margin: 0; padding: 0; font-size: 16px; text-align: center;}
body{font-family: 'UniversCom-57Condensed',sans-serif; color: #382b42; font-size: 16px;}
a:link,a:visited{color:#5286f9; text-decoration: none;}
a:hover{text-decoration: underline;}
header, main, footer{width: 100%; }

footer svg{width:75px;}

.anchor{position: relative;}
.anchor a {
  position: absolute;
  left: 0px;
  top: -59px;
}

section{width: 100%;  position: relative; display: block;  margin: auto; height:100vh; text-align: center;}
.container{display: block; position: absolute; vertical-align: middle; width: 90%; max-width: 960px !important; transform: translate(-50%,-50%); left: 50%; top: 50%; }

h1,h2{line-height: 1em; font-weight: normal; margin: 0}
h1{font-size: 8.5em;}
h2{font-size: 3.5em;}

.success {font-weight: normal; color: #15ffc7}
.error {font-weight: normal; color:#FF0000;}

.link:link,.link:visited{font-size: 20px; color: #f9c552; padding: 20px 0 40px; cursor: pointer; text-decoration: none; display: inline-block; font-family: 'UniversCom-47LightCond'}
.link:hover,.link:active,.link:focus{text-decoration: underline;}

.cta{font-family: 'UniversCom-57Condensed',sans-serif; cursor:  pointer; margin: 1.5em auto 0; border:0;  border-radius: 1.5em; font-size: 2em; line-height:0; padding: 1em; text-transform: uppercase; transition: .3s; display: block; text-decoration: none; display: inline-block;}
.cta:hover,.cta:active, input[type=submit]:hover, input[type=submit]:active{color: #FFF !important; transition: .3s; text-decoration: none}

input, textarea {font-family: 'UniversCom-47LightCond',sans-serif; width:85%; max-width: 300px; margin: 1em auto 0; border:0;  border-radius: 1.5em; font-size: 16px; line-height:1em; padding: 1em; text-transform: uppercase; transition: .3s; display: block; text-decoration: none;  color: #382b42; -webkit-appearance: none;}
textarea{min-height: 100px; resize: vertical; line-height: 1em; }
.submit{margin: 1em auto !important}
.submit:hover{color: #FFF !important}
.contactTitle{color: #FFF; margin-bottom: .5em; font-size: 4em}

#CWvideo{width: 100%; height: auto; vertical-align: bottom; visibility: hidden;}

header{position: fixed; background: rgba(255,255,255,1); z-index: 999; /*mix-blend-mode:screen;*/ height: 1.75em;  padding: 1em 0;}
#branding, nav {display: block; float: left; vertical-align: middle; position: relative; height: 100%;}
#branding svg{height: 100%; width: auto; vertical-align: middle;  fill:#382b42; padding-left: 1em}

nav {float: right;}
nav ul{margin: 0; padding: 0; list-style-type: none; }
nav ul li {display: inline-block; padding: 0 1em 0 0}
nav ul li a {display: table-cell; vertical-align: middle; color: #382b42 !important; text-decoration: none; line-height: .5em}
nav ul li a:hover{text-decoration: none !important;}
.thumbnail{display: inline-block; width: 33.333333333333333333333%; height: 50vh; mix-blend-mode:screen; overflow-y: hidden; background-size: auto 101%; background-repeat: no-repeat; background-position: center center; /*cursor: pointer;*/ opacity: .25; padding: 0; margin: 0; font-size: 0; line-height: 0; vertical-align: top; border: 0;}
/*.thumbnail img{width: auto; height: 100%; vertical-align: bottom; opacity: .25;}*/

/*.thumbnail:hover {mix-blend-mode: normal;}
.thumbnail:hover img {opacity: 1}*/

.paragraph{font-size: 1.35em; line-height: 1.35em; margin: 0 0 1em; font-family:'UniversCom-47LightCond',sans-serif; text-align: left; }
.paragraph strong {font-weight: normal; font-family: 'UniversCom-57Condensed',sans-serif}

@media only screen and (max-device-height: 800px), only screen and (max-height: 800px)
    {
        h1{font-size: 6em}
        .contactForm .input{display: inline-block; width: 34%; vertical-align: top;}
        .contactForm .textarea{width: 75%; margin: auto;}
        .contactForm textarea{max-width: none;}
        .contactTitle{font-size: 3.5em; padding-top: .75em;}
        .submit {margin: .5em !important;}
    }

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px)
    {
        h1{font-size: 7em}
        h2{font-size: 2.5em}
        .contactForm div{display: block !important; width: auto !important;}
        input, textarea {font-family: 'UniversCom-47LightCond',sans-serif; width:85%; max-width: 300px; margin: 1em auto 0; border:0;  border-radius: 1.5em; font-size: 16px; line-height:1em; padding: 1em; text-transform: uppercase; transition: .3s; display: block; text-decoration: none;  color: #382b42; -webkit-appearance: none;}
        textarea{min-height: 100px; resize: vertical; line-height: 1em; }
        .submit{margin: 1em auto !important}
        .submit:hover{color: #FFF !important}
        .contactTitle{color: #FFF; margin-bottom: .5em; font-size: 4em}
    }

 @media only screen and (max-device-width: 540px), only screen and (max-width: 540px)
    {
        h1{font-size: 5em}
        h2{font-size: 2.5em}
        .thumbnail{width: 50%; height: 33.33333333333vh}
        #videoContainer{overflow-x: hidden; text-align: center;}
        #CWvideo{width: 130%; left:12%; transform: translateX(-12%);}
        .desktop {display: none !important;}

    }

@media only screen and (max-device-width: 420px), only screen and (max-width: 420px)
    {

        h1{font-size: 4em}
         h2{font-size: 2em}
        nav ul li {padding: .65em .5em 0 0}
        .last {padding-right: 1em;}
        .contactTitle{font-size: 3em}
        input, textarea {margin: .5em auto 0}
        .cta{font-size: 1.5em}
    }

@media only screen and (max-device-width: 375px), only screen and (max-width: 375px)
    {

        input, textarea {padding: .75em; font-size: 14px;}
    }

@media only screen and (max-device-width: 320px), only screen and (max-width: 320px)
    {
       body{font-size: 15px}
        h1{font-size: 3.5em}
        /*#branding svg {padding-left: .5em}
        .last {padding-right: .5em;}*/
        nav ul li {padding: 0 .35em 0 0}

    }