/*<!--General */
body {
    background-image: url(../images/site/Page_2017_Bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: auto;
    font-family: Verdana, Geneva, sans-serif;
	font-size:17px;
	line-height:1.3;
    padding-bottom: 0px !important;
	background-color:#000;
}
.row {
    margin-right: 0;
    margin-left: 0;
	margin-bottom: 20px;
}
h1,h2,h3,h4,h5,h6 {color: #ff9900;}
.h2, h2 {font-size: 26px;}
@media only screen and (max-width:767){ .h2, h2 { font-size: 22px;} }
@media only screen and (min-width:1920px){.container{width:1200px}}
@media only screen and (max-width:980px){.container{width:100%}}
p {color:#CCC;}

a:focus, a:hover {color: #ffff99;}
a {color: #ffffcc;}

.affix {
      top: 0;
      width: 100%;
  }
  .affix + .container-fluid {padding-top: 70px;}
  
/*Back To Top */ 
  .scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 998;
    background-color:rgba(153, 102, 0, 0.7);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.8);
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
@media (max-width:767px){.scroll-top-wrapper {right: 10px; bottom: 10px;}}
.scroll-top-wrapper:hover {background-color: #888888;}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {line-height: inherit;}
.icon {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 7px 8px;
    border: 2px solid;
    border-radius: 50%;
}  
.fa-arrow-up::before {
    content: "^";
	font-size: 22px;
	font-weight: bold;
	color:#FFF453;
}

/*<!--Navigation*/
.navbar-right .container {max-width: 1120px}
.navbar-inverse {
    background-color: #330000;
    border-color: #000;
	box-shadow: 0px 0px 33px rgba(255, 0, 0, 1);
}
.navbar-inverse .navbar-brand {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #060;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
    background-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #ff0000;
}



.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #ff0000;
    background-color: #080808;
}
.navbar-inverse .navbar-nav > li > a {
    color: #f1f1f1;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #ff9900;
}
@media only screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #f1f1f1;
    }
}
@media only screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #ff9900;
        background-color: transparent;
    }
}
.navbar-right .dropdown-menu {
    left: 0;
    right: auto;
}

.dropdown-header {
    font-size: 14px;
}

/*Multi-level Dropdown*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*<!--Jumbotron*/
.jumbotron {
    height:260px;
	padding-top: 0px;
	padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .jumbotron {
        height: 240px;
    }
}
.jumbotron .container {
    width: 100%;
}
.jumbotron-content {
    background-color: rgba(0, 0, 0, 0.50);
    max-width: 420px;
    margin:50px auto;
    border-radius: 40px;
    padding: 8px 15px;
	box-shadow: 0px -5px 15px rgba(204, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
    .jumbotron-content {
        width: 80%;
		margin:40px auto;
		border-radius: 20px;
    }
}
@media only screen and (max-width: 420px) {
    .jumbotron-content {
        width: 100%;
		margin:30px auto;
		border-radius: 20px;
    }
}
.jumbotron-content-sub {
    border-radius: 30px;
    padding: 10px;
	box-shadow: 0px -5px 5px rgba(255, 153, 0, 0.8);
	margin-top: 5px;
	text-align: center;
}
@media only screen and (max-width: 768px) {
    .jumbotron-content-sub {
        width: 98%;
		margin:10px auto 0;
		border-radius: 20px;
    }
}
@media only screen and (max-width: 420px) {
    .jumbotron-content-sub {
		border-radius: 10px;
    }
}
.jumbotron-content-sub > img{
    margin:0 auto;
}

jumbotron .h1,
.jumbotron h1 {
    color: #FFF;
    font-size: 3.2em;
    text-transform: uppercase;
    margin-top: 5px;
}
@media only screen and (max-width: 768px) {
    jumbotron .h1,
    .jumbotron h1 {
        font-size: 2.8em;
    }
}
@media only screen and (max-width: 480px) {
    jumbotron .h1,
    .jumbotron h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 375px) {
    jumbotron .h1,
    .jumbotron h1 {
        font-size: 24px;
    }
}
.jumbotron p {
    color: #FFF;
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: 200;
	letter-spacing: 0.8em;
}
@media only screen and (max-width: 767px) { .jumbotron p {letter-spacing: 0.5em;} }

#banner-top {
    background: url(../images/site/Banner_2018.jpg) top center no-repeat fixed;
	background-color: transparent;
}

