/* #Loading Logo
================================================== */

.animsition-loading:after{
	position:fixed;
	top:50%;
	width:100%;
	margin-top:40px;
    font-family: 'Playball', cursive;
	font-size:32px;
	text-align:center;
	content:"";
	letter-spacing:3px;
}




/* #Navigation
================================================== */

/* #Home
================================================== */

.section {
	position:relative;
	width:100%;
}

.white-background {
	background-color:#fff;
}

.portfolio-padding-top-bottom{
	padding-top:100px;
	padding-bottom:115px;
}
.portfolio-padding-top-bottom-1{
	padding-top:190px;
	padding-bottom:115px;
}


#projects-grid{
	position:relative;
	text-align:center;
	margin:0 auto;
	width:calc(100% - 20px);
	max-width:1360px;
}
#projects-grid:after {
  content: '';
  display: block;
  clear: both;
}




.portfolio-box-1{
	position:relative;
	float:left;
	width:33.3333333333%;
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	margin-left:-1px;
	-webkit-transform: translate3d(1px,0,0);
	transform: translate3d(1px,0,0);
}
.portfolio-box-1.box-port-half{
	width:66.666666666%;
	margin-left:-3px;
	-webkit-transform: translate3d(3px,0,0);
	transform: translate3d(3px,0,0);
}
.portfolio-box-1.box-half{
	width:50%;
	margin-left:-2px;
	-webkit-transform: translate3d(2px,0,0);
	transform: translate3d(2px,0,0);
}
.portfolio-box-1 .mask-1{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-moz-box-sizing: border-box;
	border:25px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:rgba(0,0,0,0);
	z-index:2;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1 .mask-1.no-border-work{
	border:0 solid #fff;
}
.portfolio-box-1:hover .mask-1{
	background:rgba(0,0,0,.9);
}
.portfolio-box-1 h6{
	position:absolute;
	top:50px;
	left:120px;
	color:#fff;
	z-index:4;
	opacity:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
	text-align: left;
}
.portfolio-box-1:hover h6{
	left:50px;
	opacity:1;
}
.portfolio-box-1 .line-mask{
	position:absolute;
	top:88px;
	left:120px;
	z-index:4;
	opacity:0;
	width:30px;
	height:1px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1:hover .line-mask{
	left:50px;
	opacity:1;
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
}
.portfolio-box-1 p{
	position:absolute;
	top:103px;
	left:120px;
	color:#fff;
	z-index:4;
	opacity:0;
	font-size:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	line-height:14px;
	text-align:left;	
	letter-spacing:3px;
	text-transform: uppercase;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1:hover p{
	left:50px;
	opacity:1;
	-webkit-transition-delay:0.4s;
	transition-delay:0.4s;
}
.portfolio-box-1 img{
	width:100%;
	height:auto;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.portfolio-box-1:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}




#portfolio-filter {
	position:relative;
	width:100%;
	text-align: center;
	padding-bottom:50px;
}
#filter {
	position:relative;
	width:100%;
	text-align: center;
}

#filter li {
	display: inline-block;
	text-align: center;
}
#filter:after {
  content: '';
  display: block;
  clear: both;
}
#filter li a {
	position: relative;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform: uppercase;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px; 
	margin-bottom:5px;
	text-align: center;
	outline: none;
	color: #999999;
	margin-left:10px;
	margin-right:10px;
	letter-spacing:2px;
	text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#filter li .current {
}
#filter li a:hover {
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
            transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
}



/* #shortcodes
================================================== */

.shortcodes-top {
	position:relative;
	width:100%;
	overflow:hidden;
	background:url('../images/shortcodes.jpg') no-repeat center center;
	background-size:cover;
} 

/* #Media Queries
================================================== */




@media only screen and (min-width: 960px) and (max-width: 1199px) {
.team-wrap .mask-team ul.skills-list{
	display:none;
}
.portfolio-box-1{
	width:50%;
}
.portfolio-box-1.box-port-half{
	width:50%;
}
.portfolio-box-1 .mask-1{
	border:10px solid #fff;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.team-wrap .mask-team ul.skills-list{
	display:none;
}
.portfolio-box-1{
	width:50%;
}
.portfolio-box-1.box-port-half{
	width:50%;
}
.portfolio-box-1 .mask-1{
	border:10px solid #fff;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.portfolio-box-1{
	width:100%;
}
.portfolio-box-1.box-port-half{
	width:100%;
}
.portfolio-box-1 .mask-1{
	border:10px solid #fff;
}
.portfolio-box-1.box-half{
	width:100%;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.portfolio-box-1{
	width:100%;
}
.portfolio-box-1.box-port-half{
	width:100%;
}
.portfolio-box-1 .mask-1{
	border:10px solid #fff;
}
.portfolio-box-1.box-half{
	width:100%;
}
}

@media only screen and (max-width: 319px) {
.portfolio-box-1{
	width:100%;
}
.portfolio-box-1.box-port-half{
	width:100%;
}
.portfolio-box-1 .mask-1{
	border:10px solid #fff;
}
.portfolio-box-1.box-half{
	width:100%;
}
}