@charset "utf-8";

/* CSS Document */



.masonry:after {

	content: "";

	display: table;

	clear: both;

}

.masonry .grid-sizer, .masonry-effect1 {

	width: 50%;

}

.masonry-effect1 {

	float: left;

	padding: 0;

}

.masonry-row1 {

	position: relative;

	overflow: hidden;

}

.masonry-bar1 img {

	vertical-align: bottom;

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

	transition: all 0.5s ease-in-out;

}

.masonry-bar1 a {

	display: block;

}

/*.masonry-bar1 a::before {

	display: block;

	background-color: rgba(0, 0, 0, 0.8);

	content: "";

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

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

	transition: all 0.5s ease-in-out;

	z-index: 1;

}*/
.masonry-bar1 a::before {
    display: block;
    content: "";
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    background: rgba(0,51,153,0.6);
}

.masonry-bar1 a::after {

	content: "+";

	font-family: georgia, serif;

	font-size: 2.7rem;

	display: block;

	height: 30px;

	width: 30px;

	line-height: 30px;

	margin-left: -15px;

	margin-top: -15px;

	position: absolute;

	left: 50%;

	top: 50%;

	text-align: center;

	color: rgba(255, 255, 255, 0.8);

	opacity: 0;

	visibility: hidden;

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

	transition: all 0.5s ease-in-out;

	-webkit-transform: scale(0.5);

	-ms-transform: scale(0.5);

	transform: scale(0.5);

	z-index: 1;

}

.masonry-text1 {

	text-align: left;

	position: absolute;

	left: 0;

	bottom: 10%;

	padding: 0 9.3%;

	z-index: 2;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translate3d(0, 100%, 0);

	-ms-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

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

	transition: all 0.3s ease-in-out;

}

.masonry-text1 h5 {

	font-size: 18px;

	font-weight: 400;

	color: #ffffff;

	letter-spacing: 3.2px;

	text-transform: uppercase;

	font-family: 'aw_conqueror_didotlight';

}

.masonry-caption1 {

	display: none;

}

/* on hover 

 * ----------------------------------------------- */

.masonry-row1:hover .masonry-bar1 a::before {

	opacity: 1;

	visibility: visible;

}

.masonry-row1:hover .masonry-bar1 a::after {

	opacity: 1;

	visibility: visible;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}

.masonry-row1:hover .masonry-bar1 img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

}

.masonry-row1:hover .masonry-text1 {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

/*home-social*/

.home-social {

	position: absolute;

	top: 37%;

	right: 6%;

	z-index: 999999;

	-webkit-transform: translate3d(0, -50%, 0);

	-ms-transform: translate3d(0, -50%, 0);

	transform: translate3d(0, -50%, 0);

}

.home-social .home-bar1 img {

	width: 74%;

	display: block;

	margin: 14% 4px;

}

.home-social .home-bar1 li {

	position: relative;

	margin: 10px 0 10px;

	padding: 0 0;

}

.home-social .home-bar1 li a {

	display: block;

	width: 33px;

	height: 33px;

	font-size: 14px;

	right: 0;

	text-align: center;

	display: inline-block;

	width: 33px;

	height: 33px;

	line-height: calc(33px - 4px);

	border: 2px solid #FFFFFF;

	border-radius: 50%;

}

.home-social .home-bar1 span {

	color: #000000;

	right: 44px;

	font-size: 14px;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: 100% 50%;

	-ms-transform-origin: 100% 50%;

	transform-origin: 100% 50%;

	position: absolute;

	top: 0;

	line-height: 33px;

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

	transition: all 0.5s ease-in-out;

}

.home-social .home-bar1 li:hover span {

	opacity: 1;

	visibility: visible;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}



/*Smartphone css*/

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

.home-social { display:none;}

.masonry-text1 { padding:0 5% 0; bottom:33px;}

} 



@media screen and (min-width:481px) and (max-width:600px) {

.home-social { display:none;}

.masonry-text1 { padding:0 5% 0; bottom:33px;}

}



@media screen and (min-width:601px) and (max-width:767px) {

.home-social { display:none;}

.masonry-text1 { padding:0 5% 0; bottom:33px;}

}



@media screen and (min-width:768px) and (max-width:900px) {

.home-social { right:3%;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.home-social { right:3%;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {

.home-social { right:3%;}

}