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



/*Global*/
* {
margin: 0;
padding: 0; }
.ad {
overflow: hidden;
position:relative;
max-width: 2560px;
min-width: 360px;
width: 100%;
max-height:76.5%;
height: 100%;
object-fit: contain; }
li a {
color: inherit;
text-decoration: none; }
.on { display: none; }
.off.on { display: block; }
a img { border: none; }

/* Background*/
.halftone {
background: transparent url('http://www.dawnequipment.com/images/png/screen_5.png') no-repeat;
background-size: 120%;
position:absolute;
top:15%;
max-width: 2560px;
max-height: 960px;
min-width: 360px;
height: 100%;
width: 100%;
z-index: 9; }
.no-video video#bg { display: none; }
video#bg {
background-size: 100%;
position: absolute;
top:15%;
height:auto;
width: 100%;
z-index: 8; }
img#background_img {
margin:auto;
position: absolute;
top: 15%;
width: 100%;
height: auto;
z-index: 0; }

/* Header*/
.header-group {
position:absolute;
width: 100%;
height:20%; }
.logo-wrapper {
position:absolute;	
float: left;
width: 50%;
max-width:15%;
margin-top:2vmin;
z-index:5;
margin-left:15px;

}
.header_text {	
position:relative;
width:50%;
float:right;
margin-top: 2vmin;
z-index:0;
max-width:50%;

}
.header-group h1{
color: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight: 800;
margin-right: 30px;
text-align: right;
float: right;
font-size: 2vmin;
letter-spacing: .1vmin;
line-height: .5vmin;
height: 3 vmin; 
}
.header-group h2 {
color: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight: 800;
margin-right: 30px;
margin-top:2%;
text-align: right;
font-size: 1.7vmin;
letter-spacing: .1vmin;
line-height: .5vmin;
padding-top: 1.5vmin;
height: 3vmin; }

.header-group h2 a {
color: #8B1C09;
text-align: right;
text-decoration: none; }
.header-group h2 .arrow { font-size: 1vmin; }
.background-logo {
background: url(../images/png/Screen%20Shot%202018-10-02%20at%2012.30.23%20PM.png) no-repeat;
float:left;
width: 100%;
z-index:1; }

/* Menu */

ul.tabs {
position: absolute;
bottom: -90%;
width: 100%;
height: 100%;
z-index: 20; }
li.tab {
background-color:#8e6352;
box-shadow: 0px 0px 10px rgba(0,0,0,0);
cursor: pointer;
float: right;
list-style: none;
position: relative;
width: 20%;
height: 100%;
-webkit-transition: -webkit-transform .25s;
-moz-transition: -moz-transform .25s;
-ms-transition: -ms-transform .25s;
-o-transition: -o-transform .25s;
transition: transform .25s;
-webkit-transition: background-color: .25s;
-moz-transition: background-color: .25s;
-ms-transition: background-color: .25s;
-o-transition: background-color: .25s;
transition: background-color: .25s;
z-index: 20 }

li.tab.on:hover {
background-color: #2cb575;
z-index: 5;
-webkit-transform: translate3d( 0, -60%, 0 );
-moz-transform: translate3d( 0, -60%, 0 );
-ms-transform: translate3d( 0, -60%, 0 );
-o-transform: translate3d( 0, -60%, 0 );
transform: translate3d( 0, -60%, 0 ); }

li.tab.on.clicked {
background-color: #2cb575;
-webkit-transform: translate3d( 0, -50%, 0 );
-moz-transform: translate3d( 0, -50%, 0 );
-ms-transform: translate3d( 0, -50%, 0 );
-o-transform: translate3d( 0, -50%, 0 );
transform: translate3d( 0, -50%, 0 );
z-index: 6 }
li.tab.on.clicked:hover {
-webkit-transform: translate3d( 0, -50%, 0 );
-moz-transform: translate3d( 0, -50%, 0 );
-ms-transform: translate3d( 0, -50%, 0 );
-o-transform: translate3d( 0, -50%, 0 );
transform: translate3d( 0, -50%, 0 ); }
li.tab h1 {
color:#FFF;
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-size: 5vmin;
margin: 10px 5px 40px 5px;
line-height: 15px;
text-align: center; }
li.tab.clicked h1 { margin: 10px 5px 15px 5px; }
li.tab header h1 {  font-size: 3vmin; line-height: 2vmin; letter-spacing: .1vmin;}
li.tab img {
display: block;
margin: 0 auto;
width: 100%;
height: auto; }
li.tab.off:hover {
background-color: #2cb575;
top: -15px;
z-index: 5; }
li.tab.off.clicked { top: -290px; }
li.tab.off.clicked:hover { top: -290px; }
li.tab.off {
display: block; }
li.tab.off a {
display: block;
position: absolute;
width: 100%;
height: 100%;
}
video-wrapper { 
background-size:100%;
position:absolute;
height: 100%;
width: 100%;}
.style_1 {
color: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight: 800;
margin-right:25%;
margin-top:60%;
text-align: right;
font-size: 3vmin;
letter-spacing: .1vmin;
line-height: 0.5%;
padding-top: 10%;
height: 3vmin; }
.style_2 {
color: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight: 800;
margin-right:25%;
margin-top:5%;
text-align: right;
font-size: 3vmin;
letter-spacing: .1vmin;
line-height: 0.5%;
padding-top: 2%;
height: 3vmin; }

.social-list{
position:absolute;
margin-left:2%;	
float: left;
min-width:20%;
min-height:20%;
max-width: 40%;
max-height: 40%; 
top: 3%;
 }


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

    .safari_only{ 

        color:#0000FF; 
        background-color:#CCCCCC;
		max-width: .1vmin;
		max-height: auto;
}
    }
}}