/*----------------------------------------------------------------------------------------------------------------------------------
|	Filename			: bootstrap-afkar.css																																																															
|	Description			: Site based on HTML5, Boilerplate, Iniatialzr, Bootstrap & JQuery.
|	Author				: Michael Dimaculangan																																
|	Author URI			: http://www.elevencs.com/																															
|	Version				: 1.0																																				
|	Tags				: clean, minimal, bootstrap, html5, boilerplate, initialzr, jquery																														
|	Note				: This theme was built using HTML5, Boilerplate, Bootstrap, Iniatializr and Jquery															
|---------------------------------------------------------------------------------------------------------------------------------*/
	/* ==========================================================================
	|	Bootstrap - Core
	===========================================================================*/
	.img-circle {
		border-radius: 50%;
		border: 5px solid #FFFFFF;
	}
	/* ==========================================================================
	|	Bootstrap - Navigation / Menu
	===========================================================================*/
		.navbar-static-top,
		.navbar-fixed-top,
		.navbar-fixed-bottom {
		  	border-radius 		: 0;
		}
		.navbar-footer {
			color 				: #2D2D2D;
			background-color 	: #FFFFFF;
		  	background-image 	: none;
		  	background-repeat	: no-repeat;
		  	filter				: none;
		  	border				: none;	
		  	min-height 			: 65px;
		  	line-height 		: 65px;		
			font-size 			: 12px;
			font-weight 		: 400;
		}
		.navbar-footer .navbar-header {
			margin-left: 5px;
			margin-right: 5px;
		}
		.navbar-default {
		  	background-color 	: #FFFFFF;
		  	background-image 	: none;
		  	background-repeat	: no-repeat;
		  	filter				: none;
		  	border				: none;
		}		
		.navbar-default .navbar-brand,
		.navbar-default .navbar-nav > li > a {
			text-shadow			: none;
		}	
		
		.navbar-default .navbar-brand {
			float 				: right;
		  	padding 			: 18px 10px;
		  	font-size 			: 18px;
		  	line-height 		: 20px;
		  	height 				: 60px;
		}
		
		.navbar-default .navbar-nav {
			margin 				: 15px -10px;
			text-transform 		: uppercase;
		}
		
		.navbar-default .navbar-nav > li > a {
		  	color 				: #B3B3B3;
		  	font-size			: 16px;
		  	font-weight 		: 400;
		}
		
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus {
		  	color 				: #2D2D2D;
		  	background-color 	: transparent;
		}
		
		.navbar-default .navbar-nav > .active > a,
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus {
		  	color 				: #555555;
		  	background-color 	: transparent;
		}
		
		.navbar-default .navbar-nav > .disabled > a,
		.navbar-default .navbar-nav > .disabled > a:hover,
		.navbar-default .navbar-nav > .disabled > a:focus {
		  	color 				: #cccccc;
		  	background-color 	: transparent;
		}
		
		.navbar-default .navbar-toggle {
			float 				: left;
			background-color 	: #91a5a6;
		  	margin-left 		: 15px;
		  	padding 			: 13px 10px;
		  	margin-top 			: 20px;
		  	margin-bottom 		: 20px;		
		  	border 				: 1px solid transparent;	
		}
		
		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus {
			background-color 	: #91a5a6;
		}
		
		.navbar-default .navbar-toggle .icon-bar {
		  	display 			: block;
		  	background-color   	: #FFFFFF;
		  	width 				: 28px;
		  	height 				: 3px;
		  	border-radius 		: 1px;
		}
		
		.navbar-default .navbar-toggle .icon-bar + .icon-bar {
		  	margin-top 			: 6px;
		}		
		
		.navbar-default .navbar-collapse {
			border-color 		: #e7e7e7;		
		}
		
		@media only screen 
		and (min-width: 768px) {
			
		}
		
		@media only screen 
		and (max-width: 767px) {
			.navbar-default .navbar-nav {
				margin-top:0;
				margin-bottom:0;
			}			
			.navbar-default .navbar-brand {
				float 				: right;
				margin 				: -92px 0 0;
			  	padding 			: 10px 5px;
			  	font-size 			: 18px;
			  	line-height 		: 0;
			  	height 				: 80px;
			}
			.navbar-default .navbar-nav > li {
		  		border-bottom		: 1px solid #B3B3B3;
			}
			.navbar-default .navbar-nav > li:last-child {
		  		border-bottom		: 1px solid transparent;
			}	

			.navbar-default .navbar-nav > li > a {
			  	color 				: #5C5C5C;
			  	font-size			: 16px;
			  	font-weight 		: 400;
			}
			
			.navbar-default .navbar-nav > li > a:hover,
			.navbar-default .navbar-nav > li > a:focus {
			  	color 				: #B3B3B3;
			  	background-color 	: transparent;
			}
			
			.navbar-default .navbar-nav > .active > a,
			.navbar-default .navbar-nav > .active > a:hover,
			.navbar-default .navbar-nav > .active > a:focus {
			  	color 				: #B3B3B3;
			  	background-color 	: transparent;
			}
					
			.navbar-default .navbar-toggle {
				margin-top 			: 30px;
		  		margin-bottom 		: 30px;
			}
			
			.navbar-default .navbar-collapse {
				background-color 			: #2D2D2D;
				border-color 				: #2D2D2D;
			  	overflow-x 					: visible;
			  	margin-top					: 0;
			  	margin-bottom 				: 0;
			  	padding-right 				: 10px;
			  	padding-left 				: 10px;
			  	border-top 					: 1px solid transparent;
			  	box-shadow 					: none;
			  	-webkit-box-shadow 			: none;
			  	-webkit-overflow-scrolling 	: touch;				
			}			
			
		}		
	/* ==========================================================================
	|	Bootstrap - Form Elements
	===========================================================================*/
		/* ======================================================================
		|	Form Elements - Textfield
		=======================================================================*/
		.form-control {
		  	height 				: 44px;
		  	font-size 			: 18px;
		  	color 				: #555;
		  	background-color 	: #FFFFFF;
		  	background-image 	: none;
		  	border 				: none;
		  	border-radius 		: 0;
		  	-webkit-box-shadow 	: none;
		          box-shadow 	: none;
		  	-webkit-transition 	: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		       -o-transition 	: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		          transition 	: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		}
		.form-control:focus {
			border-color 		: #ccc;
		  	outline 			: 0;
		  	-webkit-box-shadow 	: none;
		          box-shadow 	: none;
		}	
		
		.form-login {
			background-color: #FFFFFF;
			color: #5C5C5C;
		}
		/* ======================================================================
		|	Form Elements - Buttons
		=======================================================================*/
		.btn-default {
			color:#FFFFFF;
			background-color: transparent;
			margin-top: 8px;
			margin-bottom: 30px;
			font-size: 16px;
			border: 1px solid #FFFFFF;
		}
		.btn-default:hover,
		.btn-default:focus {
			color:#FFFFFF;
			background-color: transparent;
			border: 1px solid #FFFFFF;
			outline 			: 0;
		  	-webkit-box-shadow 	: none;
		          box-shadow 	: none;
		}
		
		.btn-submit {
			color:#FFFFFF;
			background-color: #b3ccbf;
			margin-top: 30px;
			font-size: 16px;
		}
		.btn-submit:hover,
		.btn-submit:focus {
			color:#FFFFFF;
			background-color: #b3ccbf;
			margin-top: 30px;
			font-size: 16px;
		}
		.btn-cancel {
			color:#FFFFFF;
			background-color: #b3ccbf;
			margin-top: 30px;
			font-size: 16px;
		}
		
		@media only screen
		and (max-width: 767px) {
			.btn-default {
				margin-top: 15px;
			}
		}			
		/* ======================================================================
		|	Form Elements - Textarea
		=======================================================================*/

		/* ======================================================================
		|	Form Elements - Combo Box
		=======================================================================*/
		
		/* ======================================================================
		|	Form Elements - Tables
		=======================================================================*/
		
		/* ======================================================================
		|	Form Elements - Tabs
		=======================================================================*/
	
		/* ======================================================================
		|	Form Elements - Radio Button
		=======================================================================*/
		
		/* ======================================================================
		|	Form Elements - Checkbox
		=======================================================================*/		
	
	/* ==========================================================================
	|	Bootstrap - Carousel
	===========================================================================*/
		.carousel {
			background:#CCC;
		}
		.carousel, .item, .active {
			height 				: 100%;
			overflow 			: hidden;
		}
		.carousel-inner {
			height 				: 100%;
				
		}
		.carousel-indicators {
		  position: absolute;
		  bottom: 10%;
		  left: 50%;
		  z-index: 15;
		  width: 60%;
		  margin-left: -30%;
		  padding-left: 0;
		  list-style: none;
		  text-align: center;
		}
		
		@media only screen
		and (max-width: 768px) {
			.carousel-indicators {
				bottom: 15%;
			}
		}
	/* ==========================================================================
	|	Bootstrap - Modal
	===========================================================================*/	
		.modal {
			/*top 				: 120px;*/
		}
	
		.modal-title, 
		.modal-subtitle {
			color 				: #2D2D2D;
			padding 			: 15px 0;
		}
		
		.modal-title {
			font-size 			: 32px;
		}
		
		.modal-subtitle {
			font-size 			: 18px;
		}
		
		.modal-title {
			color 				: #2D2D2D;
		}
		
		.modal-backdrop {
			background-color 	: #91a5a6;
		}
		
		.modal-body {
			color 				: #2D2D2D;
			font-size 			: 16px;
			padding 			: 35px;
		}
		
		.modal-vertical-centered {
			transform: translate(0, 30%) !important;
			-ms-transform: translate(0, 30%) !important; /* IE 9 */
			-webkit-transform: translate(0, 30%) !important; /* Safari and Chrome */
		}
		
		
		.vertical-alignment-helper {
    		display:table;
    		height: 100%;
    		width: 100%;
		}

		.vertical-align-center {
    		/* To center vertically */
    		display: table-cell;
    		vertical-align: middle;
		}
		
		.modal-vertical-centered-login {
			transform: translate(0, 0) !important;
			-ms-transform: translate(0, 0) !important; /* IE 9 */
			-webkit-transform: translate(0, 0) !important; /* Safari and Chrome */
		}
		
		.modal-content {
    		/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    		width:inherit;
    		height:inherit;
    		/* To center horizontally */
    		margin: 0 auto;
		}
				
		@media only screen 
		and (max-width: 767px) {
			.modal {
				top				: 110px;
			}
			.modal-title, 
			.modal-subtitle {
				padding 		: 0;
			}
			.modal-vertical-centered {
				transform: translate(0, 5%) !important;
				-ms-transform: translate(0, 5%) !important; /* IE 9 */
				-webkit-transform: translate(0, 5%) !important; /* Safari and Chrome */
			}

			.contact-us {
				padding-top: 130px !Important;
			}

			.carousel, .item,  .contact-us-fill  {
				height: 100%;
				overflow: scroll;
				padding-bottom: 71px;
			}
		}