body {
	/**background: url("../img/background.jpg") no-repeat fixed center center / 100% auto rgba(0, 0, 0, 0.5);**/
		background: url(../img/bg4.jpg);
		background-attachment:fixed;
			 background-repeat:no-repeat;
background-position:center;
background-size:100%;
border-top:2px solid #795231;
}
nav {
	background: none;
	position: absolute;
	top: 0;
	z-index: 500;
	color:#000000;
}
::-webkit-selection {
  color: #111;
  background: #fff;
}

::-moz-selection {
  color: #111;
  background: #fff;
}

::selection {
  color: #111;
  background: #fff;
}
.top-nav {
	background: none;
}
.top-nav ul {
	padding: 0;
}
a.link-2{color:#993300;
}
a.link-3{
color:#795231;
}
a.link-2:hover{color:#330C00;
}
.logo {
	text-align: center;

}
.mainlogo{
margin:10px auto;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}



/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 350px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 350px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 350px;
}
.back-to-top {

			background:url(../img/up.png);
			opacity:0.8;
		bottom: 5px;
	display: none;
	font-size: 25px;
	line-height: 40px;
	font-weight: bold;
	height: 80px;
	position: fixed;
	right: 15px;
	text-align: center;
	text-decoration: none;
	width: 35px;
	z-index: 999;
	color: #fff; 	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

		}

		.back-to-top:hover {	
		
	opacity:0.9;
		}
	
.top-nav a {
	font-size: 12px;
	font-weight:300;
	color:#777;
	text-transform: uppercase;
}
.top-nav .logo a, .top-nav .logo.active-item a {
	color: #777;
	font-size: 12px;
	font-weight: 400;
	line-height: 0;

}

.top-nav {
	text-align: center;
}
.top-nav li a:hover, .top-nav li.active-item a, .top-nav .logo.active-item a:hover {
	background: none repeat scroll 0 0 ;
}
.top-nav li.logo a, .top-nav li.logo.active-item a, .top-nav .logo {
	background: none repeat scroll 0 0 ;
}
nav ul li ul li {
	text-align: left;
}
.top-nav ul ul {
		background:#FFF8F0;
	min-width:150px;
	
}
.top-nav li ul li a {
	background:#FFF8F0;
	border-bottom:1px solid #999;
	
}
#fourth-block h2 {
	color: #111;
}
#fourth-block p {
	color: #111;
}
#first-block, #second-block, #third-block, #fourth-block {
	text-align: center;
	padding: 4.5em 0;
}
#carousel {
	background: #fff;
}
#first-block {
background:rgba(211, 172, 139, 0.3);


}

#second-block {
/*
	background: url(../img/bg.jpg);
		background-attachment:fixed;
			 background-repeat:repeat;
background-position:center;
background-size:cover;*/
background:rgba(255, 255, 255, 0.6);


}
#third-block {
border-top:6px solid #795231;
 background: url(../img/bg2.jpg) fixed ;
background-position:center;
 background-repeat:no-repeat;
background-size:cover; /* The Magic */
border-bottom:6px solid #795231;
z-index: 1;
    opacity: 0.78;
	
}

#cross-block {
 background: url(../img/bg-2.jpg) fixed ;
background-position:center;
 background-repeat:no-repeat;
background-size:cover; /* The Magic */
z-index: 1;
padding:120px 0;
border-bottom:2px solid #795231;
border-top:2px solid #795231;	
}
#cross-block2 {
 background: url(../img/gospelhall.jpg) fixed ;
background-position:center;
 background-repeat:no-repeat;
background-size:cover; /* The Magic */
z-index: 1;
padding:160px 0;
border-bottom:2px solid #795231;
border-top:2px solid #795231;	
}
#fourth-block {
/*background: url(../img/bg.jpg);
		background-attachment:fixed;
			 background-repeat:repeat;
background-position:center;
background-size:cover;*/
background:rgba(250, 231, 11, 0.7);
}
footer {
	background:url(../img/footer.png) no-repeat;
	padding: 15px 0px;
	margin:0 auto;
}
footer p, footer a:link, footer a:visited, footer a:hover {
	color:#795231;
	font-size:12px;
	font-weight:700;
	line-height:18px;
}
.carousel-text {
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	z-index: 999;
}
.carousel-text h2 {
	background: none repeat scroll 0 0 #fff;
	color: rgba(0, 30, 34);
	display: inline-block;
	padding: 0.3125em 0.625em;
	font-size: 2em;
}
.carousel-text p {
	background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	padding: 0.625em 0.8em;
}
#first-block i {
	background: none repeat scroll 0 0 rgba(255, 224, 0, 0.85);
	border-radius: 50%;
	color: #fff;
	display: block;
	line-height: 80px;
	margin: 0 auto;
	width: 80px;
}

