/* Add here all your css styles (customizations) */

.profile-bio h2 {
	margin-top: 0;
	font-weight: 200;
}

.col-md-7 span {
	display: block;
}

.profile-bio hr {
	margin: 12px 0 10px;
}

/*Portfolio v1
------------------------------------*/
.view {
   z-index:9;
   cursor: default;
   overflow: hidden;
   text-align: center;
   position: relative;
   margin-bottom: 30px;
   box-shadow: 0 0 3px #ddd;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 22px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   text-shadow:none;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 10px;
   text-align: center;
}
.view a.info {
   color: #fff;
   background: #000;
   padding: 5px 12px;
   text-decoration: none;
   margin-top:10px;
   display: inline-block;
   overflow:hidden;
   text-transform: uppercase;
}
.view a.info:hover {
	background:#9c8061;
}

.portfolio-responsive h2 {
	margin-top:0 !important;
}

/*CSS3 Hover Effect*/
.view-tenth img {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.view-tenth .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;
}
.view-tenth h2 {
   color: #333;
   margin: 10px 10px 0;
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   -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;
}
.view-tenth p {
   color: #333;
   -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;
}
.view-tenth a.info {
   -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;
}
.view-tenth:hover img {
   -webkit-transform: scale(2) rotate(10deg);
   -moz-transform: scale(2) rotate(10deg);
   -o-transform: scale(2) rotate(10deg);
   -ms-transform: scale(2) rotate(10deg);
   transform: scale(2) rotate(10deg);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -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;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .portfolio-4-columns .mask h2 {
      font-size: 20px;
      margin-bottom: 0px;
   }

   .portfolio-4-columns .mask p {
      display: none;
   }
}
.media img {
	top: 3px;
	width: 54px;
	height: 54px;
	position: relative;
}


.post-comment h3,
.portfolio-item .media h3 {
	color: #9c8061;
	font-size: 21px;
	margin-bottom: 25px;
}


.portfolio-item .media .media-body h4.media-heading {
	color: #555;
	font-size: 17px;
	position: relative;
}

.portfolio-item .media .media-body h4.media-heading span {
	top: 3px; 
	right: 0;
	color: #777;
	font-size: 12px;
	position: absolute;
}

.portfolio-item .media .media-body h4.media-heading span a {
	color: #9c8061;
}

.content .media .media-body  hr {
	margin: 1px 0 1px;
}

/*Search Block Version 2
------------------------------------*/
.search-block-v2 {
	margin-bottom: 10px;
	padding: 10px 0 28px;
	border-bottom: 1px solid #eee;
	background: url(../../img/breadcrumbs.png) repeat;
}

.search-block-v2 h2 {
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	margin-bottom: 18px;
	text-transform: uppercase;
}

/*S-Results
------------------------------------*/
/*Related-search*/
.s-results .related-search  {
	border-right: 1px solid #eee;
}

.s-results .related-search h3 {
	color: #999;
	display: block;
	font-size: 14px;
	margin: 0 0 10px;
	line-height: 20px;
	text-transform: uppercase;
}

.s-results .related-search li {
	margin: 4px 0;
}

.s-results .related-search li a {
	text-transform: capitalize;
}

.s-results .related-search a.see-all {
	color: #999;
}

.s-results .related-search a:hover {
	color: #9c8061;
}

.s-results .related-search hr {
	margin: 20px 0;
}

.s-results .blog-photos {
	margin-bottom: 0;
}

.s-results .blog-photos li img {
	width: 34px;
	height: 34px;
}

/*Results-number*/
.s-results .results-number {
	color: #999;	
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/*Inner-results*/
.s-results .inner-results {
	clear: both;
}

.s-results .inner-results h3 {
	font-size: 18px;
	margin-bottom: 3px;
	text-transform: capitalize;
}

.s-results .inner-results h3 a {
	color: #555;
}

.s-results .inner-results h3 a:hover {
	color: #9c8061;
}

.s-results .inner-results img {
	float: left;
	width: 85px;
	height: auto;
	margin: 0 10px 10px 0;
}

/*up-ul*/
.s-results .up-ul {
	margin-bottom: 4px;
}

.s-results .up-ul li a {
	color: #999;
}

.s-results .up-ul li a:hover {
	color: #9c8061;
}

/*btn-group 'dropdown'*/
.s-results .inner-results .btn {
	top: -1px;
	padding: 0;
	position: relative;
}

.s-results .inner-results .btn-default {
	color: #999;
	border: none;
	font-size: 13px;
}

.s-results .inner-results .btn:hover,
.s-results .inner-results .btn:focus{
	box-shadow: none;
	background: inherit;
}

.s-results .inner-results .btn-u-default {
	color: #999;
	border: none;
}

.s-results .inner-results .btn-u-xs {
	padding: 0;
}

.s-results .inner-results .btn-u-default i {
	font-size: 14px;
}

.s-results .inner-results p {
	margin-bottom: 5px;
}

/*down-ul*/
.s-results .down-ul {
	margin-bottom: 0;
}

.s-results .down-ul li {
	color: #999;
}

.s-results .down-ul li a {
	color: #9c8061;
}

.s-results .star-vote li {
	padding: 0;
}

@media (max-width: 992px) {
	/*Related-search*/
	.s-results .related-search  {
		border-right: none;
		margin-bottom: 30px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
	}	
	
	.s-results .related-search hr {
		margin: 10px 0;
		visibility: hidden;
	}
}	
	
@media (max-width: 500px) {
	/*Inner-results*/
	.s-results .inner-results img {
		width: 60px;
		height: auto;
	}

	.s-results .inner-results .overflow-a p {
		display: none;
	}
}

#dvLoading {
    display:    none;
    position:   fixed;
    z-index:    100000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../../imgs/ajax-loader.gif)
                50% 50% 
                no-repeat;
}

.bigPictureWrapper {
	position: absolute;
	display: none;
	justify-content: center;
	align-items: center;
	top:0%;
	width:100%;
	height:100%;
	background-color: gray; 
	z-index: 100;
	background:rgba(255,255,255,0.5);
}
.bigPicture {
	position: relative;
	display:flex;
	justify-content: center;
	align-items: center;
}

.bigPicture img {
	width:800px;
}