/*----------------------------------------------------------------------------------------------------------------------------------
|	Filename			: core.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															
|---------------------------------------------------------------------------------------------------------------------------------*/
	/* ==========================================================================
   	|	Custom Webfont
   	===========================================================================*/
	
	/* ==========================================================================
	|	HTML Reset / Normalization
	===========================================================================*/
	html, body {
		height 			: 100%;
	}
	
	body {		
		background		: #000000;
		color			: #B3B3B3;
  		font-family		: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  		font-size		: 20px;
  		font-weight		: 300;
  		padding 		: 0;
  		margin 			: 0;
	}	
	
	p {
		margin			: 0;
		padding			: 0;
	}
	
	hr {		
		background-color: #ffffff;
		height			: 1px;
		border			: none;
		margin			: 10px 0;
	}	
	
	h1,h2,h3,h4,h5,h6 	{ 		
		font-family		: inherit;
		font-weight		: 300;
		line-height		: 1;
		margin-top		: -5px;
		color			: inherit;
		text-rendering	: optimizelegibility;	
	}
	
	video {
	  	width 			: 100% !important;
	  	height 			: auto !important;
	}
	
	iframe, 
	embed, 
	object { 
		max-width 		: 100%; 
	}
	
	label {
	  display: inline-block;
	  max-width: 100%;
	  margin-bottom: 5px;
	  font-weight: 300;
	}	
	h1,h2,h3 {
		margin: 10px 0 8px;
	}
	@media only screen
	and (max-width: 767px) {
		body {
			font-size	: 14px;
			font-weight : 300;
			line-height	: 16px;
			padding 	: 0;
			margin 		: 0;
		}
		/*
		body .container {
			padding: 0 15px;
		}*/
	}		
	/* ==========================================================================
   	|	HTML Hacks & Tweaks
   	===========================================================================*/	
	/*---------------------------------------------------------------------------
	| -webkit-touch-callout			- Prevent callout to copy image, etc when tap to hold
	| -webkit-text-size-adjust		- Prevent webkit from resizing text to fit
	| -webkit-tap-highlight-color	- Prevent tap highlight color 
	| -webkit-tap-highlight-color	- Prevent tap highlight color 
	| -webkit-user-select			- Prevent copy paste, to allow, change 'none' to 'text'
	---------------------------------------------------------------------------*/
	/* ==========================================================================
   	|	Base & Wrapper Containers
   	===========================================================================*/	
   	#wrapper {
   		padding 		: 0;
   	}
   	
	.content-table {
		display					: table;
		width					: 100%;
		height					: 100%;
		position				: relative;			
	}
	
	.content-row {
		display					: table-row;
		width					: 100%;
		height					: 100%;	
	}
	
	.content-cell {
		display					: table-cell;
		width					: 100%;
		min-height				: 100%;
		padding					: 0% 0;
		vertical-align          : middle;
	}   	
	.login-box {
		width: 350px;
		
	}
	
	.background-01 {
		background 				: url('../img/background/background-01.jpg') no-repeat center center fixed !important;
		background-size			: cover !important;
	}
	
	.background-02 {
		background 				: url('../img/background/background-02.jpg') no-repeat center center fixed !important;
		background-size			: cover !important;
	}	
	
	.background-03 {
		background 				: url('../img/background/background-03.jpg') no-repeat center center fixed !important;
		background-size			: cover !important;
	}
	
	.background-04 {
		background 				: url('../img/background/background-04.jpg') no-repeat center center fixed !important;
		background-size			: cover !important;
	}
	
	.background-05 {
		background 				: url('../img/background/background-05.jpg') no-repeat center center fixed !important;
		background-size			: cover !important;
	}	
	
	.fill {
		-webkit-background-size	: cover;
    	-moz-background-size	: cover;
    	background-size 		: cover;
    	-o-background-size		: cover;
		width 					: 100%;
		height 					: 100%;		
	}
	
	#home, #experience {
		color 					: #FFF;
		/*. padding-top 			: 80px; */
		padding-left			: 15px;
	}
	
	#experience .col-md-6 {
		/* padding-top: 73px; */
	}
	
	.team-description {
		font-size: 18px;
	}
	
	.list-custom {
		margin-left: -20px;
	}
	.list-unstyled > li {
		margin: 15px auto;
	}
	.list-unstyled > li > a > img {
		padding-right: 10px;
	}
	
	.list-unstyled > li > a {
		color: #FFFFFF;
		text-decoration:none;
	}
	
	.list-unstyled > li > a > span {
		font-size: 28px;
		margin-right: 15px;
		vertical-align:middle;
	}
	.contact-email,
	.contact-email:hover,
	.contact-email:focus {
		color:#FFF;
	}
	@media only screen
	and (max-width: 767px) {
		#experience .col-md-6 {
			padding-top: 0;
		}
		.background-01 {
			background 				: url('../img/background/background-01.jpg') no-repeat center center fixed;
		}
		
		.background-02 {
			background 				: url('../img/background/background-02.jpg') no-repeat center center fixed;
		}	
		
		.background-03 {
			background 				: url('../img/background/background-03.jpg') no-repeat center center fixed;
		}
		
		.background-04 {
			background 				: url('../img/background/background-04.jpg') no-repeat center center fixed;
		}
		.team-member {
			font-size: 20px;
		}	
		.team-position {
			font-size: 14px;
		}	
		.team-description {
			font-size: 14px;
		}
	}
	
	.absolute { position: absolute }
	.right-16 { right: 4rem }
	.bottom-40 { bottom: 10rem }
	.text-white { color: #ffffff }
	.w-175 { width: 103px }
	.-left-11 { left: -1.5rem }
	.filter { filter: brightness(3) }
	.relative { position: relative }
	/*.-left-11 { left: -2.75rem }*/
	.mb-2 { margin-bottom: 0.5rem }
	.no-other { display: none }
	.text-16 { font-size: 16px }

	@media only screen and (min-width: 1201px) and (max-width: 1600px) {
		.navbar-default .navbar-nav > li > a { font-size: 14px }
		body { font-size: 18px }
		.col-md-6,
		.col-lg-6 { width: 75% }
		.col-md-6.col-sm-6.col-xs-6.w-50 { width: 50% }
		/*.w-175 { width: 150px }*/
		/*.-left-11 { left: -2.5rem }*/
		.bottom-40 { bottom: 9rem }
		.right-16 { right: 3rem }
		.addresses { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 1rem }
		input.btn-default { margin-bottom: 16px }
		.text-16 { font-size: 14px }
	}

	@media only screen and (min-width: 768px) and (max-width: 1200px) {
		.navbar-default .navbar-nav > li > a { font-size: 14px }
		body { font-size: 18px }
		.col-md-6,
		.col-lg-6 { width: 75% }
		.col-md-6.col-sm-6.col-xs-6.w-50 { width: 50% }
		/*.w-175 { width: 150px }*/
		/*.-left-11 { left: -2.5rem }*/
		.bottom-40 { bottom: 9rem }
		.right-16 { right: 3rem }
		.addresses { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 1rem }
		input.btn-default { margin-bottom: 16px }
		.text-16 { font-size: 14px }
	}

	@media only screen and (max-width: 767px) {
		/*.w-175 { width: 115px }*/
		/*.-left-11 { left: -2rem }*/
		.right-16 { right: 1rem }
		.bottom-40 { bottom: 9rem }
		.item.fill { padding: 0px }
		.text-16 { font-size: 14px }
	}