/* Global Styles KYT*/

@font-face {
	font-family: 'Conv_rawhide_raw_2012';
	src: url('../fonts/rawhide_raw_2012.eot');
	src: local('☺'), url('../fonts/rawhide_raw_2012.woff') format('woff'), url('../fonts/rawhide_raw_2012.ttf') format('truetype'), url('../fonts/rawhide_raw_2012.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'Corbel';
  src: url('../fonts/Corbel.eot?#iefix') format('embedded-opentype'),  url('../fonts/Corbel.woff') format('woff'), url('../fonts/Corbel.ttf')  format('truetype'), url('../fonts/Corbel.svg#Corbel') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {height: 100%;}

body {
	position: relative;
  	background: black!important;
  	font-family:"Verdana", Geneva, sans-serif!important;
	font-size: 12px!important;
 	/* body padding for fixed top nav */
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 15px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 10px 0;
}

.section-colored {
  background-color: transparent;
 /* change this to change the background color of a colored section */
}

.wrap-home {  background: #fff url('../img/pattern.jpg') repeat;}

.wrap { background: #fff; }

/*.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}*/

.color0 {
	background:#404040!important;
	-webkit-border-top-right-radius: 70px;
	-moz-border-radius-topright: 70px;
	border-top-right-radius: 70px;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
  margin-bottom:0;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.carousel-inner a {cursor: pointer;}

.carousel-inner a:hover, .carousel-inner a:focus {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

a {color: #888a8d;}

a:hover, .red {color: #ee1c24;}

.fit {
	height:800px;
	margin-bottom:0;
}

.navbar {
	/*border-bottom:3px solid #ee1c24!important;*/
	margin-bottom:0!important;
	border-radius:0!important;
}

.nav-bottom { border-bottom:3px solid #ee1c24!important; }

.panel, .panel-heading {
  	border-radius:0;
  	border-width:0;
  	/*-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);*/
	box-shadow: none;
}

.color1 {background: #bfbfbf;}

.nav-stacked li > a:hover, .nav-stacked.one li > a:hover {
	background: transparent!important; 
	color:red!important;
}

.nav-stacked li > a.active, .nav-stacked.one li > a.active {
	font-weight: 500; 
	color: white; 
	opacity:1;
}

.nav-stacked li > a {
	color:#979797; 
	opacity:1; 
	text-transform:uppercase; 
	font-weight:700;
}

.nav-stacked.one li > a {
	opacity: .6;
	font-weight:normal;
}

.nav-stacked.one li > a:hover {opacity:1;}

.panel-body {
	padding: 25px 0; 
	background: white;
	overflow: hidden; 
}

.content {
	border-right:1px solid #cfcfcf;
	padding-left:15px;
	padding-right:15px;
}

.title-helmet{
	font:30px 'Corbel',Sans-Serif, Helvetica;
	line-height: normal;
	color:#636466;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:5px;
}

h3.cor {
	color: #636466;
	font: 24px 'corbel', sans-serif, Helvetica;
	margin: 5px 0;
}

h4.ver {
	font : italic 14px 'Verdana', sans-serif, arial;
	margin-top: 0;
	color: #000;
}

.spec {
	/*padding:0 30px;*/
	padding:0;
	margin:20px 0;
	position:relative;
}

.spec h3{
	font-size:16px; 
	line-height: 28px; 
	margin-left: 30px;
	margin-top: 0;
	font-weight: bold;
}

.headline h3{
	text-transform: uppercase;

	font-size:16px; 
	line-height: 28px; 
	margin-left: 40px;
	margin-top: 0;
	font-weight: bold;
}

.spec span, .headline span{
	background: transparent url(../img/triangle.jpg)no-repeat;
	position:absolute;
	top: 0;
	left:-10px;
	width:33px;
	height:34px;
}

.kyt-spec-detail {padding-left: 30px;}

.headline span { left:0!important; }


/*------- sidebar ---------*/
.navbar.navbar-static .navbar-header {float: left;}

.navbar .navbar-toggle.toggle-left {
  float: left;
  margin-left: 15px;
  color: red;
}

.navbar .navbar-toggle.toggle-sidebar, [data-toggle="sidebar"] {display: block;}

/* css to override hiding the sidebar according to different screen sizes */  
.row .sidebar.sidebar-left.sidebar-xs-show {
  left: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -moz-transform: none;
}
  
@media (min-width: 768px) {
  .row .sidebar.sidebar-left.sidebar-sm-show {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-transform: none;
  }
} 

@media (min-width: 992px) {
  .row .sidebar.sidebar-left.sidebar-md-show {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-transform: none;
  }
}

@media (min-width: 1170px) {
  .row .sidebar.sidebar-left.sidebar-lg-show {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-transform: none;
  }
}

/* animation class - optional: without it the sidebar would just pop in and out*/
.sidebar-animate {
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  transition: transform 300ms ease;
}

/* Left panel positioning classes */
.sidebar.sidebar-left {
  -webkit-transform: translate3d(-100%,0,0);
  -moz-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.sidebar.sidebar-left.sidebar-open {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -moz-transform: none;
}

@media (min-width: 992px) {
  .container {
    width:  943px!important;
	padding-left:0!important;
	padding-right: 0!important;
	max-width: none !important;
  }
}

.container {overflow: hidden;}

/*	
@media (min-width: 992px) {
  .no-gutter.row1 > div[class*='col-md'] {
    padding-left: 0;
    padding-right: 0;
  }
  .no-gutter.row1 > .col-md-12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
  }
  .no-gutter.row1 .col-md-11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
  }
  .no-gutter.row1 > .col-md-10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
  }
  .no-gutter.row1 > .col-md-9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
  }
  .no-gutter.row1 > .col-md-8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
  }
  .no-gutter.row1 > .col-md-7 {
    width: 58.33333333333333%;
    *width: 58.263888888888886%;
  }
  .no-gutter.row1 > .col-md-6 {
    width: 49.99999999999999%;
  }
  .no-gutter.row1 > .col-md-4 {
    width: 33.33333333333333%;
  }
  .no-gutter.row1 > .col-md-3 {
    width: 24.999999999999996%;
    *width: 24.930555555555554%;
  }
  .no-gutter.row1 > .col-md-2 {
    width: 16.666666666666664%;
    *width: 16.59722222222222%;
  }
  .no-gutter.row1 > .col-md-1 {
    width: 8.333333333333332%;
    *width: 8.263888888888888%;
  }
}*/
/* Demonstrate the grids */