@charset "utf-8";



/* CSS Document */

/*------------------------------------------------------------------

[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.6 Bullets 
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Pages
    9.1  About us
    9.2  Service list
    9.3  Faq's
    9.4  Testimonial
    9.5  Team
    9.6  Pricing
    9.7 Contact us
    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    10.3 Blog two column
    10.4 Blog three column
    10.5 Add new if new update
    ------------------------------------
11.Gallery
    11.1 Video Gallery
    11.2 Filtarable Gallery - 3 Column
    11.3 Masonry Style Gallery
    11.4 Zoom - Popup Gallery
    ------------------------------------    
12.Sidebar
    11.1 Widget
    11.2 Sidenav
    ------------------------------------
13. Shortcodes
    12.1 Tabs
    12.2 Accordions
    12.3 Columns
    12.4 Alerts
    --------------------------

14. Media Queries
-------------------------------------------------------------------*/

/*-----------------------------------
    1. Body / Typography 
-----------------------------------*/


@font-face {
  font-family: 'Ibm Plex mono';
  font-style: normal;
  font-weight: 300;
  src: url(https://scoutmotors.sctechjobs.com/fonts/IBMPlexMono-Regular.ttf) format('ttf'),
	  url(https://scoutmotors.sctechjobs.com/fonts/IBMPlexMono-Regular.woff2) format('woff2');
	
}

@font-face {
  font-family: 'ScoutSansReg';
  font-style: normal;
  font-weight: 300;
  src: url(https://scoutmotors.sctechjobs.com/fonts/ScoutSansV4-Regular_ttf.woff2) format('woff2'),
 url(https://scoutmotors.sctechjobs.com/fonts/ScoutSansV4-Regular.otf) format('otf');
}

@font-face {
  font-family: 'ScoutSansWide';
  font-style: normal;
  
  src: url(../fonts/ScoutSansWideV4-Medium.woff2) format('woff2'),
 url(../fonts/ScoutSansWideV4-Medium.woff) format('woff'),
	  url(../fonts/ScoutSansWideV4-Medium.otf) format('otf');
}

@font-face {
  font-family: 'ScoutSansMed';
  font-style: normal;
  font-weight: 300;
  src: url(https://scoutmotors.sctechjobs.com/fonts/ScoutSansV4-Medium_ttf.woff2) format('woff2'), url(https://scoutmotors.sctechjobs.com/fonts/ScoutSansV4-Medium.otf) format('otf');
}

@font-face {
  font-family: 'ScoutSansCond';
  font-style: normal;
  src: url(https://www.scoutmotors.sctechjobs.com/fonts/ScoutSansSemiCondV4-Bold_ttf.woff2) format('woff2'),
 url(https://www.scoutmotors.sctechjobs.com/fonts/ScoutSansSemiCondV4-Bold.otf) format('otf');
}


body {font-family: 'ScoutSansReg';
font-size: 16px;
color: #eaeaea;
background-color: #11232F;
         }

h1 { font-family: 'ScoutSansMed';
	font-size: 26px; color: #eaeaea; }

h2 {font-family: 'ScoutSansWide';  color: #eaeaea;} 

h3, h4, h5, h6 {
    margin: 0px 0px 10px 0px;
    color: #eaeaea;
    font-weight: bold;
}

.ScoutSansWide {font-family: 'ScoutSansWide'; color:#eaeaea; }

.ScoutSansCond {font-family: 'ScoutSansCond'; color:#eaeaea;}

h3 { font-size: 30px; line-height: color:#eaeaea; }
h4 { font-size: 16px; color:#eaeaea; padding-top: 20px;}
h5 {font-size: 16px;
	color:#eaeaea;}
p { margin: 0 0 20px; color:#eaeaea;}
.smtxt {font-size: 12px;}
ul, ol { }
ul li, ol li { }
a { color: #eaeaea; text-decoration: underline; }
a:focus, a:hover {
	text-decoration: underline;
	color: lightgrey;
}

strong {
    font-weight: 700;
}
.highlight { color: #f0f1f3; }
.text-italic { font-style: italic; }
.small-text { font-size: 14px; }
blockquote { padding: 5px 0px; margin: 0 0 20px; font-size: 22px; border-left: transparent; color: #043c5b; line-height: 30px; }
blockquote.alignright { max-width: 50%; }
blockquote.alignleft { max-width: 50%; }
.alignleft { float: left; margin: 0px 30px 40px 0; }
.alignright { float: right; margin: 0px 0 20px 20px; }
.listnone { list-style: none; margin: 0px 0px 0px 0px; padding: 0; }
.lead { font-size: 20px; color: #f0f1f3; font-weight: 500; line-height: 36px; margin-bottom: 30px; font-family: 'Libre Baskerville', serif; }
.lead-strong { }
.section-title {color:#f0f1f3; margin-top:40px;}
.btn-action-block { padding-top: 20px; }
.text-white { color: #f0f1f3; }
.text-default { color: #f0f1f3; }
.title { color: #f0f1f3; }




/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.btn { font-size: 12px; border-radius: 2px; line-height: 12px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; padding: 14px 19px; border: none; }
.btn-default { background-color: #9C4F1B; color: #eaeaea; border-color: #9C4F1B; }
.btn-default:hover { color: #fff; background-color: #fff; border-color: #c57b48; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #eeb39d; border-color: #eeb39d; }
.btn-primary { background-color: #373433; color: #fff; border-color: #373433; }
.btn-primary:hover { color: #fff; background-color: #8e666f; border-color: #8e666f; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #8e666f; border-color: #8e666f; }
.btn-secondary { background-color: #fff; color: #dd9a80; }
.btn-secondary:hover { }
.btn-outline { background-color: transparent; color: #dd9a80; border-color: #dd9a80; }
.btn-outline:hover { color: #dd9a80; background-color: transparent; border-color: #dd9a80; }
.btn-outline.focus, .btn-outline:focus { color: #5b5955; background-color: #fff; border: 2px solid #dddad4; }
.btn-lg { padding: 24px 60px; font-size: 12px; text-align: center; }
.btn-sm { padding: 10px 15px; }
.btn-xs { padding: 5px 10px; }
.btn-link { color: #9C4F1B; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.btn-link:hover { text-decoration: none; color: #373433; }
.btn-link-white { color: #fff; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid #fff; padding-bottom: 4px; }
.btn-link-white:hover { padding-bottom: 4px; color: #fff; }
.btn-link-orange { }
.btn-link-white:hover { }

.button,
button {
	display: inline-block;
	text-align: center;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
	background: #f1cb19;
	color: #11232f;
	text-decoration: none;
	font-weight: 400;
	margin-bottom: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 16px;
	margin-bottom: 2px;
	margin-right:10px;
	margin-left:0px;
	margin-top:10px;
}
.button:hover
 {
	outline: none;
	cursor: pointer;
	background: #555;
	color: #fff;
	text-decoration: none;
}

.button {
	padding: 0.55rem 1rem; border-radius: 3px; border: 0px currentColor; transition:border-color 0.3s, background 0.3s, color 0.3s; border-image: none; text-align: center; line-height: 1.2; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.button.is-disabled {
	cursor: not-allowed; opacity: 0.65; pointer-events: none;
}
[disabled].button {
	cursor: not-allowed; opacity: 0.65; pointer-events: none;
}
.button.is-disabled.has-popup {
	pointer-events: all;
}
[disabled].button.has-popup {
	pointer-events: all;
}
.button.is-minor {
	opacity: 0.65;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	outline: 0px; box-shadow: none;
}
.button:focus {
	outline: 0px; box-shadow: none;
}
.button.is-transparent {
	background: 0px 0px;
}
.button-icon {
	vertical-align: baseline;
}
.button--primary {
	border: 1px solid rgb(0, 174, 65); border-image: none; color: rgb(255, 255, 255); background-color: rgb(0, 174, 65);
}
.button--primary.hover {
	border-color: rgb(0, 123, 46); background-color: rgb(0, 149, 55);
}
.button--primary.zeroclipboard-is-hover {
	border-color: rgb(0, 123, 46); background-color: rgb(0, 149, 55);
}
.button--primary:focus {
	border-color: rgb(0, 123, 46); background-color: rgb(0, 149, 55);
}
.button--primary:hover {
	border-color: rgb(0, 123, 46); background-color: rgb(0, 149, 55);
}
.button--primary.active {
	border-color: rgb(0, 72, 27); background-color: rgb(0, 98, 36);
}
.button--primary.is-active {
	border-color: rgb(0, 72, 27); background-color: rgb(0, 98, 36);
}
.button--primary.zeroclipboard-is-active {
	border-color: rgb(0, 72, 27); background-color: rgb(0, 98, 36);
}
.button--primary:active {
	border-color: rgb(0, 72, 27); background-color: rgb(0, 98, 36);
}
.button--primary.disabled {
	border-color: rgb(0, 225, 84); color: rgb(215, 230, 198); background-color: rgb(21, 255, 108);
}
[disabled].button--primary {
	border-color: rgb(0, 225, 84); color: rgb(215, 230, 198); background-color: rgb(21, 255, 108);
}
.button--secondary {
	border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(5, 91, 186); background-color: rgb(241, 241, 241);
}
/*-----------------------------------
    4. General / Elements 
-----------------------------------*/

/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-small { padding-top: 40px; padding-bottom: 40px; }
.space-medium { padding-top: 20px; padding-bottom: 20px; }
.space-large { padding-top: 100px; padding-bottom: 100px; }
.space-ex-large { padding-top: 120px; padding-bottom: 120px; }

/*----------------------
    4.2 Margin Space
 -----------------------*/
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 0
	px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

/*----- less margin space from top --*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

.mb-10 { margin-bottom: -10px; }
.mb-20 { margin-bottom: -20px; }

/*-----------------------
    4.3 Padding space
-------------------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pinside130 { padding: 130px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }

/*--------------------------------
 4.4 Background & Block color 
----------------------------------*/
.bg-default { background-color: #11232f; color:#eaeaea;}
.bg-light { background-color: #5e5e5e; color: #fff}
.bg-green { background-color: #5e5e5e; color: #fff}
.bg-primary { background-color: #e8e5dd;  }
.bg-dark {background-color:#11232f;}
.bg-readysc-blue {background-color:#e8e5dd;}

.bg-white { background-color: #F9FAFB; }
.outline { border: 1px solid #fff; }
.link-title { }
.small-title { font-size: 12px; color: #11232f; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 29px; }
.bdr-btm { }
.bdr-right { border-right: 1px solid #ccc; }
.bdr { border-right: 1px solid #085e8d; }


/*--------------------------------
 4.6 Bullet 
----------------------------------*/
.bullet { position: relative; padding-left: 25px; line-height: 36px; }
.bullet-angle-double-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #043c5b; content: "\f101"; }
.bullet-circle li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 12px; color: #043c5b; content: "\f10c"; }

.bullet-arrow-circle-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 16px; color: #9C4F1B; content: "\f0a9"; }

/*--------------------------------
 4.8 Image Hover Effect 
----------------------------------*/
img { width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle; }



/*--------------------------
     5.2 Navigations Regular
    ----------------------------*/
.header {
    background-color: #3e3e3f;
    padding-top: 40px;
    padding-bottom: 0px;
    position: relative;
    z-index: 99;
    
}
.header-1 { border-bottom: 1px solid #eee; padding-top: 24px; padding-bottom: 24px; z-index: 9; background-color: #fff; position: relative; }
.logo { padding-top: 6px; }



/*-----------------------------------
7. Content 
-------------------------------------*/
.content { padding-bottom: 100px; padding-top: 100px; }
.content-area { }
.sidebar-area { background-color: #f4f4f1; padding: 10px; }
.sidebar { }
.sidebar { }

/*-----------------------------------
8. Footer 
-------------------------------------*/
.footer {
	background-color: #11232f; padding-top: 40px; padding-bottom: 40px;
}
.tiny-footer {
    background-color: #11232f;
	font-family: 'Ibm Plex mono', sans-serif;
  text-transform: uppercase;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 6px;
    color:#eaeaea;
}
.tiny-footer a { color: #fff; }
.tiny-footer a:hover { color: #fff; }
.newsletter-form { }
.newsletter-form .form-control { background-color: #222; }



/*-------------------------
  9.1 About us
---------------------------*/

.video-section { position: relative; min-height: 250px; }
.video-section-1 { }
.video-section-index { position: relative;}
.video-img { position: relative;}
.video-img-1 { }
.video-img img { width: 100%; }
.video-action { position: absolute; top: 23%; left: 40%; }
.video-action-1 { }



/*----------------- Gallery Wide ---------------*/
.gallery-thumbnail img { width: 100%; }
.gallery-img img { width: 100%; }
.gallery-block { }

/*--------------------------------
 video gallery  
---------------------------------*/
.video-block {
    float: right;
}
.video-content { }
.video-title { font-size: 20px; color: #373433; margin-bottom: 0px; line-height: 30px; }
.video-block .video-action { position: absolute; top: 20%; left: 40%; }



/*-----------------
    12.4 Column
-------------------*/

.column-block { margin-bottom: 30px; }


.imgright {
    float: right;
    margin-left: 10px;
    margin-bottom: 40px;
}


/*-------------------------------- 
    Media Query 
--------------------------------*/
@media screen and (max-width:1366px) {

    /* slider */
	.slider-captions { position: absolute; bottom: 80px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }   
	.slider-title { color: #373433; font-size: 30px; line-height: 36px; margin-bottom: 0px; }
    .slider-text { color: #043c5b; font-size: 18px; margin-bottom: 20px; }
    #slider .owl-prev { position: absolute; top: 50%; left: 10px; }
    #slider .owl-next { position: absolute; top: 50%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }
}
@media screen and (max-width:1440px) {

    /* slider */
	.slider-captions { position: absolute; bottom: 60px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }    
	.slider-title {
	color: #333333;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
}
    .slider-text { color: #043c5b; }
    #slider .owl-prev { position: absolute; top: 50%; left: 10px; }
    #slider .owl-next { position: absolute; top: 50%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }
}
@media only screen and (max-width:1024px) {

    /* header */
    #navigation > ul > li > a { padding: 10px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #043c5b; font-weight: 700; }

    /* slider */
	.slider-captions { position: absolute; bottom: 20px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }
    .slider-title { color: #043c5b; font-size: 30px; line-height: 40px; margin-bottom: 20px; }
    .slider-text { font-size: 18px; }
    #slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }
}
@media only screen and (max-width:768px) {

    /* slider */
	.slider-captions { position: absolute; bottom: 10px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }
    .slider-title { font-size: 26px; line-height: 32px; margin-bottom: 20px; }
    #slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    .header { padding-top: 5px; padding-bottom: 0px; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }

    /* blog single page comments*/
    .childern { padding-left: 0px; }
	.slider-img img { position: relative; z-index: -1; display: block; min-width: 1100px; min-height: 275px; align-content: center; }
}
@media only screen and (max-width:375px) {
	.slider-captions { position: absolute; bottom: 10px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }
    .slider-title { color: #373433; font-size: 18px; line-height: 21px; }
	#slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    .header { padding-top: 5px; padding-bottom: 0px; }
	.slider-img { position: relative; min-height: 100%; }
}

table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #fff;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}



@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
	
}
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.main-banner {
  position: relative;
}

#bg-video {
    min-width: 100%;
    max-width: 100%;
    z-index: -1;
}

#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    
	font-family: 'ScoutSansWide', sans-serif;
	position: absolute;
    background-image: linear-gradient(00deg, #1D1B1C 0%, rgba(56,59,66,0) 52%);
    top: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.main-banner .caption {
  font-family: 'ScoutSansWide', sans-serif;
text-align: center;
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  letter-spacing: 0px;
	


}

.main-banner .caption h2 {
    font-family: 'ScoutSansWide';
   
    margin-bottom: 10px;
    font-size: 80px;
    line-height: 80%;
    font-weight: 300;

}


@media (max-width: 992px) {

  .main-banner .caption h2 {
    font-size: 28px;
  }
}