/*<!--CONTENT*/
#content-body {
    margin-top: 0px;
	background-color: rgba(51, 51, 51, 0.40);
	border-radius: 10px 10px 0 0;
	border: solid 1px #330000;
	border-bottom: solid 1px #660000;
}

@media only screen and (max-width: 767px) {
    #content-body {
        border-radius: 0;
		margin-top:0px;
    }
}

#content-body .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
	padding-right: 15px;
	padding-left: 15px;
	}
	
	@media only screen and (max-width: 768px) {
		#content-body .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
	}		
	}
	
.content-holder {
    /*background-image: url(../images/Pic_Home_Web_Bg2.jpg);
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat-y;
	background-color: #efefef;*/
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 10px auto;
    text-align: center;
    background-color:rgba(51, 0, 0, 0.5);
    border-radius: 10px;
    padding: 5px 5px 10px;
	box-shadow:0px 2px 10px #000;
}

.content-holder h3 {
    color: #cc9933;
    text-align: left;
	font-size: 20px;
}
.content-item-holder {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 10px auto;
    text-align: center;
    background-color: #000;
    border-radius: 10px;
    padding: 4px;
    box-shadow: 0px 3px 4px rgba(204, 153, 51, 0.5);
}
.content-item-holder:hover {
    box-shadow: 0px 4px 12px rgba(204, 153, 51, 1);
}
.content-item-holder img {
    display: inline-block;
}
.content-item-txt {
    padding: 20px 10px 10px;
    border-radius: 0 0 10px 10px;
}

.content-item-txt-bg {
    background-color: rgba(0, 0, 0, 1);
	max-width: 880px;
	margin: 0 auto;
	padding-bottom: 5px;
}
.content-item-txt h2 {
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 5px;
}

.content-item-txt h3 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #ff9900;
    text-align: center;
}

.content-item-txt p {
    color: #ccc;
	font-size:90%;
}
.content-item-txt .link {
    text-decoration:underline;
	font-size:10px;
}
.content-section-Clients {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100%;
    padding: 3px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
    border-radius: 10px;
}
.content-section-Clients img {
    display: inline-block;
}

.cd-img {border-radius:10px;}
.content-img {border-radius:10px 10px 0 0; margin: 0 auto;}

.ftd-work-logo { float:right;}
@media only screen and (max-width: 767px) { .ftd-work-logo {float:left;} }

/*Shadowbox image display*/
#sb-body, #sb-loading {
    background-color: #060606;
    box-shadow: 0px 0px 10px rgba(255, 244, 83, 0.6);
    border-radius: 10px;
}
#sb-title-inner {padding: 0 !important;}
#sb-wrapper img {border-radius: 10px;}


/*Gallery*/
.bg-HC-Outcast {
    background-image: url(../images/bgs/bg_RL-insomnia.jpg);
    background-position:center;
    background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
}




.generic-bg-1 {
    background-image: url(../images/images_gui/stm/bg_4.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-attachment: scroll;
	background-color:#004c98;
    padding-bottom: 0px !important;
}


.btn-primary {
    color: #fff;
    background-color: #1a3300;
    border-color: #2e5f06;
}

/*Shadowbox custom fix*/
#sb-wrapper {
    top: 70px !important;
}


