/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}


/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

@font-face {
	font-family:Gotham_Regular;
    src: url(fonts/Gotham-Book.otf);
 }
 @font-face {
	font-family:Gotham_Light;
    src: url(fonts/Gotham-Light.otf);
 }
 @font-face {
	font-family:Gotham_Bold;
    src: url(fonts/Gotham-Bold.otf);
 }
@font-face {
	font-family:Gotham_Medium;
    src: url(fonts/Gotham-Medium.otf);
 }
 
 

html { 
	font-family:Gotham_Regular;
}

body{
	margin :0;
	padding:0;
	background-color: #F8FCFF;
}
p {
	font-family:Gotham_Light;
	font-size: 15px;
}

	#visi-misi p {
		text-align: justify;
	}

h1 {
	font-size:48px;
	font-weight: lighter;
}
	#myCarousel .carousel-caption h1 {
	font-family:Gotham_Bold;
	font-weight: normal;
	text-align: left;
	font-size: 69px;
	line-height: 61px;
	text-shadow: none;
	}
	.carousel-control {
		background-color: unset;
	}
small {
	font-size:30px;
}

footer {

}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 100%;
}

body .carousel-indicators{
	bottom:30px;
}
body .carousel-indicators li{
	width:15px;height:15px;border:2px solid #fff; 
}
body .carousel-indicators .active{
	width:17px;height:17px;margin:0;background-color:#fff;
}

#myCarousel .carousel-caption {
	padding: 0;
	bottom: 0px;
	left: 20px;
	text-shadow: none;
	text-align: left;

}

#works h1, #insight h1  {
	font-size: 30px;
	font-family:Gotham_Medium;
	color: #f6921e;
}
#works h5, #insight h5 {
	font-family:Gotham_Medium;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	margin-top: 8px;
	margin-bottom: 0px;

}

#works p, #insight p {
	font-family:Gotham_Light;
	font-size: 11px;

}

#works-detail .container {
	margin-top: 25px;
}

#works-detail p {
	font-family:Gotham_Light;
	font-size: 12px;
	color: #808080;
}
#works-detail h3 {
	font-family:Gotham_Medium;
	font-weight: normal;
	font-size: 16px;
	color: #666666;
	}

#works-detail .works-detail-2 p {
	font-family:Gotham_Regular;
	font-size: 14px;

}

#insight-detail h1 {
	font-size: 44px;
	font-family:Gotham_Medium;
	color: #f6921e;
}

#insight-detail img:first-child {
	margin-bottom: 30px;
	}

/* VISI MISI */
#visi-misi h1 {
	font-family:Gotham_Bold;
	color: #f6921e;

}
#visi-misi p {
	color: #666666;

}

/* SERVICES */
#services h1 {
	font-size: 45px;
	color: #b3b3b3;
	padding-top: 25%;
}
 #services p {
 	font-family:Gotham_Bold;
 	font-size: 20px;
 	color: #f6921e;
 	line-height: 30px;
 }

 /* CLIENTS */
  #clients h1 {
  	font-family:Gotham_Light;
  	font-size: 70px;
  	color: #4d4d4d;
  }

 #clients p {
 	font-family:Gotham_Bold;
 	font-size: 14px;
 	color: #f6921e;
 	line-height: 30px;
 }


/* HEADER 
#header{
	top:0;
 	width:100%;
 	height:125px;
 	position: fixed;
	z-index:20; 
}*/

.navbar-default{
	background-color: transparent;
	border: none;
	height: 55px;
}

/* BACKGROUND HEADER */


/* LOGO HEADER */
.navbar-header {
	display: block;
}

.mobile {
	display: none;
}

/* NAVBAR */ 


/* MAIN MENU DESKTOP */
.main-menu { 
	font-size: 16px; 
	letter-spacing: 0.5px; 
	margin-left: 210px; 
	margin-right: 105px; 
	margin-top: -28px; 
	padding-left: 0px; 
	background-color: #333; 
}

	.main-menu .navbar-nav>li>a { 
		color:#FFF; padding-top:6px;padding-bottom:6px; padding-left: 40px; padding-right: 40px; line-height:20px; 
	}

	.main-menu .navbar-nav>.active>a,.main-menu .navbar-nav>.active>a:focus,.main-menu .navbar-nav>.active>a:hover,
	.main-menu .navbar-nav>li>a:focus, .main-menu .navbar-nav>li>a:hover {
		color:#163579;background-color:#EB8A0F; 
	}

	.main-menu .dropdown-menu {
		font-family: HelveticaNeue_Regular;
		top: 32px;
		left: 20px;
		height: 100px;
		width: 105px;
		min-width:105px;
		background: url(../images/bg_mainmenu_dropdown1.png) no-repeat;
		margin:0px 0 0;
		padding:9px 0;
		text-align:left;
		background-color: unset;
		-webkit-background-clip:padding-box;
		background-clip:padding-box;
		border:0;
		border:0px;
		border-radius:9px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.main-menu .dropdown-menu>li>a {
		font-family: HelveticaNeue_Light;
		font-size: 15px;
		letter-spacing: 1px;
		text-align: center;
		display:block;padding:3px 0px;clear:both;font-weight:normal;line-height:1.42857143;color:#FFF;white-space:nowrap; 
	}

	.main-menu .dropdown-menu .divider{
		height:1px;margin:9px 5%;overflow:hidden;background-color:#FFF; width: 90%;
	}

	.main-menu .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
		color:#262626;text-decoration:none;background-color:#f5f5f5;
	}
	.main-menu .dropdown-menu>.active>a,.main-menu .dropdown-menu>.active>a:focus, .main-menu .dropdown-menu>.active>a:hover {
		color:#fff;text-decoration:none;background-color:#337ab7;outline:0;
	}

/*
    .mob-view {
		display: none;
	}
	.mob-view-none{
		display: block;
	}

*/