@font-face {
 font-family: 'open_sansregular';
 src: url('../fonts/open_sansregular-webfont.eot');
 src: url('../fonts/open_sansregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open_sansregular-webfont.woff') format('woff'), url('../fonts/open_sansregular-webfont.ttf') format('truetype'), url('../fonts/open_sansregular-webfont.svg#open_sansregular') format('svg');
 font-weight: normal;
 font-style: normal;
}


a {
    transition: all 0.3s ease 0s;
}
body{ background-image:url(../images/bg-body.jpg); background-repeat:repeat; font-family: "Open Sans", "open_sansregular", sans-serif;}
.navbar-default{ background-image:url(../images/bg-body.jpg); background-repeat:repeat; border:none}
.navbar-default .navbar-nav>li>a{ color:#fff; font-family: "Open Sans", "open_sansregular", sans-serif; font-size:14px; text-transform:uppercase;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color:transparent; color:#fff}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
{
color:#909090;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
color:#909090 !important;
background-color:transparent !important;
}
.navbar-nav > li > .dropdown-menu
{
border-radius:0px;
}
.dropdown-menu
{
background-color:#000000;
margin-top:-1px !important;
}
.dropdown-menu > li > a
{
color:#ffffff;
}
.item img{width:100%}
.carousel
{
margin-top:53px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img
{
height:322px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header
{

}
.carousel-indicators li
{
background-color:#909090;
border:0px;
height:12px;
width:12px;
margin:0px;
}
.carousel-indicators li.active
{
border:0px;
height:12px;
width:12px;
margin:0px;
}
.carousel-control.left,.carousel-control.right{background-image:none!important;opacity:1}
.carousel-control.left{top:40%}
.carousel-control.right{top:40%}
.carousel-caption{top:50%; left:0%; right:0%; text-align:left;height:auto; width:1136px; margin:0 auto; opacity:0.9;}
.carousel-caption h2{line-height:160%}
.carousel-caption h2 span{background:#000000;padding:10px 20px;color:#fff; text-transform:uppercase; font-size:32px; font-weight:bold;}
.carousel-caption p
{
background:#000000; padding:10px 20px;color:#fff; font-size:14px; margin-top:0px; font-style:italic;
width:180px; margin-top:-4px;
}
.nav > li > a
{
padding-left:20px;
padding-right:20px;
}
.navbar-right
{
margin-right:-35px;
}

p.caption{background:#fff;padding:6px;text-shadow:none;color:#428BCA}

.inner-box
{
width:262px;
border: 1px solid #494949;
    color: #fff;
    font: 18px/1.3em;
	font-family: "Open Sans", "open_sansregular", sans-serif;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
	float:left;
	margin:31px 15px 31px 0px;
}
.inner-box h2
{
font-size: 36px;
margin-top:0px;
color: #fff;
    font-family: "Times New Roman",Georgia,Times,serif;
    line-height: 1.3em;
    margin: 0;
    position: relative;
    text-shadow: 0 0 10px #ffffff;
    text-transform: uppercase;
}
.inner-box h2:hover
{
color:#909090;
cursor:pointer;
}
.inner-box p
{
   margin: 0 0 5px;
}
.slidertopspace
{
margin-top:75px;
}
.white-box
{
float:left;
width:100%;
padding:35px 35px 0px 35px;
}
.white-box h5
{
 font: 18px/1.3em "Open Sans",sans-serif;
    margin: 0 0 5px;
	color:#ffffff;
}
.white-box p
{
color:#bcbcbc !important;
    font:13px/1.3em "Open Sans",sans-serif;
    margin: 0;
	padding-top:15px;
	font-size:16px;
}
.white-box h2, .white-box ul li
{
color:#bcbcbc !important;
}
.white-box-inner
{
margin-top:65px;
padding:13px 0 13px 6px !important;
}
.white-box-inner img
{
border:1px dotted #eaeaea;
padding:3px;
}
.innerpage-header
{
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Source Code Pro';
	font-size:18px;
    margin: 0 0 17px;
    overflow: visible;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
.breadcrumb
{
border-top:1px solid #909090;
border-bottom:1px solid #909090;
padding:7px 0px 7px 10px !important;
width:100%;
float:left;
font-size:18px;
font-family: "Open Sans", "open_sansregular", sans-serif;
background-color:#ffffff;
border-radius:0px;
}
.breadcrumb a
{
text-decoration:none;
color:#333333;
}
.breadcrumb a:hover
{
text-decoration:none;
color:#666666;
}
.scroll-box
{
overflow:auto; height:310px; width:100%; margin-bottom:20px;
}
iframe
	{
	width:50%;
	}
footer
{
width:100%;
}
.footer-links
{
padding-top:55px;
padding-bottom:25px;
border-bottom:1px solid #656565;
float:left;
width:100%;
}
.footer-links ul li
{
display:inline;
list-style-type:none;
width:20%;
float:left;
}
.footer-links ul li a
{
font-size:14px;
color:#bcbcbc;
}
.footer-links ul li a:hover
{
color:#ffffff;
text-decoration:none;
}
.footer-text
{
float:left;
font-size:12px;
color:#bcbcbc;
padding-top:20px;
padding-bottom:20px;
}
.footer-text a
{
color:#bcbcbc;
}
.footer-text a:hover
{
text-decoration:none;
color:#ffffff;
}

/*-------------- Slide --------------------*/

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }

    .item:nth-child(1) {
      background: none;
    }

    .item:nth-child(2) {
      background: none;
    }

    .item:nth-child(3) {
      background: none;
    }
.navbar-brand
{
padding:4px;
}

/*--------------- Slide -------------------*/

 @media only screen and (max-width:760px){
	 .navbar-fixed-top{ position:static;}
	 .navbar-brand img
	 {
	 width:210px;
	 }
	 .carousel
	 {
	 margin-top:-15px;
	 }
	 .carousel-inner > .item > a > img, .carousel-inner > .item > img
	 {
	 height:135px;
	 }
	 .carousel-caption
	 {
	 top:10%;
	 }
	 .carousel-caption h2
	 {
	 line-height:18px;
	 }
	 .carousel-caption h2 span
	 {
	 font-size:14px;
	 }
	 .carousel-caption p
	 {
	 font-size:10px;
	 width:136px !important;
	 }
	.white-box
	{
	margin-top:16px;
	padding-bottom:10px;
	}
	iframe
	{
	width:100%;
	}
	.white-box-inner
	{
	padding:17px !important;
	}
	 .inner-box
{
width:100%;
border: 1px solid #494949;
    color: #fff;
    font: 18px/1.3em "Open Sans",sans-serif;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
	float:none;
	margin-top:15px;
	margin-bottom:0px;
}
.scroll-box
{
padding:0 15px;
}
.container
{
padding:0 10px 0 4px !important;
}
.footer-links
{
padding-top:25px;
}
.navbar-brand
{
padding-left:12px;
}
.footer-links ul{ padding-left:0px;}
.footer-links ul li{ display:block; width:100%; text-align:center;}
.footer-links ul li a
{
border-bottom: 1px dotted #666;
    float: left;
    padding: 8px 0;
    width: 100%;
}
.slidertopspace
{
margin-top:0px;
}
	 
	 } 