@font-face {
	font-family: 'Aileron';
	src: url('../fonts/aileron/Aileron-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aileron_Bold';
	src: url('../fonts/aileron/Aileron-Bold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aileron_Italic';
	src: url('../fonts/aileron/Aileron-Italic.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/open-sans.regular.ttf');
}

.preload-images {
  display: none; 
  width: 0;
  height: 0;
	background: url('/assets/images/homeslide1.jpg'),
							url('/assets/images/homeslide2.jpg'),
							url('/assets/images/homeslide3.jpg'),
							url('/assets/images/homeslide4.jpg'),
							url('/assets/images/homeslide5.jpg'),
							url('/assets/images/about1.jpg'),
							url('/assets/images/divisions1.jpg'),						
							url('/assets/images/fuel1.jpg'),						
							url('/assets/images/quote1.jpg'),
							url('/assets/images/contact1.jpg'),
							url('/assets/images/strath1.jpg'),
							url('/assets/images/strath2.jpg'),
							url('/assets/images/strath3.jpg'),
							url('/assets/images/strath4.jpg'),
							url('/assets/images/strath5.jpg'),
							url('/assets/images/strath6.jpg')
}

.section {
	border-top: 0 solid #f0f0f0;
	border-bottom: 0 solid #f0f0f0;
}
.video_background,
.video {
	background: url('/assets/images/service3.jpg') no-repeat 0 0;
}

.uk-slidenav-contrast {
    color: #666666;
}

.uk-overlay-panel {
    /* padding: 0 10%; */
}

.address_title {
	min-height: 50px;
}

.slide .uk-slidenav-position .uk-slidenav {
	/* top: 75%; */
	display: block;
	width: 50px;
    height: 50px;
	line-height: 48px;
	font-size: 30px;
    background: #fff;
    color: #121212;
    box-shadow: 0 2px 5px rgba(0,0,0,0.16), 0 2px 10px rgba(0,0,0,0.12);
	transition: color 0.15s, background 0.15s;
}
.slide .uk-slidenav-position .uk-slidenav:focus {
    background: #fff;
    color: #121212;
}
.slide .uk-slidenav-position .uk-slidenav:hover {
	background: #fafafa;
}
.slide .uk-slidenav-position .uk-slidenav-next:before {
    display: block;
    margin-left: 3px;
}
.slide .uk-slidenav-position .uk-slidenav-previous:before {
    display: block;
    margin-right: 3px;
}
.slide .uk-slidenav-position .uk-slidenav-previous.uk-active {
	left: 20px;
	opacity: 1;
}
.slide .uk-slidenav-position .uk-slidenav-next.uk-active {
	right: 20px;
	opacity: 1;
}
.slide .uk-slidenav-position .uk-slidenav-previous {
	left: 30px;
	/* opacity: 0; */
	opacity: 1;
	transition: left 0.5s, opacity 0.15s;
}
.slide .uk-slidenav-position .uk-slidenav-next {
	right: 30px;
	/* opacity: 0; */
	opacity: 1;
	transition: right 0.5s, opacity 0.15s;
}
.slide:hover  .uk-slidenav-position .uk-slidenav-previous {
	left: 20px;
	opacity: 1;
}
.slide:hover .uk-slidenav-position .uk-slidenav-next {
	right: 20px;
	opacity: 1;
}

/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Behave like a block element
 * 3. Style
 */
 .uk-table {
	/* 1 */
	border-collapse: collapse;
	border-spacing: 0;
	/* 2 */
	width: 100%;
	/* 3 */
	margin-bottom: 20px;
  }
  /* Add margin if adjacent element */
  * + .uk-table {
	margin-top: 20px;
  }
  /* Header cell
   ========================================================================== */
  /*
   * 1. Style
   */
  .uk-table th {
	padding: 16px 12px;
	text-align: left;
	vertical-align: bottom;
	/* 1 */
	font-size: 0.875rem;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
  }
  /* Cell
   ========================================================================== */
  .uk-table td {
	padding: 16px 12px;
	vertical-align: top;
  }
  /*
   * Remove margin from the last-child
   */
  .uk-table td > :last-child {
	/* margin-bottom: 0; */
  }
  /* Footer
   ========================================================================== */
  .uk-table tfoot {
	font-size: 0.875rem;
  }
  /* Caption
   ========================================================================== */
  .uk-table caption {
	font-size: 0.875rem;
	text-align: left;
	color: #999;
  }
  /* Alignment modifier
   ========================================================================== */
  .uk-table-middle,
  .uk-table-middle td {
	vertical-align: middle !important;
  }
  /* Style modifiers
   ========================================================================== */
  /*
   * Divider
   */
  .uk-table-divider > tr:not(:first-child),
  .uk-table-divider > :not(:first-child) > tr,
  .uk-table-divider > :first-child > tr:not(:first-child) {
	border-top: 1px solid #e5e5e5;
  }
  /*
   * Striped
   */
  .uk-table-striped > tr:nth-of-type(odd),
  .uk-table-striped tbody tr:nth-of-type(odd) {
	background: #f8f8f8;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
  }
  /*
   * Hover
   */
  .uk-table-hover > tr:hover,
  .uk-table-hover tbody tr:hover {
	background: #ffd;
  }
  /* Active state
   ========================================================================== */
  .uk-table > tr.uk-active,
  .uk-table tbody tr.uk-active {
	background: #ffd;
  }
  /* Size modifier
   ========================================================================== */
  .uk-table-small th,
  .uk-table-small td {
	padding: 10px 12px;
  }
  .uk-table-large th,
  .uk-table-large td {
	padding: 22px 12px;
  }
  /* Justify modifier
   ========================================================================== */
  .uk-table-justify th:first-child,
  .uk-table-justify td:first-child {
	padding-left: 0;
  }
  .uk-table-justify th:last-child,
  .uk-table-justify td:last-child {
	padding-right: 0;
  }
  /* Cell size modifier
   ========================================================================== */
  .uk-table-shrink {
	width: 1px;
  }
  .uk-table-expand {
	min-width: 150px;
  }
  /* Cell link modifier
   ========================================================================== */
  /*
   * Does not work with `uk-table-justify` at the moment
   */
  .uk-table-link {
	padding: 0 !important;
  }
  .uk-table-link > a {
	display: block;
	padding: 16px 12px;
  }
  .uk-table-small .uk-table-link > a {
	padding: 10px 12px;
  }
  /* Responsive table
   ========================================================================== */
  /* Phone landscape and smaller */
  @media (max-width: 959px) {
	.uk-table-responsive,
	.uk-table-responsive tbody,
	.uk-table-responsive th,
	.uk-table-responsive td,
	.uk-table-responsive tr {
	  display: block;
	}
	.uk-table-responsive thead {
	  display: none;
	}
	.uk-table-responsive th,
	.uk-table-responsive td {
	  width: auto !important;
	  max-width: none !important;
	  min-width: 0 !important;
	  overflow: visible !important;
	  white-space: normal !important;
	}
	.uk-table-responsive th:not(:first-child):not(.uk-table-link),
	.uk-table-responsive td:not(:first-child):not(.uk-table-link),
	.uk-table-responsive .uk-table-link:not(:first-child) > a {
	  padding-top: 5px !important;
	}
	.uk-table-responsive th:not(:last-child):not(.uk-table-link),
	.uk-table-responsive td:not(:last-child):not(.uk-table-link),
	.uk-table-responsive .uk-table-link:not(:last-child) > a {
	  padding-bottom: 5px !important;
	}
	.uk-table-justify.uk-table-responsive th,
	.uk-table-justify.uk-table-responsive td {
	  padding-left: 0;
	  padding-right: 0;
	}
  }
  .uk-table tbody tr {
	transition: background-color 0.1s linear;
  }

/* Font Flow */
/* .headerFont {
	font-size: 22px ! important;
	font-family: Montserrat ! important;
	color: #fff ! important;
} */

.contact {
	background: url('/assets/images/service3.jpg') no-repeat 0 0;
}

.uk-slidenav-contrast {
    color: #666666;
}

.uk-overlay-panel {
    /* padding: 0 10%; */
}

/* setup font BT-WEB */
.btHeadings{
		/* font-size: 72px ! important; */
		font-size: 29px ! important;
		line-height: 1.5 ! important;
		/* font-family: Montserrat ! important;
		color: #666666 ! important; */
		
		color: #ed1c24!important;
		font-family: 'open_sanslight'! important;
}

.btSubHeadings{
	/* font-family: Montserrat ! important; */
	font-size: 22px ! important;
	line-height: 1.5 ! important;
	/* color: #666666 ! important; */
	
	color: #ed1c24!important;
	font-family: 'open_sanslight'! important;
}

.btBodyTextNormal{
		/* font-family: Aileron ! important;
    color: #666666 ! important; */
		/* font-size: 28px ! important; */
		font-size: 14px ! important;
		line-height: 1.5 ! important;
		
		font-family: 'open_sansregular'! important;
    color: #404040 ! important;		
}

.btBodyTextBoldNormal{
		/* font-family: Aileron_Bold ! important;
    color: #666666 ! important; */
		/* font-size: 28px ! important; */
		font-size: 14px ! important;
		line-height: 1.5 ! important;
		
		font-family: 'open_sansregular'! important;
    color: #404040 ! important;	
}

.btBodyTextDotPoint{
		/* font-family: Aileron ! important;
    color: #666666 ! important; */
		/* font-size: 28px ! important; */
		font-size: 14px ! important;
		line-height: 1.3 ! important;
		
		font-family: 'open_sansregular'! important;
    color: #404040 ! important;	
}

.btBodyTextBoldDotPoint{
		/* font-family: Aileron_Bold ! important;
    color: #666666 ! important; */
		/* font-size: 28px ! important; */
		font-size: 16px ! important;
		line-height: 1 ! important;
		
		font-family: 'open_sansregular'! important;
    color: #404040 ! important;	
}

.btLinks{
	font-family: Aileron ! important;
	color: #666666 ! important;
	font-size: 14px ! important;
	line-height: 1 ! important;
}

.btFooter{
	font-family: Aileron ! important;
	color: #fff ! important;
	font-size: 14px ! important;
	line-height: 1.5 ! important;
	margin: 0;
}

.btFooterbBar{
	font-family: Aileron ! important;
	color: #fff ! important;
	font-size: 13px ! important;
	line-height: 1.5 ! important;
	margin: 0 40px;
}
/* end setup font BT-WEB */

.btloading {
	z-index: 9999;
	height: 50px;
	position: absolute;
	margin-top: 55px;
	margin-left: 50%;
}


/* CONFIG THEME BTWEB */

.uk-progress-bar {
	/* background: #6666; */
	
	background: #ed1c24;
}

.button-primary{
	/* background: #666666;
	color: #fff; */

	background: #ed1c24;
	color: white;
}

.button-primary:hover, .primary:active, .primary:focus {
	/* background: #d9d9d9 ;
	color: #666666; */

	background: #bd161c ;
	color: white;
}

.uk-modal-header {
	/* background: #666666;
	color: #fff;
	padding: 15px; */

	background: #ed1c24;
	color: white;
	padding: 15px;
}

.header.active {
	/* opacity: 0.9;
	background: #a6a6a6; */

	opacity: 0.9;
	background: #ed1c24;

	/* background: red;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.3); */
}

.theme-primary {
	/* background: #a6a6a6; */

	background: #ed1c24;
}

.theme-second {
	/* background-color:  #777777; */

	background-color: #bd161c; 
}

.theme-white {
	background: url('/assets/images/background_leadership.jpg') no-repeat center center;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	/* background-color: white; */
}

.uk-table-hover tbody tr:hover{
	/* background: #666666;
	opacity: 0.7;
	color: #fff; */

	background: #bd161c;
	color: white;
}

.uk-button-primary {
	background-color: #ed1c24;
	/* background-color: #666666; */
}

.uk-button-primary:hover,
.uk-button-primary:focus {
	background-color: #ed1c24;
	/* background-color: #666666; */
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
	background-color: #ed1c24;
	/* background-color: #666666; */
}


.uk-offcanvas-bar {
	/* background:  rgba(238, 9, 9, 0.966); */
	/* background:  #a6a6a6; */
	background: #ed1c24;
}
.uk-nav-offcanvas > li > a {
	/* color: white; */
	color: #ffffff;
}

/* END CONFIG THEME BTWEB */
.uk-notify-message-primary {
	background: black;
	color: white;
}

.btSubHeadingsv2{
	color: #ed1c24!important;
	font-family: 'open_sansregular'! important;
}

.btSpin {
	width: 60px;
	height: 60px;
}

.textColor {
	color: #ed1c24!important;
}

@media screen and (max-width: 414px) {
	.btHeadings{
		font-size: 16px ! important;
		/* color: #ed1c24!important;
		font-family: 'open_sanslight'! important; */

		color: #ed1c24!important;
		font-family: 'open_sanslight'! important;
	}
	.btBodyTextNormal{
		font-size: 12px ! important;
	}
	.btBodyTextBoldNormal{
		font-size: 12px ! important;
	}
	.btBodyTextDotPoint{
		font-size: 12px ! important;
	}
	.btBodyTextBoldDotPoint{
		font-size: 12px ! important;
	}
	.btFooter{
		font-size: 10px ! important;
	}

	.uk-slidenav {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 20px !important;
	}
	.slide .uk-slidenav-position .uk-slidenav-previous {
			left: 10px !important;
	}
	.slide .uk-slidenav-position .uk-slidenav-next {
			right: 10px !important;
	}
}

@media only screen and (max-device-width: 1024px) {
    .video{
        background-attachment: scroll;
	}
}

.fadeIn {
	-webkit-animation-duration: 3s !important;
	animation-duration: 3s !important;
}

ul{
	margin-top: 0 !important;
}
li{
	margin-bottom: -6px !important;
}
.fontOpenSans{ 
	font-family: 'open_sansregular'! important;
}
.arrowColor {
	background: rgb(237, 28, 36)!important;
	color: #fff!important;
}