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

.nav-drawer-wrap {
    background-color: transparent;
    height: 0;
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    z-index: 1001;
}

.dont-scroll {
overflow:hidden;	
	
	
}

.nav-drawer-bottom-links {
    color: #e8e8e8;
    font-family: "Muli";
    font-size: 16px;
    line-height: 22px;
    padding: 16px 33px;
    text-align: center;
	height:35%;
	background-color:black;

}

.row {
    clear: both;
}

.col-xs-12 {
    box-sizing: border-box;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
    width: 100%;
	
}
.vp-xs-top-4 {
    padding-top: 64px;
}
.vp-xs-bottom-1 {
    padding-bottom: 16px;
}

.nav-drawer-logo {
    display: inline-block;
    height: auto;
    position: relative;
    top: 8px;
    width: 225px;
}

.container::after, .row::after, .u-cf {
    clear: both;
    content: "";
    display: table;
}

.nav-drawer-bottom-links a {
    color: #e8e8e8;
	letter-spacing:0;
    text-decoration: none;
}

.nav-drawer-bottom-links a {
    color: #e8e8e8;
	letter-spacing:0;
    text-decoration: none;
}


.site-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 800;
}

.logohead svg {
    height: 40px;
    width: 112.5px;
}

#masthead {
	height:40px;
	width:112.5px;
	display: inline-block;
    left: 20px;
 	 margin-left: none;
 
    position: fixed;
       top:25px;
    transition: all 0.25s ease 0s;
}

#masthead.move {
	opacity:0.2;

	
}

#Motors, #Magnum {
	
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	    transition: all 0.25s ease 0s;
}



@media only screen and (min-width: 768px) {
.site-header {
    left: 0;
    position: absolute;
    
    width: 100%;
    z-index: 800;
}

.logohead svg {
    height: 80px;
    width: 225px;
}

#masthead {
	height:80px;
	width:225px;
	display: inline-block;
    left: 50%;
	margin-left: -112.5px;
 
 	bottom:200px;
    position: absolute;;
    
    transition: all 0.25s ease 0s;
	top:auto;
}

#masthead.move {
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	
}

#Motors, #Magnum {
	
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	    transition: all 0.25s ease 0s;
}
}



@media only screen and (min-width: 768px) {

.vp-xs-top-4 {
    padding-top: 0px;
	padding-bottom:20px;
}

.col-xs-12 {
    box-sizing: border-box;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
    width: 100%;
}

.vp-md-bottom-0 {
    padding-bottom: 0;
} 

.col-md-4 {
    box-sizing: border-box;
    float: left;
    padding-left: 2.08333%;
    padding-right: 2.08333%;
    width: 33.3333%;
}




}

@media only screen and (min-width: 768px) {
.nav-drawer-wrap {
    overflow: hidden;
}
}

.nav-drawer-wrap::before {
    background-color: #111111;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.15s linear 0s;
	-webkit-transition: all 0.15s linear 0s;
	-ms-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
    width: 100%;
}

.nav-drawer-interior {
    background-color: black;
    opacity: 0;
    overflow: auto;
    padding-top: 80px;
    position: relative;
    transition: opacity 0.4s ease 0s, height 0.25s ease 0s, transform 0.25s ease 0s;
	


    -webkit-transition: opacity 0.4s, height 0.25s, -webkit-transform 0.25s;
    -ms-transition: opacity 0.4s ease 0s, height 0.25s ease 0s, transform 0.25s ease 0s;
	 -o-transition: opacity 0.4s ease 0s, height 0.25s ease 0s, transform 0.25s ease 0s;

}

.nav-drawer-top-links {
    height: 81%;
}

.nav-drawer-top-links .nav-drawer-home {
   
	color:#ababab;
   font-family: "Muli-Light";
   font-size: 0.9em;
   font-weight: 600;
   height: 80px;
  padding-left: 3.3%; 
   letter-spacing: 0.13rem;
   line-height: 37px;
   padding-top: 20px;
   position: absolute;
   text-decoration: none;
   text-transform: uppercase;
   top: 0;
   z-index: 1005;
width:100%;
background-color:black;
	
	
}

.nav-drawer-top-links .nav-drawer-home i {
	
	display:inline-block;
	
}

.nav-drawer-home p {
	
	display:inline-block;

	
}

.nav-drawer-top-links .nav-drawer-mail {
    background-color: #fff;
	color:#ababab;
    font-family: "Muli-Light";
    font-size: 0.9rem;
    font-weight: 600;
    height: 36px;
    right: 3.3%;
    letter-spacing: 0.13rem;
    line-height: 37px;
    padding: 0 16px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 23px;
    z-index: 1005;
}



.nav-drawer-top-links .nav-drawer-home:hover {
  

    
	
}