p.subtitile {
	color: #999;
	margin: 0 0 3.5em;
}
section h3 {
	font-size: 16px;
	line-height:30px;
	font-weight: 400;
	margin: 0;

}
section h3 b{
	font-size: 16px;
	line-height:30px;
	font-weight: 900;
	margin: 0;

}
section h4 {
	font-size: 20px;
	line-height:30px;
	font-weight: 600;
}
section p {
	font-size: 0.8em;
}
h1 strong, h2 strong, h3 strong {
		display:none;
	}
section h1 {
	color: #fff;
	font-size: 2.5em;
	font-weight: 300;
	text-transform: uppercase;
}
#second-block p {
	color: #fff;
}
a.button {
	border: 1px solid #400000;
	padding:10px;
	border-radius: 5px;
	color: #795231;
	font-size: 13px;
	line-height:24px;
	font-weight: 600;
}
a.button:hover {
	background: none repeat scroll 0 0 #795231;

	color: #fff;

}



#head {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
	padding: 105px 0 0 0;
	text-align: center;
}
#content {
background: url(../img/bg-c.jpg) fixed ;	color: #fff; text-shadow:1px 1px 1px #000;
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
	padding: 5em 0;
	text-align: center;

}
#content h2 {
	font-size: 22px;
	text-shadow:none;
	font-weight: 600;
	margin: 1em 0 0.3em;
	text-transform: none;
}

#content2 {
	padding: 30px 0;
	text-align: center;
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");

}
#content2 h2 {
	font-size: 22px;
	text-shadow:none;
	font-weight: 600;
	margin: 1em 0 0.3em;
	text-transform:uppercase;
}
#content3 {
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
background-image: linear-gradient(bottom, rgba(255,255,255,0.6), rgba(255,255,255,.4)), url("../img/bg-c.jpg");
	padding:0px 0 30px 0;
	text-align: center;

}
#content3 h2 {
	font-size: 22px;
	text-shadow:none;
	font-weight: 600;
	margin: 1em 0 0.3em;
	text-transform:uppercase;
}

.content-block {
	background: none repeat scroll 0 0 rgba(121,82,49,.12);
	padding: 0px 0px;
	border-bottom:1px solid #795231;
;
}
.content-block h3 {
	color: #795231;
	font-size:16px;
	font-weight:600;
		padding: 10px 10px 4px 10px;
		text-shadow:none;
}
.content-block p {
	color: #795231;
	font-size:16px;
		font-weight:600;
		padding: 4px 10px 10px 10px;
		text-shadow:none;
}
#content.left-align {
	text-align: left;
}
#content.contact-page h2 {
	margin: 0 0 0.625em;
}
.contact-page p {
	font-size: 16px;
	text-shadow:none;
	color:#111;
	line-height:26px;
	font-style: normal;
}
.contact-page i {
	background: none repeat scroll 0 0 rgba(0, 30, 34);
	border-radius: 100px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: 0.3125em 0.3125em 0.3125em 0;
	text-align: center;
	width: 35px;
}
form.customform button {
	background:#795231;
	border-radius: 5px;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
form.customform button:hover {
	background:#990000;
}
form.customform input, form.customform select, form.customform textarea {
	border-radius: 5px;
}
#map-block {
background:rgba(250, 231, 11, 0.4);
}
#map-block iframe {
	display: block;
	width:90%;
	margin:0 auto;
	padding:50px 20px;
}
.right-dot{

border-right:1px solid #330C00;
padding:0px 15px;
}
.left-dot{

border-left:1px solid #330C00;
padding:0px 15px;
}
@media screen and (max-width: 968px) {
  body {
  	
  }
  #third-block h2 , #second-block h2{
  font-size:22px;
  }
    #third-block h3{
  font-size:16px;
  }
  .mainlogo{
margin:0px auto;


}
#cross-block  {

