/* Social icons */
.fab{
font-size: 20px;	

}
.fa {
/*padding: 10px;
 width: 40px; */
height: 40px;
text-align: center;
text-decoration: none;
/* margin: 5px 2px; */
border-radius: 50%;
font-size: 24px;}

.fa:hover {
    opacity: 0.7;
	color: #fff;
}


.fa-snapchat-ghost {
  

  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.prev-next a{
    color:#000;
    text-transform:none!important ;
    text-decoration: none;

}






.portfolio-name{
	font-family: 'raleway', sans-serif;font-weight:400; font-size:12px;color:#111;text-transform:capitalize;margin-bottom:40px;
}
.portfolio-images{width:100%;}
/*
.portfolio-images img{width:100%; height:auto;}
*/
.portfolio-images img{
  /*width: auto;
  max-height: 300px;  550px; */
  margin: 0px
 }

.portfolio-content .title{
	font-weight:bold;
	color:#404040;
	
}

/* 
.hideme
{ opacity:1; }
.monster
{ opacity:1; }
*/
.portfolio-images img{
	margin-bottom:20px;
}
div.sticky-details{
position: -webkit-sticky;
position: sticky;
top: 0;

}

a:hover{text-decoration:none;}
.navbar{padding:0px;}
 .nav-item{
    text-align: right;
}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-35{margin-top:35px;}
.mt-40{margin-top:40px;}
.mt-45{margin-top:45px;}
.mt-50{margin-top:50px;}
.mt-55{margin-top:55px;}
.mt-60{margin-top:60px;}
.mt-65{margin-top:65px;}
.mt-70{margin-top:70px;}
.mt-75{margin-top:75px;}
.mt-80{margin-top:80px;}

.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-35{margin-bottom:35px;}
.mb-40{margin-bottom:40px;}
.mb-45{margin-bottom:45px;}
.mb-50{margin-bottom:50px;}
.mb-55{margin-bottom:55px;}
.mb-60{margin-bottom:60px;}
.mb-65{margin-bottom:65px;}
.mb-70{margin-bottom:70px;}
.mb-75{margin-bottom:75px;}
.mb-80{margin-bottom:80px;}

.super{font-size: 12px;
position: absolute;
bottom: 17px;
right: -10px;}


.mynav li a:link{ transition: 0.4s; 
				border-top:0px solid #fff; font-family: 'Raleway', sans-serif;font-weight:bold; font-size:12px;color:#707070;}

.mynav li a:visited{color: #707070; }			
.mynav li a:hover{color: #111; }
.mynav li a.active{transition: 0.4s; 
 font-family: 'Raleway', sans-serif;font-weight:bold; font-size:12px;color:#111; }


.category-nav a:link{margin-right:40px;line-height:40px; padding:0px!important;  transition: 0.4s; 
				border-top:2px solid #fff; font-family: 'Raleway', sans-serif;font-weight:400; font-size:18px;color:#202020;}
.category-nav a:visited{border-top: 2px solid #fff;; }			
.category-nav a:hover{border-top:2px solid #494949; }
.category-nav a.active{border-top: 2px solid #494949; }


 .nav-item a{position:relative;} 

.portfolio-thumbs{position:relative;}

.name{font-family: 'Roboto Slab', serif;font-weight:400; font-size:40px;}
.text{font-family: 'Roboto', sans-serif;font-weight:400; font-size:16px;color:#606060;text-align: right;}

@media only screen and (max-width: 992px) {
 .mynav a:link.active{border-top:none; }
}

.item {
	width:100%;
	height:100%;
  position: relative;
  transition: all .3s;
}
.item:hover .overlay {
/* position: absolute; */
top: 0;
left: 15px;
right: 15px;
background-color: #f1f1f1;
overflow: hidden;
width: 91%;
height: 100%;
transition: .3s ease;
z-index: 2;
opacity: .95;
display: table-cell;
}
.item:hover .proj-title{
	
	opacity:1;
	left:20px;
}
.item:hover .proj-terms{
	opacity:1;
	left:20px;
}

.overlay {
 position: absolute;
top: 0;
left: 15px;
right: 15px;
background-color: #f1f1f1;
overflow: hidden;
width: 0;
height:100%;
transition: .3s ease-in;
}
.proj-title{
	font-size:18px;
	color:#000;
	position:relative;
	left:0px;
	opacity:0;
	transition: .3s ease;
}
.proj-terms{
	color:#707070;
	font-size:16px;
	position:relative;
	left:0px;
	
	opacity:0;
	transition: .8s ease;}	
.proj-content{
	position:relative;
	top:160px;
	text-decoration:none;
	
}
.footer{
padding:50px 0px;
background-color:#f5f5f5;
}


.footer-nav a{font-size:11px;color:#858585; border-top: none; }
.footer-left{text-align:left;}
.footer-right{text-align:right;}

.footer-nav a:link{margin-left:10px;transition: 0.4s; line-height:20px; font-family: 'roboto', sans-serif;font-weight:400; color:#858585;text-decoration: none;}
.footer-nav a:visited{color: #858585; }
.footer-nav a:hover{color: #111; }
.footer-nav a:active{color: #111; }


.portfolio-container{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.isotopeContainer {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
  margin-bottom: 20px;;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.site-nav{padding: 25px 0 25px;}

.homevideo{
 background-color:#fff; 
  color:#797979;
   
}
.homevideo .videocontainer{
/*  transform: rotate(-20deg); /* Equal to rotateZ(30deg) */
/* padding:30px; */
text-align: center;

}
.responsive{
  width:100%;
  height:auto;
}
.ontop{
  z-index: 50000;
}
body {
  background-color: #f5f5f5;
  color:#444;
}
.bio{
  color:#444;
  font-size:12px;

}
.bio ul{
    padding-left:0px;
  }
.bio a:link{
  color:#858585;
  font-size:12px;
  text-decoration: none;
}
.bio a:visited{
  color:#858585;
  text-decoration: none;
}
.bio a:hover{
  color:#000;
}
.bio a:active{
  color:#858585;
  font-size:12px;
  text-decoration: none;
}
.bio .fa:hover {
  
  color: #000;
}
body {
  font-family:"roboto"!important;
  background-color: #f5f5f5;
  font-size: 12px;   
}

.dropdown-menu a{font-size:12px;}


a{font-family: 'raleway';text-transform: uppercase!important;}
a:link{font-family: 'raleway';text-transform: uppercase!important;}
a:visited{font-family: 'raleway';text-transform: uppercase!important;}
a:hover{font-family: 'raleway';text-transform: uppercase!important;}
a:active{font-family: 'raleway';text-transform: uppercase!important;}



/*   new check */
#portfolio {
	padding: 10px 0 0px;
}
.portfolio-wrapper {
    cursor: pointer;
	margin: 0 0px 25px;/* was margin: 0 0 30px; */
    overflow: hidden;
    position: relative;
}
.portfolio-wrapper > img {
	width: 100%;
}
.portfolio-wrapper .content-overly {
	-webkit-align-items: center;
    align-items: center;
    background-color: rgba(237, 237, 237, 0.85);
	display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 5;
    opacity: 0;
    position: absolute;
    top: 0;
	-moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
	transform: translateX(-100%);
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -ms-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    width: 100%;
}
/*.portfolio-wrapper .content-overly {
	-webkit-align-items: center;
    align-items: center;
    background-color: rgba(237, 237, 237, 0.85);
	display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 5;
    opacity: 0;
    position: absolute;
    top: 0;
	-moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
	transform: translateX(100%);
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -ms-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    width: 100%;
}*/
.portfolio-wrapper:hover .content-overly  {    
	opacity: 1;
	-moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.portfolio-wrapper .pfolio-caption {
  color:#000;
  font-family: 'Roboto', sans-serif;
  color: #000;
  line-height: .9;
  font-weight: 400;

	-webkit-align-items: left;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: left;
	left:20px;
    top:55%;
    opacity: 0;
    position: absolute;
	-moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
	transform: translateX(-50px);
    -webkit-transition:all 0.5s ease-in-out 0s;
    -moz-transition:all 0.5s ease-in-out 0s;
    -ms-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;

}
.portfolio-wrapper .pinfo-wrap {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size:16px;
  
	-webkit-align-items: left;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: left;
	left:20px;
    top:70%;
    opacity: 0;
    position: absolute;
	-moz-transform: translateX(-70px);
    -webkit-transform: translateX(-70px);
    -o-transform: translateX(-70px);
    -ms-transform: translateX(-70px);
	transform: translateX(-70px);
    -webkit-transition:all 0.7s ease-in-out 0s;
    -moz-transition:all 0.7s ease-in-out 0s;
    -ms-transition:all 0.7s ease-in-out 0s;
    -o-transition:all 0.7s ease-in-out 0s;
    transition:all 0.7s ease-in-out 0s;

}
.portfolio-wrapper:hover .pfolio-caption  {    
	opacity: 1;
	-moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.portfolio-wrapper:hover .pinfo-wrap  {    
	opacity: 1;
	-moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.overly-inner {
    text-align: left;
	padding-top: 20px;
}
.pfolio-caption > h3 {
    text-transform: capitalize;
}
.pfolio-link a , .pfolio-caption a {
    color: #404040; /*was white */
	display: inline;
    font-size: 16px;
	font-weight: bold;
	text-decoration: none;
    margin: 2.5px;
    padding: 2px 6px;
}
.pfolio-link a {
    border: 1px solid #fff;
}
.portfolio-wrapper .overly-style2 {
	-webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
	display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
	-moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    width: 100%;
}
.portfolio-wrapper:hover .overly-style2 {
    opacity: 1;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/* check ................*/


.portfolio-content p strong{text-transform: uppercase!important;}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
  }
  .grid-item img{
    margin:10px;
  }