@charset "utf-8";

/* CSS Document */

.parallax-section{

  min-height: 350px;

  width: 100%;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}

#portfolio {

  background: url(../images/circle-pattern.png) repeat; width:100%;

  /* min-height:821px;

  /*padding-top: 108px;*/

  /*padding-bottom: 100px;*/

}

.textcenter{ display:block; margin-top:10px; text-align:center;}

#portfolio h2.title{

  color: #fff;

  border-color: #fff;

}



#portfolio h2.title:after{

  background: #fff;

}



#portfolio .portfolio-filter {

  margin-bottom:30px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; padding:12px 0px; width:275px;

}



#portfolio .portfolio-filter li {

  display: inline-block;

}



#portfolio .portfolio-filter li a {

  border-radius: 0;

  color: #5b5b5b;

  font-size:14px;

  font-weight: normal;

  padding: 10px 26px;

  /*border-top:1px solid #d2d3d4;border-bottom:1px solid #d2d3d4;*/

}



#portfolio .portfolio-filter li .active{

  background: transparent;

  box-shadow: none; margin:0px;

  -webkit-box-shadow: none;

}



#portfolio .portfolio-filter li a:hover, 

#portfolio .portfolio-filter li a:focus,

#portfolio .portfolio-filter li a:active {

  background: transparent;

  box-shadow: none;

  -webkit-box-shadow: none;

}



.portfolio-items > div{

  padding:6px 0px 30px 0px;

}

.portfolio-items > .padright{ padding-right:12px;}

.portfolio-items > .padleft{ padding-left:0px;}

.portfolio-items span{

  padding:6px 0px; display:block;

}

.pull-left2{ padding-left:6px;}

.album-title2{ padding-top:6px; font-family: 'Open Sans', sans-serif; color:#0d0e42;}

.portfolio-items img{

  width:92%;

}



.view {  

  cursor: default;

  height: 100%;

  overflow: hidden;

  position: relative;

  text-align: center;

  width:100%;

  /*border:solid 1px #392314;*/

}



.efffect h4 {  

   opacity: 0;

  transform: scale(0);

  transition: all 0.5s linear 0s;

}



.efffect h3 {

  opacity: 0;

  transform: scale(0);

  transition: all 0.5s linear 0s;

}



.efffect img {

  transform: scaleY(1);

  transition: all 0.7s ease-in-out 0s;

}



.view img {

  display: block;

  position: relative;

}



.efffect .mask {

  /*background-image: url("../images/portfolio/overlay-bg.png");*/

  background:rgba(109, 109, 110,0.7);

  transition:all 0.5s linear 0s;

  opacity: 0

}



.view .mask, .view .content {

  height:100%;

  left: 0;

  overflow: hidden;

  position: absolute;

  top: 0;

  width:100%;

}



.mask h3 {

  color: #FFFFFF;

  font-family: cabin;

  font-size: 22px;

  font-weight: 700;

  margin-top: 30px;

  text-transform: uppercase;

  transition: height 500ms ease 0s;

}



.mask h4 {

  color: #FFFFFF;

  font-family: roboto;

  font-size: 18px;

  font-weight: 200;

  padding: 6px 60px 10px;

}



.mask i {

  font-size: 20px;

  padding: 10px;

  margin-left: 8px;

  

}



.mask i:hover{

  color:#fff;  

}



#single-portfolio {

  margin-top: 90px

}



#portfolio-details img {

  max-width: 100%

}



.portfolio-prev, .portfolio-next {

  margin-bottom: 20px;

  border: 1px solid #000000;

  color: #000000;

  display: block;

  float: left;

  font-size: 24px;

  height: 45px;

  line-height: 40px;

  overflow: hidden;

  text-align: center;

  width: 45px;

}







.portfolio-prev:hover, 

.portfolio-next:hover {

  background:#7AB700;

  color: #fff;

  border-color:#7AB700;

}



.portfolio-prev {

  margin-right:10px

}



.cross-icon {

  text-align: center;

}



.cross-icon a {

  color: #ccc;

  font-size: 30px;

}



.cross-icon a:hover {

  color: #b58630

}



.social-networks a i {

  

  background:#D9D9D9;

  color: #FFFFFF;

  font-size: 17px;

  height: 40px;

  padding: 11px;

  text-align: center;

  width: 40px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.social-networks .fa-facebook:hover {

  background: #3B5997

}



.social-networks .fa-twitter:hover {

  background:#29C5F6

}



.social-networks .fa-dribbble:hover {

  background:#FF5C93

}



.social-networks .fa-google-plus:hover {

  background:#D13D2F

}



ul.text2{ padding:0px 0 0 0px; text-align:justify; list-style:none; color:#323232;

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;}

ul.text2 li{ background:url(../images/bullet.png) 0 4px no-repeat; padding-left:15px;}



#portfolio-details .project-details h2, 

#portfolio-details .project-info h2 {

  color: #fff;

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 25px;

  margin-top: 40px;

  text-shadow: none;

}

#portfolio-details .project-details .strat{ background:#392316; padding:5px; color:#FFF; font-size:16px;}

#portfolio-details .project-details .strat:hover{ background:#291300;}



#portfolio-details .project-details p, 

#portfolio-details .project-info p {

  font-size: 15px; text-align:justify;

  color: #1b1b1b;

  text-shadow:none;

  font-weight: 300;

}

#portfolio-details .project-details .head{background:#392316;padding:9px;display:inline-block; margin-top:5px;}

#portfolio-details .project-details .head a{ color:#FFF;}

#portfolio-details .project-details .head a:hover{ color:#B58630; transition:all 0.7s ease;}



#portfolio-details .project-info .head

{

	background:#392316;padding:9px;display:inline-block; margin-top:5px;

}

#portfolio-details .project-details ul{ margin:0px; padding:0 0 0 14px; color:rgba(255,255,255,1)}

#portfolio-details .project-details li{ line-height:22px; color:#1b1b1b; border-bottom:1px solid #392316;}



#portfolio-details .project-info .head a{ color:#FFF;}

#portfolio-details .project-info .head a:hover{ color:#B58630; transition:all 0.7s ease;}

#portfolio-details .rowmain

{

	background:#b58630; display:inline-block; padding:10px 10px 20px 10px; margin-top:-10px;

}



#portfolio-details .project-details p span {

  color: #ccc;

  font-weight: 700;

}

/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-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: -o-transform, opacity;

  transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

.efffect img {

   -webkit-transform: scaleY(1);

   -moz-transform: scaleY(1);

   -o-transform: scaleY(1);

   -ms-transform: scaleY(1);

   transform: scaleY(1);

   -webkit-transition: all 0.7s ease-in-out;

   -moz-transition: all 0.7s ease-in-out;

   -o-transition: all 0.7s ease-in-out;

   -ms-transition: all 0.7s ease-in-out;

   transition: all 0.7s ease-in-out;

}

.efffect .mask {

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

}

.efffect h4 {   

   background: transparent;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

}

.efffect h3 {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

}

.mask a i {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

}

.efffect:hover img {

   -webkit-transform: scale(10);

   -moz-transform: scale(10);

   -o-transform: scale(10);

   -ms-transform: scale(10);

   transform: scale(10);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

}

.efffect:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.efffect:hover h4,.efffect:hover h3,.efffect:hover a i {

   -webkit-transform: scale(1);

   -moz-transform: scale(1);

   -o-transform: scale(1);

   -ms-transform: scale(1);

   transform: scale(1);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

 



/* End: Recommended Isotope styles */