/*
	BLUE #0070bb 
	RED #ff1d24
	ORANGE #f7921e
	GREEN #79c843 

	pale blue: #cce2f2
	pale orange: #fef4e8
	pale green: #e5f6da
	pale red: #fde9e8

	font-family: 'PT Sans Narrow', sans-serif;
*/

body{
    font-family: 'Nunito', sans-serif;
    background-color: #fff;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

footer{
	height: 170px;
	color: #333;
}

a{
	color: #333;
}

a:hover{
	color: #333;
}

p{
	font-size: 18px;
}

.justify{
	text-align: justify;
}
.color-default{
	color: #333;
	text-align: center;
}

.menu-bar-blue{
	width: 100%;
	height: 5px;
	background-color: #0070bb;
	display: block;
	margin-top: 3px;
}
.menu-bar-red{
	width: 100%;
	height: 5px;
	background-color: #ff1d24;
	display: block;
	margin-top: 3px;
}
.menu-bar-orange{
	width: 100%;
	height: 5px;
	background-color: #f7921e;
	display: block;
	margin-top: 3px;
}
.menu-bar-green{
	width: 100%;
	height: 5px;
	background-color: #79c843;
	display: block;
	margin-top: 3px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	font-size: 50px;
}

#leftToggle, #rightToggle{
	width: 50px;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    text-shadow: none;
}

.content-title{
	font-size: 35px;
	color: white;
}

#footer-links{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer-links li{
	display: inline;
}

.thumbnail{
	border-radius: 50%;
	width: 100px;
}

.thumbnail{
	border-radius: 50%;
	width: 100px;
}

.img-responsive{
	width: 100%;
}

.pdf-dl-link{
	padding-top: -20px;
}

.modal-header{
	border-bottom: none;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.modal{
	color: #333;
}

.captcha-input{
	width: 50%;
}

textarea{
	height: 200px;	
}

#ourWorkText{
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 70px;
	font-weight: bold;
	margin-top: 260px;
}

#search{
	float: right;
	width: 200px;
	margin-top: 3px;
	height: 35px;
	background-color: rgba(225, 225, 225, 0.5);
	background-color: transparent;
	border: 1px solid white;
	padding: 5px;
	color: white;
	background: url('../images/nous_ic_search.png') no-repeat scroll 170px 7px;
	padding-right: 30px;
}

#search:focus{
	border: 1px solid white;
	outline: none;
}

::-webkit-input-placeholder { color:    white; }
:-moz-placeholder { color:    white;  opacity:  1; }
::-moz-placeholder { color:    white; opacity:  1; }
:-ms-input-placeholder { color:    white;}

#workItemsLists{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#workItemsLists li a{
	color: white;
}

#col1, #col5{
	background: -webkit-linear-gradient(white, #cce2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #cce2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #cce2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #cce2f2);
}

#col1OurWork{
	/*background: -webkit-linear-gradient(white, #cce2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #cce2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #cce2f2); /* For Firefox 3.6 to 15 
    background: linear-gradient(white, #cce2f2);*/
    padding-bottom: /*20px*/50px;
}

#col2{
	background: -webkit-linear-gradient(white, #fef4e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #fef4e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #fef4e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #fef4e8);
	/*background-color: #fef4e8;*/
}

#col3{
	background: -webkit-linear-gradient(white, #e5f6da); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e5f6da); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e5f6da); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #e5f6da);
	/*background-color: #e5f6da;*/
}

#col4{
	background: -webkit-linear-gradient(white, #fde9e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #fde9e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #fde9e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #fde9e8);
	/*background-color: #fde9e8;*/
}

.col-title{
	color: #333;
	font-family: 'Fjalla One', sans-serif;
}

.col-content{
	text-align: center;
	color: #333;
}

#section2OurWork{
	color: #333;
	padding-bottom: 20px;
}

.our-work-p{
	color: #333;
	margin-top: 20px;
	text-align: justify;
}

