@charset "utf-8";
/* CSS Document */

.photo-sepia img {
	filter: sepia(1);
	-webkit-filter: sepia(1);
	}
	.photo-sepia img:hover {
	filter: sepia(0);
	-webkit-filter: sepia(0);
	}

.cards{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    max-height: 100vh;
  }
  .cards-grey:hover{
	-webkit-filter: grayscale(100%); 
  }

  
  .cards img {
    margin: 10px;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 23vw;
  }

.btn_send_img {
background-color: #c74917;
color: white;
line-height: 15px;
border-radius: 5px;
padding: 5px;
}

body{
	background-color:#FFFFFF;
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.01);
}

 
#box {
	position:absolute;
	z-index:99999;
	top:75px;
	left:10px;
    display:none;
	width:150px!important;
}

.box-deco{
	background-size:20px 10px;
	background-repeat:no-repeat;
	position:absolute;
	width:20px;
	height:10px;
	margin-top:-9px;
	left:8px;
}


#menu-deploy {
    height:55px;
    z-index:2;
}

#menu-deploy a { 
	top:0px;
	left:0px;
	position: absolute;
	background-repeat:no-repeat;
	background-size:15px 10px;
	background-position:19px 22px;
	width:55px;
	height:55px;	
	border-right:solid 1px rgba(255,255,255,0.2);
}

.hide-menu{
	background-image:url(../images/misc/close.png);
}

.show-menu{
	background-image:url(../images/misc/nav.png);
}

.nav-item{
	font-family:'Lato', sans-serif;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	padding-left:30px;
	padding-bottom:15px;
	padding-top:15px;
	padding-right:20px;
	color:#FFFFFF;
	border-bottom:solid 1px rgba(255,255,255,0.2);
	margin-left:20px;
	margin-right:20px;
}

