/*orange: #E1792C old:--rgb(247,148,30)*/
@font-face {
   font-family: codeboldfont;
   src: url('../fonts/custom/CODE Bold.otf');
}
@font-face {
   font-family: codelightfont;
   src: url('../fonts/custom/CODE Light.otf');
}

@font-face {
   font-family: jungetest;
   src: url('../fonts/custom/junge/Junge-Regular.ttf');
}
@font-face {
   font-family: aftasansreg;
   src: url('../fonts/custom/afta-sans/AftaSansThin-Regular.otf');
}
@font-face {
   font-family: aftasansitalic;
   src: url('../fonts/custom/afta-sans/AftaSansThin-Italic.otf');
}

#logo{
	/* display: inline; */
	width: 42px;
	margin-top: -12px;
	margin-right:5px;
	height: 50px;
}

.navbar-brand span{
    font-size: 28px; /*35px;*/
	/* font-size: 1.9vw; */
	/* font-weight: 300; */
	font-family:codelightfont;
}
.navbar-inverse .navbar-brand{
	color:#000;
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{
	color:#444;
}

.navbar-inverse{
	background:#FFFFFF;
	border-bottom:none;
	min-height: 50px;
	border-top: 2px solid #E1792C;
}

.navbar-inverse .navbar-nav>li>a{
	color:#000;
	font-family:codelightfont;
	font-size: 14px;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{
	/*background: none;*/
	color:#fff;
	background:#E1792C;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border: none;
	/*margin-top:25px;*/
}
.navbar-inverse .navbar-toggle{
	border:none;
	background:#E1792C;
	color:#000;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background:#E1792C;
	color:#000;
}
.collapse .navbar-collapse .nav .navbar-nav .navbar-right{
	margin-top:20px;
}

#transback{
	margin-top: 40px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
	background:#E1792C;
	color:#fff;
}
.navbar-collapse .collapse .in{
	margin-top:10px;
}
.nav > li > a{
    color:#000;
}
.nav > li > a:focus, .nav > li > a:hover{
	background: #E1792C;
	color: #000;
    /* border-radius: 5%; */
    text-decoration: none;
}
.navbar .navbar-inverse .navbar-fixed-top{
	background:#fff;
}


html body{
	/* font-family: jungetest; */
	font-family: aftasansreg;
	background:#FFFFFF;
}
.fix{
	width:100%;
}
.fix .main-row{
	margin:0 auto;
	padding-left:50px;
	padding-right:50px;
	width:1200px;
	background:#fff;
}
.nounderline, .nounderline:hover,.nounderline:focus{text-decoration: none;outline:none;border-style: none;}
.modal-dialog{
	max-width:100px;
}
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-height:50px;
}
header.carousel{
	height:50%;
}
.page-header{
	color:#E1792C;
}
footer{
	margin:0;
	border-top:#eee;
	padding-top:10px;
	background-color: #f5f5f5;
/* 	position: fixed !important;
	bottom: 0;
	left: 0;
	width: 100%; */
}
.newnav{
	float:right !important;
}
.newnav li{
	padding:0px 10px;
}

/*helpers
*********/
.shadow {
	box-shadow:         3px -1px 3px 6px #ccc;
	-moz-box-shadow:    3px -1px 3px 6px #ccc;
	-webkit-box-shadow: 3px -1px 3px 6px #ccc;
}
.shadow-index{
	box-shadow:         0px -2px 1px 3px #777;
	-moz-box-shadow:    0px -2px 1px 3px #777;
	-webkit-box-shadow: 0px -2px 1px 3px #777;
}




/*Responsive css starts
***********************HERE*/
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

	#logo{
		margin-top: 0px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		margin-top:0px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#logo{
		margin-top: 0px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		margin-top:20px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#logo{
		margin-top: -40px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		margin-top:20px;
	}
}