@media(max-width:767px){

	.media-heading{
		text-align: center;
	}

	header{
		height: 70px;
		padding: 15px;
		padding-right: 80px;
	}

	footer{
		height: auto;
		padding-bottom: 20px;
	}

	.nous-plus-logo{
		width: 200px;
	}

	.mobile-menu-button{
		position: fixed;
		right: 0;
		top: 0;
		margin-top: 10px;
		margin-right: 10px;
		height: 50px;
		width: 30px;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 0;
		z-index: 10;
	}

	#wrapper{
		background-color: #fff;
	}

	.mobile-menu-wrapper{
		width: 100%;
		margin-left: -100%;
		left: 0;
		z-index: 99;
		position: absolute;
	}

	.mobile-menu{
		width: 100%;
		height: 100%;
		/*background-color: rgba(1,1,1,.5);*/
		padding-bottom: 10px;
	}

	#mobile-menu-ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	#mobile-menu-ul li{
		width: 100%;
		height: 50px;
		/*margin-top: 10px;*/
	}

	#mobile-menu-ul li a{
		display: block;
		color: white;
		font-size: 20px;
		width: 100%;
		height: 100%;
		padding: 14px;
	}

	#mobile-menu-ul li #link-blue{
		text-decoration: none;
		background-color: rgba(0, 112, 187, 0.8);
	}

	#mobile-menu-ul li #link-blue:hover,
	#mobile-menu-ul li #link-blue:active,
	#mobile-menu-ul li #link-blue:hover{
		text-decoration: none;
		background-color: rgba(0, 112, 187, 1);
	}

	#mobile-menu-ul li #link-red{
		text-decoration: none;
		background-color: rgba(255, 29, 36, 0.8)
	}

	#mobile-menu-ul li #link-red:hover,
	#mobile-menu-ul li #link-red:active,
	#mobile-menu-ul li #link-red:hover{
		text-decoration: none;
		background-color: rgba(255, 29, 36, 1)
	}

	#mobile-menu-ul li #link-orange{
		text-decoration: none;
		background-color: rgba(247, 146, 30, 0.8)
	}

	#mobile-menu-ul li #link-orange:hover,
	#mobile-menu-ul li #link-orange:active,
	#mobile-menu-ul li #link-orange:hover{
		text-decoration: none;
		background-color: rgba(247, 146, 30, 1)
	}

	#mobile-menu-ul li #link-green{
		text-decoration: none;
		background-color: rgba(121, 200, 67, 0.8);
	}

	#mobile-menu-ul li #link-green:hover,
	#mobile-menu-ul li #link-green:active,
	#mobile-menu-ul li #link-green:hover{
		text-decoration: none;
		background-color: rgba(121, 200, 67, 1);
	}

	#mobile-menu-ul #ligreen{
		text-decoration: none;
		background-color: rgba(121, 200, 67, 0.8);
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#mobile-menu-search{
		width: 100%;
		height: 35px;
		color: #333;
		font-size: 20px;
		padding-left: 5px;
		padding-right: 5px;
		border: none;
		margin-left: 
	}

	#social-links{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#social-links li{
		display: inline;
	}

	.item{
		height: auto;
		padding-top: 20px;
	}

	#item1{
		background-color: #0074b1;
	}

	#item2{
		background-color: #ff242c;
	}

	#item3{
		background-color: #ff7a00;
	}

	#section1{
		height: 431px;
		background-image: url('../images/nousplus_banner_home_bg_mobile.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#section1AboutUs{
		height: 431px;
		background-image: url('../images/nousplus_banner_about_bg_mobile.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#section1OurWork{
		height: 431px;
		background-image: url('../images/nousplus_banner_ourwork_bg.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#section2OurWork{
		height: auto;
		background-color: #cce2f2;
	}

	#section2AboutUs{
		height: auto;
		background-color: #fff;
	}


	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-menu-left,
	.carousel-control .glyphicon-menu-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		font-size: 30px;
	}

	.carousel-control .glyphicon-menu-left{
		margin-left: -15px;
	}

	.carousel-control .glyphicon-menu-right{
		margin-right: -15px;
	}

	#leftToggle, #rightToggle{
		width: 40px;
	}

	.smaller{
		font-size: 20px;
	}

	#search-mobile{
		width: 100%;
		margin-top: 3px;
		height: 35px;
		background-color: rgba(225, 225, 225, 0.5);
		background-color: transparent;
		border-radius: 0;
		border: 1px solid white;
		padding: 5px;
		color: white;
		/*background: url('../images/nous_ic_search.png') no-repeat scroll 170px 7px;*/
		padding-right: 30px;
	}

	#search-mobile:focus{
		border: 1px solid white;
		outline: none;
	}

	.custom-col{
		width: 100%;
		padding: 15px;
		float: left;
	}

	.custom-col-3{
		width: 100%;
		padding: 15px;
		padding-bottom: 20px;
		float: left;
	}

	.custom-col-34{
		width: 100%;
		padding: 15px;
		padding-bottom: 20px;
		float: left;
	}

	#homeDesc{
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 21px;
		text-align: center;
		margin-top: 90px;
	}
}