padding:60px 0;

}
#cross-block2 {
 background: url(../img/gospelhall.jpg);
background-position:center center;
background-size:100% !important;
padding:60px 0;
}
  .right-dot{
border-right:none;
}
.left-dot{
border-left:none;
}
  .simply-scroll { 
	width: 100%;
	height: 260px;
	margin-bottom: 10px;
}


.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 260px;
}
  .simply-scroll .simply-scroll-list li {
	float: left;
	width: 220px;
	height: 260px;
}
  #head{
  margin-top:-100px;

  }
  nav {
  	background: #FFF;
  	line-height: 0px;
  	position: relative;
	margin:0;
	padding:0;
  }
  .top-nav {
  	text-align: left;
	
  }
  .top-nav ul ul {
	background: #fff;
	min-width:150px;
	border:none;
}
  .top-nav li {
  	line-height: 1em;
  }
  .top-nav .logo {
  	padding: 5px 0;
  }
  .carousel-text h2 {
  	font-size:22px;
  }
  .carousel-text p {
  	font-size: 1em;
  }
  ul.top-ul {
  	padding: 0;
  }
  ul.top-ul.right {
  	float: none;
  }
  footer {
  text-align: center;
  }
  footer .right {
  float: none;
  }
}

@media screen and (max-width: 680px) {
body {
	/**background: url("../img/background.jpg") no-repeat fixed center center / 100% auto rgba(0, 0, 0, 0.5);**/
		background: url(../img/bg4.jpg);
		background-attachment:fixed;
			 background-repeat:no-repeat;
background-position:center;
background-size:100%;
border-top:2px solid #795231;
}
.mob-1{
display:none;
}
section h2 {
	font-size: 30px;
	line-height:30px;
	}

section h2 span{
	font-size: 30px;
	line-height:40px;
	
}

p.subtitile {
	color: #999;
}
section h3 {
	font-size: 16px;
	line-height:26px;

}
section p {
	font-size: 0.8em;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 20px;}
}
@media screen and (max-width: 480px) {
section h3 {
	font-size: 16px;
	line-height:26px;

}
.mainlogo{
width:320px;
}
.logo{
width:320px;
margin:0 auto;
}
.box h3, box2 h3{
font-size:16px;
line-height:26px; 
}
.box h2, box2 h2{
font-size:24px;
line-height:34px; 
}
section h4 {
	font-size: 16px;
	line-height:26px;

}
}
@media screen and (max-width: 320px) {
section h3 {
	font-size: 16px;
	line-height:26px;

}
.mainlogo{
width:270px;
}
.logo{
width:270px;
margin:0 auto;
}
}
.portfolio{
margin-top:-50px;}
.portfolio #portfolio-flters {
	padding:0;
	margin:0 0 45px 0;
	list-style:none;
	text-align:center;
	position: relative;

}

.portfolio #portfolio-flters li {
	  cursor: pointer;
	margin:10px 10px;
	display:inline;
}
.portfolio #portfolio-flters li a{
 	display:inline-block;
	padding:10px 22px;
	font-size:12px;
	line-height:20px;
	color:#222222;
	border-radius:4px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	background:#f7f7f7;
	margin-bottom:5px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out
}
/*.portfolio #portfolio-flters li::before {
  content: "[";
  margin-right: 6px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li::after {
  content: "]";
  margin-left: 6px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
*/
.portfolio #portfolio-flters li a:hover,
.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background-color:#de2e43;
  border-radius:25px;
  font-weight:600;
    padding:5px 10px;
  
  
}

