@charset "utf-8";

/* CSS Document */



html {

  	position:relative; 

  	min-height: 100%;

	
}

body {

	color: #040F2D;

	font-size:14px;

	width:100%;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	}

html,body{

 	margin:0;

  	padding:0;

}

#top{

	position:relative;

	top:0px;

	height:500px;

}

.space{

				margin-top:-60px;

				height: 60px;

			}

span{

	color: #D70026;

}

.pageContentWrapper{

  	margin-bottom:60px;/* footer minus this is the padding to the content and footer*/

} 

/* Start of header */

	div.page-header{

		margin: auto;

    	position: absolute;

		top:0px;

		height:500px;

		width:100%;

		background-color: rgba(0,0,0,0.7);
		-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
       	-moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

	}

	#logo{

		margin:70px auto 0 auto;

		width: 300px;
		


	}

	#logo img{

		width: 100%;

	}

	div.nav-menu {

		width:100%;

		margin:  auto 0 auto;

		height: 75px;

	    background: #fff none repeat scroll 0% 0%;

		font-weight:400px;

		box-shadow: 0px 1px 2px rgba(40, 40, 40, 0.05);

		z-index: 1000;

		border-bottom: .1em solid #d9d9d9;
		-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
       	-moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

	}

	div.nav-menu ul {

		position:absolute;

		margin: 0px auto;

		left: 50%;

    	margin-right: -50%;

   		transform: translate(-50%, -50%);

  		padding-top: 75px;
		

  }

	div.nav-menu ul li {

		list-style: none;

		float: left;

		border-right: solid 1px rgba(40,40,40,.2);

	}

	div.nav-menu ul li:last-child {

		border-right: none;

	}

	a{

		text-decoration:none;

		color:#fcfdfe;

	}

	div.nav-menu ul li a{

		display: block;

		font-weight: 400;

		margin: 18px 20px;

		font-size:14px;

		color: #040F2D;
		
		letter-spacing: .2em;
		
		-moz-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		

		

	}

	.menu-trigger {

		display: none;

	}

	#stickyalias {

                  display: none;

                  height: 60px;

                }

/* end of header */



/* content body */

			#content{

				width:100%;	

				min-height: 100%;

				margin:auto;

				padding:auto;

					

			}

			#work{

				Padding: 0px 0 50px 0;

				box-shadow: 0px 2px 3px rgba(20, 20, 20, 0.9);

			}

			#about{

				display: table-cell;

				float:left;

				Padding: 0px 0%;

				margin-right:auto;

				margin-left:auto;

				width:50%;

				background-color: #efefef;

				overflow-y: auto;

			}

			#about h1{

				color: #D70026;

				text-align:left;

				Padding-bottom:20px;
				
				padding-top: 4em;

				font-size:30px;

				font-weight:900;

				}

			#about p{

    			text-justify: inter-word;

				font-size:17px;

				line-height: 25px;

				font-weight:300;

			}

			.border {

    width:90%;

    padding:0em 10% 6em;

    position:relative;



}


			#contact{

				display: table-cell;

				float:right;

				Padding: 0px 0%;

				margin-right:auto;

				margin-left:auto;

				width:50%;

				background-color: #fff;

				overflow-y: auto;

			}

			#contact h1{

				color: #040F2D;

				text-align:left;

				Padding-bottom:10px;
				
				padding-top: 4em;

				font-size:30px;

				font-weight:900;

				}

.index-height{

	display:table;

	background-color: #efefef;

}	

				

/* end of content body */



/* footer */			#bottomsocial{

							padding: 65px 0;

							position: relative;

							float:left;

							width:100%;

	                        background:#01050e;

						}

						.webfooter{

							float:left;

   			 				bottom: 0;

    						left: 0;

    						right: 0;

							width:100%;

	                        background:#01050e;

							border-top: 1px solid rgba(197,190,186,.1);

						}

						.webfooter p{

							margin:0; 

							color: #fcfdfe;

							text-align: center;

							font-size: 13px;

							padding: 20px 0;

							opacity: .5;

							font-weight:600;

							letter-spacing: .05em;

						}

									.social2{
										width:100%;
										
										text-align: center;
										-webkit-touch-callout: none; /* iOS Safari */
    									-webkit-user-select: none; /* Safari */
     									-khtml-user-select: none; /* Konqueror HTML */
       									-moz-user-select: none; /* Firefox */
        								-ms-user-select: none; /* Internet Explorer/Edge */
           								user-select: none; /* Non-prefixed version, currently
                                  							supported by Chrome and Opera */
										font-size: 19px;
									}
									.social2 span{
										font-size: 22px;
										color:#fff;
										opacity:.5;
										margin-right:10px;
									}
									.textmail{
										font-size: 15px;
									}
									.social2 i{
										margin: 0 10px;
										opacity: .5;
									}

									

									.social2 i:hover {

										opacity: 1;

										transition: all .5s;

									}


									

/* Mobile Button */

									.mobile{

										display: none;

									}
									.iconmail{
										display: none;
											}

									.social{

										width:100%;
										
										text-align: center;
										
									}
									.social i{
										font-size: 19px;
										
										margin: 0 10px;
										
									}

									

									.social i:hover {

										opacity:.5;

										transition: all .5s;

									}

									

									


/* end of Mobile Button */	



/* Mobile screens */

		

		@media screen and (max-width: 850px) {

			#about{

				Padding: 0px 0%;

				width:100%;

			}

			#about p{

				font-size:17px;

				line-height: 25px;

				font-weight:300;

			}





			#contact{

				width:100%;

			}

			

		}

		@media screen and (max-width: 667px) {

			.border {

    		 	width:95%;

    		 	margin:auto;

    		 	padding:3em 30px;

   			 	position:relative;

			}
					.iconmail{
						display: inline-block;
					}
					.textmail{
						display: none;
					}

			

		}

		@media screen and (max-width: 568px) {

			#about p{

				font-size:15px;

				line-height: 25px;

				font-weight:300;

			}

			#about{

				Padding: 0px 0%;

			}
			#about h1{
				padding-top: 0;
				}
			#contact h1{
				padding-top: 0;
				}
			#contact{

				Padding: 0px 0%;

			}

		}

		@media screen and (max-width: 480px) {

			#about p{

				font-size:12px;

				line-height: 22px;

				font-weight:300;

			}

			.border {

    		 	width:100%;

			}

			

		}

		@media screen and (max-width: 420px) {
		div.nav-menu ul li a{
		margin: 11px 13px;

		font-size:10px;	
	}
			

		

		}

		@media screen and (max-width: 350px) {

			



		}

		

		@media screen and (max-width: 260px) {

			

		}

		

	.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }