video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.video-wrapper {
  border: 0px solid #000;
  position: relative;
  overflow: hidden;
  text-align: center;
 /* display: flex; */
  align-items: center;
 /* justify-content: center; */
  margin-top: 30px;
}

.thevideo{
  position: relative;
  color: white;
}

.main video {
    display: inline-block;
    width: 100%;
	z-index 1;
}




/* Header BG Image CSS
----------------------------------------------------------------*/

.blacktitle {
    padding: 180px 0 80px;
    background: url(../img/black.png) repeat;
    color: #fff;
    text-align: center;
}

.page-template-header-image-page .content {
    padding: 0px 0 50px;
}


.header {
    height: 140px;
	padding-top: 0px;
    padding-bottom: 20px;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 37px 0 0;
}

hr {
	border: 3px solid #B10202;
	width: 125px;
}

.content hr {
	border: 3px solid #B10202;
	width: 125px;
	display: inline-block;
}


/* General
-----------------------------------------------------------*/
body {
	font-size: 14px;
	line-height: 24px;	
}

p {
	font-size: 14px;
	line-height: 24px;	
}

h1, h2, h3, h4, h5, h6 { 
	font-family: "Roboto", serif;
	font-weight: 900;
}

h2 {
	font-size: 56px;
	color: #B10202;
	font-weight: 900;
	letter-spacing: 1px;
}

h3 {
	font-size: 32px;
	line-height: 34px;
	font-weight: 900;
}

.titlecenter {
	text-align: center;
}



ul, ol, dl {
    font-size: inherit;
    line-height: inherit;
}

a {
	color: blue;
}

a:hover, a:focus {
	color: green;
}

img.alignright {
	float: right;
}

img.alignleft {
	float: left;	
}



/* Button
-----------------------------------------------------------*/
[type="email"], [type="text"], textarea {
    box-shadow: none;
    color: #fff;
    height: auto;
    margin: 0 0 10px;
    padding: 15px 20px;
	border-radius: 0;
}

input::placeholder, textarea::placeholder {
    color: inherit;
}

.button {
    margin: 0 0 0rem 0;
}

a.button, [type="submit"] {
    background: #B10202;
    border: none;
	border-radius: 25px;
    color: #fff;
    cursor: pointer;
    line-height: 1rem;
    margin: 0 0 10px;
    padding: 14px 20px;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 900;
}

a.button:focus, [type="submit"]:focus,
a.button:hover, [type="submit"]:hover {
	background: #000;
	color: #fff;
}

.button .fa-circle-arrow-right {
	color: #fff !important;
	font-size: 15px;
	margin-left: 4px;
}


/* Header
-----------------------------------------------------------*/


/*--- Top ---*/
.top {
	font-family: "Roboto", serif;
}

.top ul {
	margin: 0;
}

.top ul li {
    float: left;
    list-style: outside none none;
}


/*--- Header ---*/


.logo{
    position: absolute;
    z-index: 999;
    max-width: 246px;
    margin-top: -18px;
	margin-left: 30px;
}



/*--- Nav ---*/

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}

.dropdown.menu a {
    padding: 0.7rem 0rem;
    margin: 0 20px;
}


.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 0px solid #cacaca;
    background: #fefefe;
}

.dropdown.menu .is-active>a {
	color: red;
}

.menu li ul li a {
    line-height: 0;
    text-decoration: none;
    display: block;
    padding: 0rem 0rem;
    color: #000;
}


.menu a {
    text-decoration: none;
    line-height: 0;
    display: block;
    padding: 0rem 0rem;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
	font-weight: 600;
}

ul.nav.dropdown.menu {
    float: right;
}

ul.nav.dropdown.menu li {
    float: left;
    list-style: none;
}

.secondarymenulink ul.nav.dropdown.menu li {
    float: left;
    list-style: none;
    background: #8ac841;
}

.secondarymenulink ul.nav.dropdown.menu li a {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 10px 20px;
}

.headeraddress .secondarymenulink li {
    padding: 0;
}

ul.nav.dropdown.menu li.current_page_item > a,
ul.nav.dropdown.menu li.current-menu-parent > a,
ul.nav.dropdown.menu li.current-menu-ancestor > a,
ul.nav.dropdown.menu li.current_page_item > a:hover,
ul.nav.dropdown.menu li.current-menu-parent > a:hover,
ul.nav.dropdown.menu li.current-menu-ancestor > a:hover {
	border-bottom: 4px solid #B10202;
	padding-bottom: 35px;
}

ul.nav.dropdown.menu li > a:hover {
	border-bottom: 0px solid #B10202;
	color: #ccc;
}

ul.nav.dropdown.menu li ul > li:hover {
	background: red;
	color: #fff;
}

ul.nav.dropdown.menu li ul li > a:hover {
	border-bottom: 0px solid #B10202;
}


.menu-primary-container{
	margin-top: 45px;
}


.headeraddress {
	font-size: 11px;
    color: #fff;
    padding: 10px 30px;
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, .7);
    border-top: 4px solid #B10202;
    font-weight: 900;
    letter-spacing: .5px;
}