/*
.portfolio #portfolio-flters li.filter-active::before,
.portfolio #portfolio-flters li.filter-active::after {
  color: #ef6603;
}
*/
.img2{

}
.portfolio .portfolio-item , 
.portfolio .portfolio-item2,
.portfolio .portfolio-item3,
.portfolio .portfolio-item4,
.portfolio .portfolio-item5,
.portfolio .portfolio-item6,
.portfolio .portfolio-item7,
.portfolio .portfolio-item8,
.portfolio .portfolio-item9,
.portfolio .portfolio-item10,
.portfolio .portfolio-item11,
.portfolio .portfolio-item12,
.portfolio .portfolio-item13,
.portfolio .portfolio-item14,
.portfolio .portfolio-item15,
.portfolio .portfolio-item17,
.portfolio .portfolio-item18,
.portfolio .portfolio-item19,
.portfolio .portfolio-item20{
  margin-bottom: 10px;
  padding:2px 10px;
}
.pp90{
 margin-bottom: 70px !important;
}
.portfolio .portfolio-item .portfolio-img, 
.portfolio .portfolio-item2 .portfolio-img2,
.portfolio .portfolio-item3 .portfolio-img3,
.portfolio .portfolio-item4 .portfolio-img4,
.portfolio .portfolio-item5 .portfolio-img5,
.portfolio .portfolio-item6 .portfolio-img6,
.portfolio .portfolio-item7 .portfolio-img7,
.portfolio .portfolio-item8 .portfolio-img8,
.portfolio .portfolio-item9 .portfolio-img9,
.portfolio .portfolio-item10 .portfolio-img10,
.portfolio .portfolio-item11 .portfolio-img11,
.portfolio .portfolio-item12 .portfolio-img12,
.portfolio .portfolio-item13 .portfolio-img13,
.portfolio .portfolio-item14 .portfolio-img14,
.portfolio .portfolio-item15 .portfolio-img15,
.portfolio .portfolio-item16 .portfolio-img16,
.portfolio .portfolio-item17 .portfolio-img17,
.portfolio .portfolio-item18 .portfolio-img18,
.portfolio .portfolio-item19 .portfolio-img19,
.portfolio .portfolio-item20 .portfolio-img20 {
  overflow: hidden; 
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
   margin-bottom:5px;
}

.portfolio .portfolio-item .portfolio-img img, 
.portfolio .portfolio-item2 .portfolio-img2 img,
.portfolio .portfolio-item3 .portfolio-img3 img,
.portfolio .portfolio-item4 .portfolio-img4 img,
.portfolio .portfolio-item5 .portfolio-img5 img,
.portfolio .portfolio-item6 .portfolio-img6 img,
.portfolio .portfolio-item7 .portfolio-img7 img,
.portfolio .portfolio-item8 .portfolio-img8 img,
.portfolio .portfolio-item9 .portfolio-img9 img,
.portfolio .portfolio-item10 .portfolio-img10 img,
.portfolio .portfolio-item11 .portfolio-img11 img,
.portfolio .portfolio-item12 .portfolio-img12 img,
.portfolio .portfolio-item13 .portfolio-img13 img,
.portfolio .portfolio-item14 .portfolio-img14 img,
.portfolio .portfolio-item15 .portfolio-img15 img,
.portfolio .portfolio-item16 .portfolio-img16 img,
.portfolio .portfolio-item17 .portfolio-img17 img,
.portfolio .portfolio-item18 .portfolio-img18 img, 
.portfolio .portfolio-item19 .portfolio-img19 img,
.portfolio .portfolio-item20 .portfolio-img20 img{
  transition: all 0.8s ease-in-out;

}



.portfolio-img2{
  transition: all 0.8s ease-in-out;

}
.portfolio .portfolio-item .portfolio-info {
  opacity: 1;
  position: absolute;
  left: 12px;
  bottom: -45px;
  z-index: 999;
  right: 12px;
  transition: all ease-in-out 0.3s;
  background:#777;
  padding: 10px 15px;
  min-height:70px;
}
.portfolio .portfolio-item .portfolio-info2 {
  opacity: 0;
  position: absolute;
  left: 12px;
  bottom: 0;
  z-index: 3;
  right: 12px;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  height:100%;
}
.portfolio .portfolio-item:hover .portfolio-info2 {
  opacity: 1;
}
.portfolio .portfolio-item:hover .portfolio-info2 p{
color:#fff;
text-shadow:1px 1px 1px #111;
  font-size: 16px;
  line-height:25px;
  bottom:10%;
}
.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 16px;
  line-height:25px;
  color:#fff;
  font-weight: 500;
  margin-bottom: 0px;
   padding-right:60px;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #fff;
  font-size: 14px;
  font-weight:500;
  margin-bottom: 0;
  padding-right:60px;

}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 10px;
  font-size: 30px;
  top: calc(30% - 15px);
  color:#D5FFD5;
  transition: 0.3s;
  text-align:center
}
.portfolio .portfolio-item .portfolio-info .preview-link span{
font-size:12px;
display:block;
margin-top:-10px;
top:0px;}
.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #90C641;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
  color: #fd9f5b;
}

