/*!
top nav
 */

 


/*=================================================================
	Navigation
==================================================================*/
.navbar {
	    border-radius: 0px;
		margin-bottom:0;
		border-bottom:0;
		font-weight:500;
}

.my-nav {
	    border-radius: 0px;
		margin-bottom:0;
		border-bottom:0;
		font-weight:500;
}

.page-hero-section {
  display: flex;
  height: 250px;
  padding-top: 10px;
  justify-content: center;
  align-items: center;
  background-color: #354559;
  color: #fff;
}


.intro-header{
font-family: 'Raleway', sans-serif;
margin-top: 10px;
margin-bottom: 10px;
line-height: 80px;
font-weight: 700;
letter-spacing:3px;
text-transform: uppercase;
color:#fff;
}

.title2 h1 {
	font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    margin-top: 0;
	font-weight:700;
	letter-spacing: 3px;
}

.title2 p {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
}

/*=================================================================
	Button
==================================================================*/

.button-style-photos {
	font-family: 'Raleway', sans-serif;
	color:#fff;
	height: 50px;
	border-radius:0;
	text-align:center;
	line-height:37px;
	border:1px solid #fff;
	margin-top:10px;
	letter-spacing:2px;
	font-size:16px;
	font-weight:700;
	position:relative;
	margin-top:30%;
	transition:all .5s ease-in-out;

}

.button-style-photos:hover{
	background-color:#0000bd;
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	border: 1px solid rgba(255,255,255,0.5);	
}

.pagination {
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}


.photo-download img{
	padding:10px;
}

.photo-details {
	padding:10px;
}

.button-style-download{
	font-family: 'Raleway', sans-serif;
	text-align:center;
	width:100%;
	color:#fff;
	height: 50px;
	border-radius:0;
	text-align:center;
	line-height:37px;
	border:1px solid #ED2100;
	background-color:#ED2100;
	letter-spacing:2px;
	font-size:16px;
	font-weight:700;
	transition:all .5s ease-in-out;

}

.button-style-download:hover{
	background-color:#0000bd;
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	border: 1px solid rgba(255,255,255,0.5);	
}




.button-style-gallery{
	font-family: 'Raleway', sans-serif;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#fff;
	height: 50px;
	border-radius:0;
	text-align:center;
	line-height:37px;
	border:1px solid #20b700;
	background-color:#20b700;
	letter-spacing:2px;
	font-size:16px;
	font-weight:700;
	transition:all .5s ease-in-out;

}

.button-style-gallery:hover{
	background-color:#0000bd;
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	border: 1px solid rgba(255,255,255,0.5);	
}


/*=================================================================
	photos-category
==================================================================*/


page-hero-section.gallery-category {
  background-size: auto, cover;
  background-position: 0 0 50% 50%;
  background-attachment: scroll, fixed, scroll;
  background-repeat: repeat, no-repeat;
}








/*=================================================================
	Button photos-category
==================================================================*/
.nav-button { margin-top:30px;}
.nav-button { margin-bottom:30px;}
.nav-button ul{
	text-align:center;
	margin: auto;
	text-transform:uppercase;
}
.nav-button ul li{
	display: inline-block;
  margin: 4px;
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #222;
  font-size: 14px;
  line-height: 38px;
  font-weight: 500;
}

.nav-button ul li:hover{
	  background-color:  #354559;
	  color:#fff;
}

.nav-button ul .active{
	  background-color: #354559;
	  color:#fff;
}


/* ================ Start Photos Category ====================== */


.work-card-header {
  position: relative;
  font-family: 'Raleway', sans-serif;
  font-weight:700;
}


.photo-info {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 10px;
    text-align: left;
    background: #fff;
	box-shadow:0px 0px 1px #d4d4d4
}


.photo-description {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  color: #777;
  font-size: 15px;
  line-height: 28px;
}

.work-card-back-text {
  position: absolute;
  left: 44%;
  top: 44px;
  z-index: 0;
  color: rgba(0, 0, 0, .03);
  font-size: 128px;
  line-height: 96px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.photo-category h4{
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  font-weight: 700;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight:700;  
}

.photo-filter{overflow:hidden; margin-top:30px;     background-size: cover;}

.photo-filter img{	
max-width: 100%;
vertical-align: middle;
display: inline-block;
transition: transform .5s;
-webkit-transition: transform .5s;
-ms-transition: transform .5s;
}

.photo-filter a:hover img{
	-ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.05);
}