@media(min-width:768px){
	.container{
		padding-left: 40px;
		padding-right: 40px;
	}

	p{
		font-size: 15px;
	}

	.smaller{
		font-size: 25px;
	}

	#navigation{
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #fff;
	}

	.nous-plus-logo-pc{
		width: 300px;
	}

	.nav-pills li a{
		color: white;
	}

	#link-background{
		background-color: #7bbe4d;
		height: 50px;
		padding-top: 5px;
		margin-top: 7px;
		margin-right: -20px;
		-webkit-box-shadow: -4px 3px 5px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    -4px 3px 5px 0px rgba(50, 50, 50, 0.5);
		box-shadow:         -4px 3px 5px 0px rgba(50, 50, 50, 0.5);
	}

	#link-blue:active,
	#link-blue:hover,
	#link-blue:focus{
		text-decoration: none;
		background-color: #0070bb;
		border-radius: 4px;
		color: white;
	}
	#link-red:active,
	#link-red:hover,
	#link-red:focus{
		text-decoration: none;
		background-color: #ff1d24;
		border-radius: 4px;
		color: white;
	}
	#link-orange:active,
	#link-orange:hover,
	#link-orange:focus{
		text-decoration: none;
		background-color: #f7921e;
		border-radius: 4px;
		color: white;
	}
	#link-green:active,
	#link-green:hover,
	#link-green:focus{
		text-decoration: none;
		background-color: #79c843;
		border-radius: 4px;
		color: white;
	}

	#link-white:active,
	#link-white:hover,
	#link-white:focus{
		text-decoration: none;
		background-color: white;
		border-radius: 4px;
		color: #333;
	}

	#social-links{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#social-links li{
		display: inline;
	}

	#section1{
		height: 431px;
		background-image: url('../images/nousplus_banner_our_work.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#section1AboutUs{
		height: 431px;
		background-image: url('../images/nousplus_banner_about_bg_tablet.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#section1OurWork{
		height: 680px;
		background-image: url('../images/nousplus_banner_ourwork_bg.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#section2AboutUs{
		height: auto;
		background-color: #fff;
	}

	#section2OurWork{
		height: auto;
		background-color: #cce2f2;
	}

	.item{
		height: 400px;
		padding-top: 20px;
	}

	#item1{
		background-color: #0074b1;
	}

	#item2{
		background-color: #ff242c;
	}

	#item3{
		background-color: #ff7a00;
	}

	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-menu-left,
	.carousel-control .glyphicon-menu-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		font-size: 30px;
	}

	.carousel-control .glyphicon-menu-left{
		margin-left: -15px;
	}

	.carousel-control .glyphicon-menu-right{
		margin-right: -15px;
	}

	#leftToggle, #rightToggle{
		width: 40px;
	}

	.pull-kanan{
		float: right;
	}

	.custom-col{
		width: 100%;
		padding: 15px;
		padding-bottom: 80px;
		float: left;
	}

	#homeDesc{
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 21px;
		margin-top: 90px;
	}

	.col-icon{
		margin-top: -65px;
	}

	#navPills li a{
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 15px;
		/*margin-top: -2px;*/
	}
}

@media(min-width:992px){
	.container{
		padding-left: 0;
		padding-right: 0;
	}

	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-menu-left,
	.carousel-control .glyphicon-menu-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		font-size: 50px;
	}

	#leftToggle, #rightToggle{
		width: 50px;
	}

	.carousel-control.left, .carousel-control.right {
	    background-image: none;
	    text-shadow: none;
	}

	.content-title{
		font-size: 30px;
		color: white;
	}

	.item{
		height: 280px;
		padding-top: 20px;
	}

	.custom-col{
		width: 20%;
		height: 330px;
		padding: 15px;
		float: left;
	}

	.custom-col-3{
		width: 33%;
		height: 350px;
		padding: 15px;
		float: left;
	}

	.custom-col-34{
		width: 34%;
		height: 350px;
		padding: 15px;
		float: left;
	}

	#homeDesc{
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 21px;
		margin-top: 50px;
	}

	#navPills li a{
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 18px;
		margin-top: -2px;
	}

	#section1AboutUs{
		height: 431px;
		background-image: url('../images/nousplus_banner_about_bg.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media(min-width:1200px){

	.custom-col{
		width: 20%;
		height: 300px;
		padding: 15px;
		float: left;
	}

	.custom-col-3{
		width: 33%;
		height: 350px;
		padding: 15px;
		float: left;
	}

	.custom-col-34{
		width: 34%;
		height: 350px;
		padding: 15px;
		float: left;
	}

	#homeDesc{
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 21px;
		margin-top: 90px;
	}
}