.portfolio .portfolio-item:hover .portfolio-img img, 
.portfolio .portfolio-item2:hover .portfolio-img2 img,
.portfolio .portfolio-item3:hover .portfolio-img3 img,
.portfolio .portfolio-item4:hover .portfolio-img4 img,
.portfolio .portfolio-item5:hover .portfolio-img5 img,
.portfolio .portfolio-item6:hover .portfolio-img6 img,
.portfolio .portfolio-item7:hover .portfolio-img7 img,
.portfolio .portfolio-item8:hover .portfolio-img8 img,
.portfolio .portfolio-item9:hover .portfolio-img9 img,
.portfolio .portfolio-item10:hover .portfolio-img10 img,
.portfolio .portfolio-item11:hover .portfolio-img11 img,
.portfolio .portfolio-item12:hover .portfolio-img12 img,
.portfolio .portfolio-item13:hover .portfolio-img13 img,
.portfolio .portfolio-item14:hover .portfolio-img14 img,
.portfolio .portfolio-item15:hover .portfolio-img15 img,
.portfolio .portfolio-item16:hover .portfolio-img16 img,
.portfolio .portfolio-item17:hover .portfolio-img17 img,
.portfolio .portfolio-item18:hover .portfolio-img18 img,
.portfolio .portfolio-item19:hover .portfolio-img19 img,
.portfolio .portfolio-item20:hover .portfolio-img20 img {
  transform: scale(1.2);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}

.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #ef6603;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ef6603;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(42, 44, 57, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}
 #fh5co-portfolio-list {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
#fh5co-portfolio-list li {
  display: block;
  padding: 0;
  margin: 0 0 15px 1%;
  list-style: none;
  min-height: 300px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  clear: left;
  position: relative;
}

#fh5co-portfolio-list li a {
  min-height: 300px;
  padding: 0em;
  position: relative;
  width: 100%;
  display: block;
  
}
#fh5co-portfolio-list li a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 80;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;


}
#fh5co-portfolio-list li a:hover:before {
  background: transparent;
}
#fh5co-portfolio-list li a .case-studies-summary {
  width: auto;
  bottom: 0em;
  left: 0px;
  right: 0em;
  position: absolute;
  z-index: 100;
  padding:20px 15px;
    background: linear-gradient(to top, rgba(1, 1, 1, 0.74), rgba(255, 255, 255, 0.0));
	min-height:64px;
}

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

}
#fh5co-portfolio-list li a .case-studies-summary span {
  font-size: 13px;
    text-shadow:1px 1px 1px #841530;
  color: rgba(255, 255, 255, 1);
}
#fh5co-portfolio-list li a .case-studies-summary h3 {
  color:#fff;
  margin-bottom: 0;
  font-size:16px;
  line-height:25px;
  text-shadow:1px 1px 2px #111;
  font-weight:500;

}
#fh5co-portfolio-list li a:hover .case-studies-summary h3 {
display:none;
}

#fh5co-portfolio-list li.two-third {
  width: 47%;
}
@media screen and (max-width: 960px) {
#fh5co-portfolio-list li {
  margin:10px 15px;
  }
  #fh5co-portfolio-list li.two-third {
    width: 100%;
  }
}

#fh5co-portfolio-list li.one-third {
  width: 32%;
}
@media screen and (max-width: 768px) {
  #fh5co-portfolio-list li.one-third {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
#fh5co-portfolio-list li {
  display: block;
  height: 300px !important;
}
#fh5co-portfolio-list li a {
display: block;
  height: 300px !important;
}
#fh5co-portfolio-list li a .case-studies-summary {
  bottom:0;
    background: linear-gradient(to top, rgba(1, 1, 1, 0.74), rgba(255, 255, 255, 0.0));

}
}