.headeraddress li, .headeraddress a{
	color: #fff;
	text-align: right;
	line-height: 13px;
}

.headeraddress li{
	padding: 0 0 0 8px;
}

.headeraddress ul{
	float: right;
}

.secondarymenu ul.nav.dropdown.menu li > a:hover {
	border-bottom: 0px solid #72963f;
}

.secondarymenu{
	padding: 23px 0 0; 
}

.secondarymenu ul{
	margin-top: 3px; 
}

.secondarymenu ul li a:hover{
	border-bottom: 0px solid #72963f;
}

.secondarymenu a{
	margin: 0;
	color: #797979;
	font-family: "Roboto", serif;
}

.socialmenu {
    padding: 13px 0 0;
    margin-top: 13px;
}

.socialmenu li a{
	margin-left: 10px;
	color: #395499;
}


/* Mobile menu style */

.position-right.is-transition-push {
    box-shadow: inset 0px 0 0px -13px rgba(10,10,10,.25);
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000;
}



/* Home
-----------------------------------------------------------*/

/*----- Main -----*/


.vidtext {
	/* background: url(../img/black.png); */
    padding: 100px 0 90px 0;
	min-height: 500px;
	z-index: 1;
}

.black {
	background: url(../img/black.png);
	padding: 0 0 230px 0;
}

.blackbtn {
	background: #000 !important;
	color: #fff;
}

.main {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 700px;
	text-align: left;
}

.main .featuretitle h1, .main .featuretitle p, .main .featuretitle .button, .main hr {
	margin-left: 60px;
}

.main h1 {
    margin-top: 150px;
    color: #fff;
    font-size: 82px;
    line-height: 95px;
    text-align: left;
    font-weight: 900;
	letter-spacing: 1px;
}

.main p{
	color: #fff;
	font-size: 18px;
    line-height: 32px;
}

.orbit-slide {
    width: 100%;
    height: 7s00px;
}

.orbit-slide a{
    width: 100%;
}


.backgrounds{
	-webkit-background-size: cover, auto;
	-moz-background-size: cover, auto;
	-o-background-size: cover, auto;
	background-size: cover, auto;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, bottom; 
}

.calltoaction {
	background: #B10202;
	color: #fff;
	font-size: 32px;
	line-height: 44px;
	padding-top: 32px;
	padding-bottom: 32px;
}

.calltoaction strong {
	font-weight: 900;
}

.contentbg {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%), url(../img/partsbg.jpg) no-repeat;
  	background-size: 100%;
}

.iconcolour {
	color: #B10202 !important;
}

.featurecontent {
	margin-top: 200px;
}

.introtext {
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
	color: #fff;
}

.featurecolumns {
	margin-top: 30px;
}

.featurecolumn {
	border-radius: 15px;
	background: #B10202;
	color: #fff;
	text-align: left;
}

.featurecolimg {
	height: 226px;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	border-radius: 15px 15px 0px 0px; 
}

.featurecolimg ul li {
	text-align: left;
	margin-left: 20px;
	padding-right: 20px;
}

.featurecolimg ul {
	margin-left: 20px;
}

.blackimg {
	background: url(../img/black.png);
}


/* Content
-----------------------------------------------------------*/
.content {
	min-height: 500px;
	padding: 50px 0 150px;
}

.productrow {
	margin-top: 50px;
	background: #eee;
	padding: 20px;
}

.rowspace {
	margin-top: 50px;
	padding: 20px;
}

.servicegallerytitle {
    margin-top: 20px;
}

.rowmargin {
	margin-top: 50px;
}


/* Services Images Fade In
-----------------------------------------------------------*/

.fade-in-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}



/* Footer
-----------------------------------------------------------*/
.footer {
	background: #000;
    color: #fff;
    padding-top: 30px;
    border-bottom: red;
    padding-bottom: 30px;
}

.footer a{
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 13px;
}

.footer ul li {
	list-style: none;
	float: left;
	margin-right:15px;
	font-weight: 900;
	text-transform: uppercase;
}

.footer .logo  {
	width: 100%;
	text-align: right;
	display: block;
	position: relative;
	margin-left: 0;
}







/* Bottom
-----------------------------------------------------------*/
.bottom {
    background: black;
    padding: 10px 0;
	border-bottom: 10px solid #B10202;
}

.bottom p {
	margin: 0;
}

.bottom a {
	background: url(../img/x.png) no-repeat center left;
   	color: white;
    font-size: 10px;
    padding: 0 0 0 20px;
}






@media only screen and (max-width: 63.9375em) { 


/* Header
-----------------------------------------------------------*/

.header {
    height: 130px;
}

.logo {
    margin-top: 10px;
    position: absolute;
    width: 320px;
}


.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: visible; // solves a bug where background image disappears in medium
}

a.menu_icon {
    color: #fff;
}

.menu_icon {
    margin: 0;
	font-size: 50px;
}

.menu_icon::after {
    display: none;
}