.home-icon{
	background-image:url(../images/misc/nav_home.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 16px;
}

.type-icon{
	background-image:url(../images/misc/nav_type.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 17px;
}

.jque-icon{
	background-image:url(../images/misc/nav_jquery.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 17px;
}

.foli-icon{
	background-image:url(../images/misc/nav_folio.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 17px;
}

.gall-icon{
	background-image:url(../images/misc/nav_gallery.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 17px;
}

.vids-icon{
	background-image:url(../images/misc/nav_video.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 17px;
}

.mail-icon{
	background-image:url(../images/misc/nav_mail.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0px 17px;
}

.clos-icon{
	background-image:url(../images/misc/close.png);
	background-size:14px 10px;
	background-repeat:no-repeat;
	background-position:0px 20px;
}

.header-message{
	display:block;
	width:100%;
	height:55px;
	position:absolute;
	z-index:1;
	top:0px;
	text-align:center;
	padding-top:18px;
	font-style:normal;
	font-family:'Lato', sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	letter-spacing:1.1px;
}

.contact-header{
	background-image:url(../images/misc/mail.png);
	background-position:18px 21px;
	background-size:16px 11px;
	background-repeat:no-repeat;
	height:55px;
	width:55px;
	display:block;
	position:absolute;
	z-index:9999;
	right:0px;
	top:0px;
	border-left:solid 1px rgba(255,255,255,0.2);
}

.home-header{
	background-image:url(../images/icons/misc/home.png);
	background-position:16px 19px;
	background-size:20px 20px;
	background-repeat:no-repeat;
	height:55px;
	width:55px;
	display:block;
	position:absolute;
	z-index:9999;
	right:0px;
	top:0px;
	border-left:solid 1px rgba(255,255,255,0.2);	
}

.logo-container{
	width:150px;
	float:left;
	margin-top:30px;
}

.logo-container strong{
	display:block;
	color:#b9b9b9;
	font-family:'Lato', sans-serif;
	font-size:10px;
	font-weight:500;
	margin-top:5px;
	text-transform:uppercase;
	letter-spacing:0px;
	margin-bottom:-5px;
}

.social-container{
	/* width:100px; */
	float:right;
	margin-top:30px;
}

.facebook-header{
	background-image:url(../images/misc/facebook.png);
	background-size:25px 25px;
	width:25px;
	height:25px;
	float:right;
	margin-right:13px;
}

.twitter-header{
	background-image:url(../images/misc/twitter.png);
	background-size:25px 25px;
	width:25px;
	height:25px;
	float:right;
}

.ang-header{
	background-image:url(../images/misc/ang.png);
	background-size:25px 25px;
	width:25px;
	height:25px;
	float:right;
	margin-right:10px;
}
.fr-header{
	background-image:url(../images/misc/fr.png);
	background-size:25px 25px;
	width:25px;
	height:25px;
	float:right;
	margin-right:10px;
}

.social-container strong{
	color:#b9b9b9;
	font-family:'Lato', sans-serif;
	font-weight:500;
	text-transform:uppercase;
	margin-top:3px;
	font-size:10px;
	display:block;
	text-align:right;
	margin-bottom:-5px;
}

.footer{
	height:55px;
}

.footer p{
	color:#FFFFFF;
	padding-top:23px;
	font-family:'Lato', sans-serif;
	font-weight:700;
	padding-left:20px;
	text-transform:uppercase;
	font-size:11px;
	line-height:10px;
	letter-spacing:1px;
}

.go-up{
	background-image:url(../images/misc/go-up.png);
	background-repeat:no-repeat;
	background-size:10px 7px;
	background-position:19px 26px;
	width:55px;
	height:55px;
	position:absolute;
	right:0px;
	bottom:0px;
}


/*Demo Styles*/

.colorchanger{
	font-style:normal;
}

.nav-item em{
	width:14px;
	height:14px;
	position:absolute;
	margin-left:-29px;
	margin-top:3px;	
}

.blue-changer{
	background-color:#2c3e50;
}

.orange-changer{
	background-color:#d35400;
}

.green-changer{
	background-color:#27ae60;
}

.turqoise-changer{
	background-color:#16a085;
}

.magenta-changer{
	background-color:#8e44ad;
}

.red-changer{
	background-color:#c0392b;
}

.dark-changer{
	background-color:#333333;
}

.light-changer{
	background-color:#7f8c8d;
}

.demo-changer{
	margin-left:14px;
	margin-top:10px;
	margin-bottom:10px;
}

.style-change{
	position:relative;
	width:13px;
	height:13px;
	margin:8px;
	float:left;
	border:solid 1px rgba(255,255,255,0.4);
}


/*contact*/
#box-contact{
	max-width:100vw;
	margin:20px auto;
	padding-top:20px;
	font-family: serif;
}
#form-contact{
	border-radius:2px;
	padding:20px 30px;
	font-size:14px;
	font-weight:bold;
	max-width:100vw;
	margin:20px 250px 0 35px;
	float:left;
}

input{
	width:100%;
	height:35px;
	margin-top:5px;
	margin-bottom: 20px;
	border:1px solid #999;
	border-radius:3px;
	padding:5px;
}
input[type=submit]{
	background-color:orange;
	border:1px solid white;
	font-family: serif;
	font-Weight:bold;
	font-size:18px;
	color:white;
}
textarea{
	width:100%;
	height:80px;
	margin-top:5px;
	border-radius:3px;
	padding:5px;
	resize:none;
}
span{
	color:orange
}
.successMessage{
    background-color: #7acc7d;
    border: #2b5a2d 1px solid;
    padding: 5px 9px;
    color: #262b26;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}
.errorMessage{
    background-color: orange;
    border: orange 1px solid;
    padding: 5px 10px;
    color: #fdf7f7;
    border-radius: 4px;
}
.info{
    font-size: 0.9em;
    color: #d67262;
    letter-spacing: 2px;
    padding-left: 5px;
}