/*-----------------------------------------------------------------------------------*/
/*Utilities*/
/*styles*/
.bold{font-weight:bold !important;}
.bold200{font-weight:200 !important;}
.bold300{font-weight:300 !important;}
.bold400{font-weight:400 !important;}
.bold500{font-weight:500 !important;}
.bold600{font-weight:600 !important;}
.underline{text-decoration:underline !important;}
.border-white{border:1px solid white;}
.no-border{border:0px none !important;}
.text-italic {font-style:italic;}
.text-underline {text-decoration:underline;}
.textshadow-white{text-shadow:0px 2px 1px #fff;}
.textshadow-black{text-shadow:0px 2px 1px #000;}
.middle{vertical-align:middle !important;}
.baseline{vertical-align:baseline !important;}
.sub{vertical-align:sub !important;}
/*colors*/
.transparent{background-color:transparent !important;}
 .opacity50{background-color:rgba(0, 0, 0, 0.50);}
.opacity100{opacity:1.0 !important;}
.white{color:#fff !important;}
.black{color:#000 !important;}
.grey{color:#666 !important;}
.lightgrey{color:#ccc !important;}
.darkgrey{color:#333 !important;}
.blue{color:#538BBB !important;}
.darkblue{color:#003366 !important;}
.orange{color:#E99600 !important;}
.bgblack{background-color:#000 !important;}
.bgwhite{background-color:#fff !important;}
.bgcolor1{background-color:rgba(26, 26, 26, 0.75) !important;}
.bgcolor2{background-color:rgba(22, 33, 66, 0.35) !important;}
.bgcolor3{background-color:#f2f2f2 !important;}
.bggrey{background-color:#666 !important;}
.bglightgrey{background-color:#ccc !important;}
.bgdarkgrey{background-color:#1a1a1a !important;}
.bgorange{background-color:#E99600 !important;}
.bgdarkblue{background-color:#162142 !important;}
.boxshadow-white{box-shadow:0px 2px 1px #fff;}
.boxshadow-black{box-shadow:0px 2px 1px #000;}
 /*sizes*/
.font-lg{font-size:150%;}
.font-med{font-size:110%;}
.font-small{font-size:90% !important;}
.font-xsmall{font-size:80% !important;}
.font-100pct{font-size:100% !important;}
.font-110pct{font-size:110% !important;}
.font-120pct{font-size:120% !important;}
.font-130pct{font-size:130% !important;}
.font-140pct{font-size:140% !important;}
.font-150pct{font-size:150% !important;}
.font-200pct{font-size:200% !important;}
/*margins*/
.no-margin-top{margin-top:0 !important;}
.no-margin-bottom{margin-bottom:0 !important;}
.nomargin-LR{margin-left:0 !important;margin-right:0 !important;}
.nomargin-TB{margin-top:0 !important;margin-bottom:0 !important;}
.margin05{margin:05px;}
.margin10{margin:10px;}
.margin20{margin:20px;}
.margin30{margin:20px;}
.margin-tb10{margin:10px 0 10px 0 !important;}
.margin-tb15{margin:15px 0 15px 0 !important;}
.margin-tb20{margin:20px 0 20px 0 !important;}
.margin-tb30{margin:20px 0 20px 0 !important;}
.margin-top-20{margin-top:-20px !important;}
.margin-top-10{margin-top:-10px !important;}
.margin-top-5{margin-top:-5px !important;}
.margin-top0{margin-top:0px !important;}
.margin-top05{margin-top:5px !important;}
.margin-top10{margin-top:10px !important;}
.margin-top15{margin-top:15px !important;}
.margin-top20{margin-top:20px !important;}
.margin-top30{margin-top:30px !important;}
.margin-top40{margin-top:40px !important;}
.margin-bottom5{margin-bottom:5px !important;}
.margin-bottom10{margin-bottom:10px !important;}
.margin-bottom15{margin-bottom:15px !important;}
.margin-bottom20{margin-bottom:20px !important;}
.margin-bottom30{margin-bottom:30px !important;}
.margin-bottom40{margin-bottom:40px !important;}
.margin-bottom50{margin-bottom:50px !important;}
/*paddigngs*/
.nopadding{padding:0 !important;}
.no-padding-top{padding-top:0 !important;}
.no-padding-bottom{padding-bottom:0 !important;}
.nopadding-LR{padding-left:0 !important;padding-right:0 !important;}
.padding05{padding:05px !important;}
.padding10{padding:10px !important;}
.padding15{padding:15px !important;}
.padding20{padding:20px !important;}
.padding25{padding:25px !important;}
.padding30{padding:30px !important;}
.padding40{padding:40px !important;}
.padding50{padding:50px !important;}
.padding-top10{padding-top:10px !important;}
.padding-tb05{padding-top:05px !important; padding-bottom:05px !important;}
.padding-tb10{padding-top:10px !important; padding-bottom:10px !important;}
/*heights*/
.height100{height:100%;}
.width100 { width:100% !important;}

.hide-sm {}
@media only screen and (max-width:767px){.hide-sm { display:none !important;}
 }
/*-----------------------------------------------------------------------------------*/
/*Footer*/
.content-footer {
	background-color:#330000;
	height:100%;
	padding:20px;
	color:#ccc;
	border: solid 1px #330000;
	border-top: solid 1px #ff9900;
	}	
.content-footer .col-xs-1,
    .content-footer .col-sm-1,
    .content-footer .col-md-1,
    .content-footer  .col-lg-1,
    .content-footer .col-xs-2,
    .content-footer .col-sm-2,
    .content-footer .col-md-2,
    .content-footer .col-lg-2,
    .content-footer .col-xs-3,
    .content-footer .col-sm-3,
    .content-footer  .col-md-3,
    .content-footer .col-lg-3,
    .content-footer .col-xs-4,
    .content-footer .col-sm-4,
    .content-footer .col-md-4,
    .content-footer  .col-lg-4,
    .content-footer .col-xs-5,
    .content-footer .col-sm-5,
    .content-footer .col-md-5,
    .content-footer .col-lg-5,
    .content-footer .col-xs-6,
    .content-footer .col-sm-6,
    .content-footer .col-md-6,
    .content-footer .col-lg-6,
    .content-footer .col-xs-7,
    .content-footer .col-sm-7,
    .content-footer .col-md-7,
    .content-footer .col-lg-7,
    .content-footer .col-xs-8,
    .content-footer .col-sm-8,
    .content-footer .col-md-8,
    .content-footer .col-lg-8,
    .content-footer .col-xs-9,
    .content-footer .col-sm-9,
    .content-footer .col-md-9,
    .content-footer .col-lg-9,
    .content-footer .col-xs-10,
    .content-footer .col-sm-10,
    .content-footer .col-md-10,
    .content-footer .col-lg-10,
    .content-footer .col-xs-11,
    .content-footer .col-sm-11,
    .content-footer .col-md-11,
    .content-footer  .col-lg-11,
    .content-footer .col-xs-12,
    .content-footer .col-sm-12,
    .content-footer .col-md-12,
    .content-footer .col-lg-12 {
	padding-right: 0;
	padding-left: 0;
	}
	
.content-footer h2 {
	font-size:16px !important;
	margin-top:5px;
	margin-bottom:15px;
	font-weight: bold;
	color:#ccc;
	text-transform:uppercase;
	font-size:14px;
}

.footer-col a {
    line-height: 1.8;
	color:#ccc;
}

.FooterSocialHolder p { font-size:90%; font-weight:normal;}
.FooterSocialHolder-img { margin:0 5px;}
.content-footer .Linkedin {margin-left:-2px; text-align:right;}
@media only screen and (max-width: 990px) {.content-footer .Linkedin { text-align:left; margin-top:10px;}}
.content-footer .Copyright  {text-align:right; font-size:10px;}
@media only screen and (max-width: 990px) { .content-footer .Copyright {text-align:left; margin-top:15px;} }