.menu-primary-container{
	margin-top: 30px;
}

#offCanvasMenu .close-button {
    background: #B10202 none repeat scroll 0 0;
    border-radius: 0;
    color: white;
    font-size: 21px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 999;
}

#offCanvasMenu label {
    background: black none repeat scroll 0 0;
    color: white;
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    letter-spacing: 1px;
    padding: 8px 10px;
}

#offCanvasMenu ul.nav {
    float: none;
    margin: 0;
}

#offCanvasMenu ul.nav li {	
	border: none;
    border-bottom: 1px solid #ccc;
    float: none;
    margin: 0;
    padding: 0;
}

#offCanvasMenu ul.nav li a {
	font-family: "Roboto", serif;
    display: block;
    margin: 0;
    padding: 20px 20px;
    border: none;
    color: #fff;
    background: none;
    text-transform: uppercase;
    font-weight: 600;
}

#offCanvasMenu a {
    color: #fff;
}

#offCanvasMenu ul li {
	list-style: none;
	font-family: "Roboto", serif;
}


#offCanvasMenu ul.nav li:last-child  {
    border-bottom: 0px solid #ccc;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 0rem;
}

.accordion-menu li {
    width: 100%;
    display: inline-block;
}

.socialmenu {
    padding: 0;
}

#offCanvasMenu .secondarymenu ul{
	margin-top: 15px;
}

#offCanvasMenu .socialmenu {
    margin: 0 0 0 10px;
}

#offCanvasMenu .socialmenu li a {
    margin-right: 20px;
    color: #395499;
    float: left;
	font-size: 24px;
	color: #000;
}

#offCanvasMenu {
	color: #fff;
}

.main {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    text-align: left;
}

.main h1 {
    margin-top: 130px;
    color: #fff;
    font-size: 82px;
    line-height: 95px;
    text-align: left;
    font-weight: 900;
    letter-spacing: 1px;
}

.featurecontent {
    margin-top: 50px;
}

.content {
    min-height: 500px;
    padding: 50px 0 50px;
}

.calltoaction {
    background: #B10202;
    color: #fff;
    font-size: 32px;
    line-height: 44px;
    padding-top: 16px;
    padding-bottom: 16px;
}



.footer {
	display: none;
}

}









@media only screen and (max-width: 39.9375em) {

h1 {
    font-size: 42px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
	line-height: 48px;
}

h2 {
    font-size: 32px;
    color: #B10202;
    font-weight: 900;
    letter-spacing: 1px;
}

h4 {
	font-size: 36px;
	line-height: 42px;
}

.header {
    height: 90px;
	margin: 0 0 0;
}


.logo {
    margin-top: 10px;
	margin-left: 0;
    position: absolute;
    width: 200px;
}

.footer .logo {
    margin-top: 10px;
	margin-left: 0;
    position: relative;
    width: 100%;
}



.menu_icon {
    margin: 0;
	font-size: 32px;
}

.main .featuretitle h1, .main .featuretitle p, .main .featuretitle .button, .main hr {
    margin-left: 15px;
}

.main h1 {
    margin-top: 90px;
    color: #fff;
    font-size: 48px;
    line-height: 52px;
    text-align: left;
    font-weight: 900;
    letter-spacing: 1px;
}


.main {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    text-align: left;
}

.calltoaction {
    background: #B10202;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}

.calltoaction .button {
	margin: auto;
}


.contentbg {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%), url(../img/partsbg.jpg) no-repeat;
  	background-size: 100%;
}


.featurecolumn {
    border-radius: 15px;
    background: #B10202;
    color: #fff;
    text-align: left;
	margin-bottom: 15px;
}


.rowmargin {
	margin-top: 20px;
}

.serviceimg {
	margin-bottom: 20px;
}


}










/* IE 
-----------------------------------------------------------*/
.ie8 .row               { width:1000px !important; }
.ie8 .row .row			{ width:100%   !important; }
.ie8 .row .row .row     { width:100%   !important; }
.ie8 .large-centered    { width:100%   !important; }
.ie8 .columns           { float:left; padding: 0 20px;}
.ie8 .large-1.columns   { width:  8%; }
.ie8 .large-2.columns   { width: 15%; }
.ie8 .large-3.columns   { width: 25%; }
.ie8 .large-4.columns   { width: 33%; }
.ie8 .large-5.columns   { width: 40%; }
.ie8 .large-6.columns   { width: 50%; }
.ie8 .large-7.columns   { width: 58%; }
.ie8 .large-8.columns   { width: 66%; }
.ie8 .large-9.columns   { width: 75%; }
.ie8 .large-10.columns  { width: 83%; }
.ie8 .large-11.columns  { width: 90%; }
.ie8 .large-12.columns  { width: 100%;}
.ie8 .hide-for-large-up { display:none; }





/* Visibility Classes 
-----------------------------------------------------------*/	

@media only screen { /* small displays */
	.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 40.063em) { /* medium displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 64.063em) { /* large displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 90.063em) { /* xlarge displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 120.063em) { /* xxlarge displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}