.nav-content-column {
   /* border-left: 1px solid #e8e8e8; */
    border-top: 1px solid #e8e8e8;
    color: #111111;
    float: left;
    padding: 25px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 100%;
}

@media only screen and (min-width: 768px) {
.nav-content-column {
    border-bottom: 1px solid #e8e8e8;
    border-top: medium none;
    height: 33.3333%;
    padding: 0;
    width: 50%;
}

.nav-content-column {
 border-left: 1px solid #e8e8e8;
    transition: all 0.5s ease 0.05s;
	-webkit-transition: all 0.5s ease 0.05s;
	-ms-transition: all 0.5s ease 0.05s;
	-o-transition: all 0.5s ease 0.05s;
   
  
}
}
@media only screen and (min-width: 960px) {
.nav-content-column {
    height: 50%;
    width: 33.3333%;
}
}
.nav-content-column::before {
    background-color: #f9f9f9;
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.3s ease 0s;
	
}
.nav-content-column:first-child {
    border-left: medium none;
}


.vertical-content-center {
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-trigger-head {
    background-color: #ff0000;
    border-radius: 50px;
    height: 44px;
    position: fixed;
    right: 20px;
    top: 20px;
    transition: all 0.25s ease 0s;
    width: 44px;
    z-index: 10010;
}
.nav-trigger-head .nav-lines-head {
    height: 14px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 14.6px;
    transition: all 0.25s ease 0s;
    width: 20px;
}
.nav-trigger-head .nav-lines-head .line-top-head {
    background-color: #111111;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.35s ease 0s;
    width: 100%;
}
.nav-trigger-head .nav-lines-head .line-middle-head {
    background-color: #111111;
    height: 2px;
    left: 0;
    margin-top: -1px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: all 0.35s ease 0s;
    width: 100%;
}
.nav-trigger-head .nav-lines-head .line-bottom-head {
    background-color: #111111;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.35s ease 0s;
    width: 100%;
}



@media only screen and (min-width: 768px) {
.nav-trigger-head .nav-lines-head {
    height: 16px;
    top: 17px;
    width: 25px;
}
}
.nav-trigger-head:hover {
    cursor: pointer;
}
.nav-trigger-head:hover::before {
    opacity: 1;
}
.nav-trigger-head:hover .nav-lines-head {
    height: 20px;
    top: 12px;
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.nav-trigger-head:hover .nav-lines-head .line-top-head {
    top: 9px;
}
.nav-trigger-head:hover .nav-lines-head .line-middle-head {
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.nav-trigger-head:hover .nav-lines-head .line-bottom-head {
    bottom: 8px;
    opacity: 0;
}
@media only screen and (min-width: 768px) {
.nav-trigger-head:hover .nav-lines-head {
    top: 15px;
}
}
@media only screen and (min-width: 768px) {
.nav-trigger-head {
    height: 50px;
    right: 55px;
    top: 50px;
    width: 50px;
}
}

.nav-active .nav-drawer-wrap {
    height: 100%;
}
.nav-active .nav-drawer-wrap::before {
    opacity: 0.5;
}
.nav-active .nav-drawer-interior {
    bottom: 0;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
}


.nav-active .nav-trigger-head .nav-lines-head {
    height: 20px;
    top: 12px;
    transform: rotate(135deg) !important;
	-webkit-transform: rotate(135deg) !important;
		-o-transform: rotate(135deg) !important;
			-ms-transform: rotate(135deg) !important;
}

.nav-active .nav-trigger-head .nav-lines-head .line-top-head {
    background-color: #111111;
    top: 9px !important;
}

.nav-active .nav-trigger-head .nav-lines-head .line-middle-head {
    background-color: #111111;
    transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
	-o-transform: rotate(90deg) !important;
	-ms-transform: rotate(90deg) !important;
}


.nav-active .nav-trigger-head .nav-lines-head .line-bottom-head {
    bottom: 8px;
    opacity: 0;
}

.nav-drawer-top-links .nav-drawer-mail {
	
    background-color: transparent;
    color:white;
    height: 75px;
    line-height: 75px;
    padding: 0;
    top: -75px;
	text-transform:lowercase;
	letter-spacing:0;
	
}



.nav-content-box {
    display: block;
    margin: 0 auto;
    transition: all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
    width: 100%;
}

.nav-content-box h6 {
    color: white;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    opacity: 0.5;
    position: relative;
    transition: all 0.5s ease 0.05s;
	-webkit-transition: all 0.5s ease 0.05s;
	-ms-transition: all 0.5s ease 0.05s;
	-o-transition: all 0.5s ease 0.05s;
    z-index: 3;
}

.nav-content-box h2 {
    margin: 5px 0;
    position: relative;
    transition: all 0.5s ease 0.05s;
	-webkit-transition: all 0.5s ease 0.05s;
	-ms-transition: all 0.5s ease 0.05s;
	-o-transition: all 0.5s ease 0.05s;
    z-index: 3;
	font-family:"Muli";
	left: 0;
	letter-spacing:0;
	top:0;
	color:white;
}

.pad-top {
padding-top: 0;	
}

.highlight-red, .highlight-light-grey {
    display: inline-block;
    font-weight: 600;
    position: relative;
}
.highlight-red::before, .highlight-light-grey::before {
    background-color: red;
    bottom: -5px;
    content: "";
    height: 15%;
    left: -2%;
    position: absolute;
    width: 0%;
    z-index: 0;
	 transition: all 0.25s ease 0.05s;
}





/* extra Type */

.highlight-text {
    position: relative;
    z-index: 2;
}


h6, .h6 {
    display: block;
    font-family: "Muli";
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.13rem;
    line-height: 1.08;
    text-transform: uppercase;
}

.intro-number {
    display: inline-block;
    width: 2em;
}

.nav-drawer-top-links a:nth-last-child(1) {
border-bottom:1px solid #e8e8e8;	
	
}

.nav-drawer-top-links .nav-drawer-home a:nth-last-child(1) {
border-bottom:none;	
	
}

@media only screen and (min-width: 768px) {
.nav-active .nav-drawer-interior {
    height: calc(100vh - 160px);
    left: 25px;
    right: 25px;
    -webkit-transform: translateY(75px);
    -ms-transform: translateY(75px);
        transform: translateY(75px); 
}
}

.nav-content-box p {
   display:none;
}

.nav-active .nav-trigger-head .nav-lines-head {
    height: 20px;
    top: 12px;
    transform: rotate(135deg) !important;
}

.nav-active .nav-trigger-head .nav-lines-head .line-top-head {
    background-color: #111111;
    top: 9px !important;
}

.nav-active .nav-trigger-head .nav-lines-head .line-middle-head {
    background-color: #111111;
    transform: rotate(90deg) !important;
}

.nav-active .nav-trigger-head .nav-lines-head .line-bottom-head {
    bottom: 8px;
    opacity: 0;
}



@media only screen and (min-width: 768px) {
.nav-drawer-interior {
    height: calc(100vh - 85px);
    left: 25px;
    overflow: visible;
    padding-top: 0;
    position: absolute;
    right: 25px;
    -webkit-transform: translateY(85px);
-ms-transform: translateY(85px);
transform: translateY(85px);
	
    width: auto;
    z-index: 1000;
}

.nav-drawer-top-links .nav-drawer-home {
    background-color: transparent;
    color: #ffe300;
    height: 75px;
    line-height: 75px;
    padding: 0;
    top: -75px;
}


.nav-content-column {
    border-bottom: 1px solid #e8e8e8;
    border-top: medium none;
    height: 50%;
    padding: 0;
    width: 50%;
}


.nav-content-box h6 {
    font-size: 12px;
    margin: 0 10% 6px;
}



.vertical-content-center {
 display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-content-box h2 {
    margin: 0 10% 5px;
}

.borderline-top {
	border-top:1px solid #e8e8e8;	
}


.borderline {
	
border-bottom:1px solid #e8e8e8;	
}

.borderline-right {
	border-right:1px solid #e8e8e8;	
	
	
}

.nav-content-column:hover .highlight-red::before {
    width: 104%;
	transition: all 0.25s ease 0.05s;

}

.nav-content-column:hover  {
 
	transition: all 0.25s ease 0.05s;
	background-color:rgba(50,0,0,1);
	

 
	
}




.nav-content-column:hover h2, .nav-content-column:hover p {
	

 transition: all 0.5s ease 0.05s;

}

.nav-content-box p {
    color: white;
    font-family: "Muli";
    left: 0;
    letter-spacing: 0;
    margin: 5px 0;
    position: relative;
    top: 0;
    transition: all 0.5s ease 0.05s;
    z-index: 3;
	height:1em;
	display:block;
	
}

.nav-content-box p {
    margin-left: 10%;
    margin-right: 10%;
	top:0;
}

.nav-drawer-top-links .nav-drawer-home {
    background-color: transparent;
    color: #ffe300;
    height: 75px;
    line-height: 75px;
    padding: 0;
    top: -75px;
}






.nav-drawer-top-links .nav-drawer-home {
	
    background-color: transparent;
    color:white;
    height: 75px;
    line-height: 75px;
    padding: 0;
    top: -75px;
	
}

.nav-active .nav-trigger-head .nav-lines-head {

    top: 15px;

}


.invi {
	opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	-moz-opacity:0;
	
}


}