#photos {
	/* Prevent vertical gaps */
	line-height: 0;
	-webkit-column-count: 4;
	-webkit-column-gap:   0px;
	-moz-column-count:    4;
	-moz-column-gap:      0px;
	column-count:         4;
	column-gap:           0px;
	width: 100%;
	margin: 1em 0;
  }
  
  #photos img {
	width: 100% !important;
	height: auto !important;
	padding: .25em;
  }
  #photos .photos-gallery {
	overflow: hidden;
	position: relative;
}
  #photos .photos-gallery .overlay {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index:1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#photos .photos-gallery .overlay a{
	position:relative;
	top:50%;
	right: 0;
	width: 100%;
	height: 100%;
	color:initial;
    padding: 10px;
	font-size: smaller;
}

#photos .photos-gallery:hover .overlay {
	opacity: 1;
	visibility: visible;
}
  @media (max-width: 1200px) {
	#photos {
	-moz-column-count:    3;
	-webkit-column-count: 3;
	column-count:         3;
	}
  }
  @media (max-width: 1000px) {
	#photos {
	-moz-column-count:    2;
	-webkit-column-count: 23;
	column-count:         2;
	}
  }
  @media (max-width: 768px) {
	#photos {
	-moz-column-count:    1;
	-webkit-column-count: 1;
	column-count:         1;
	}
  }
.clouds{
	position: absolute;
	overflow: hidden;
	z-index: 1;
	height: 100%;
	width: 100%;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
}
@media screen and (max-width: 736px){
.clouds {
	display: none;
}
}
.clouds .clouds_one,.clouds .clouds_two, .clouds .clouds_three {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	background-repeat: repeat-x;
	background-position: center 30%;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	z-index: 2;
}
.clouds .clouds_one {
	background-image: url(../../upload/background/cloud_one.png);
	-webkit-animation: cloud_one 50s linear infinite;
	-moz-animation: cloud_one 50s linear infinite;
	-o-animation: cloud_one 50s linear infinite;
}
.clouds .clouds_two {
	background-image: url(../../upload/background/cloud_two.png);
	opacity: .2;
	-webkit-animation: cloud_two 75s linear infinite;
	-moz-animation: cloud_two 75s linear infinite;
	-o-animation: cloud_two 75s linear infinite;
}
.clouds .clouds_three {
	background-image: url(../../upload/background/cloud_three.png);
	opacity: .5;
	-webkit-animation: cloud_three 100s linear infinite;
	-moz-animation: cloud_three 100s linear infinite;
	-o-animation: cloud_three 100s linear infinite;
}
@-webkit-keyframes cloud_one{0%{left:0}100%{left:-200%}}
@-webkit-keyframes cloud_two{0%{left:0}100%{left:-200%}}
@-webkit-keyframes cloud_three{0%{left:0}100%{left:-200%}}
@-moz-keyframes cloud_one{0%{left:0}100%{left:-200%}}
@-moz-keyframes cloud_two{0%{left:0}100%{left:-200%}}
@-moz-keyframes cloud_three{0%{left:0}100%{left:-200%}}

.cb-bg,
.cb-bg:after {
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow:hidden;
}
.cb-bg:after{
    content: '';
    background-color: rgba(255,255,255,.3);
}
.cb-bg li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-bg li:nth-child(2) span {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-bg li:nth-child(3) span {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-bg li:nth-child(4) span {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-bg li:nth-child(5) span {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-bg li:nth-child(6) span {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.10);
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.5) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.10);
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.5) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.10);
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.5) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.10);
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.5) rotate(3deg);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.10);
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.5) rotate(3deg);
	}
	100% { opacity: 0 }
}

/* Main Content */
.drop {
	position: fixed;
	margin: 0 auto;
	width: 115%;
	height: 110%;
	bottom:-1em;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index:3;
}
.drop:before,
.drop:after {
	content: "";
	display: block;
	position: absolute;
}

.drop:before {
	background: rgba(135, 0, 0,1);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	box-shadow: 0 0 0 0.1em rgba(135, 0, 0,0.8),
				0 0 0 0.15em rgba(135, 0, 0,0.8),
				0 0 0 0.2em rgba(135, 0, 0,0.8),
				0 0 0 0.25em rgba(135, 0, 0,0.8),
				0 0 0 0.3em rgba(135, 0, 0,0.8),
				0 0 0 0.35em rgba(135, 0, 0,0.8),
				0 0 0 0.4em rgba(135, 0, 0,0.8),
				0 0 0 0.45em rgba(135, 0, 0,0.8),
				0 0 0 0.5em rgba(135, 0, 0,0.8);
	top: 0%; left: 50%;
	width: 0.1em; height: 0.1em;
	-webkit-animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
	   -moz-animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
		-ms-animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
			animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
}

.drop:after {
	background: rgb(175,17,22);
	background: -moz-linear-gradient(top,  rgba(175,17,22,1) 0%, rgba(123,0,0,1) 5%, rgba(161,1,1,1) 35%, rgba(135,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(175,17,22,1)), color-stop(5%,rgba(123,0,0,1)), color-stop(35%,rgba(161,1,1,1)), color-stop(100%,rgba(135,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(175,17,22,1) 0%,rgba(123,0,0,1) 5%,rgba(161,1,1,1) 35%,rgba(135,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(175,17,22,1) 0%,rgba(123,0,0,1) 5%,rgba(161,1,1,1) 35%,rgba(135,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(175,17,22,1) 0%,rgba(123,0,0,1) 5%,rgba(161,1,1,1) 35%,rgba(135,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(175,17,22,1) 0%,rgba(123,0,0,1) 5%,rgba(161,1,1,1) 35%,rgba(135,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1116', endColorstr='#870000',GradientType=0 );
	-webkit-border-radius: 100% 0 50% 0;
	-moz-border-radius: 100% 0 50% 0;
	border-radius: 100% 0 50% 0;
	left: 0; bottom: 0;
	width: inherit; height: 7em;
	opacity: 0.7;
	-webkit-animation: surface 3s linear infinite;
	   -moz-animation: surface 3s linear infinite;
		-ms-animation: surface 3s linear infinite;
			animation: surface 3s linear infinite;
}
.drop-side {
	position: absolute;
	margin: 0 auto;
	width: 40px;
	height: 110%;
	bottom:-2em;
	right:100px;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index:3;
}

.drop-side:before {
	content: "";
	display: block;
	position: absolute;
}

.drop-side:before {
	background: rgba(135, 0, 0,1);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	box-shadow: 0 0 0 0.1em rgba(135, 0, 0,0.8),
				0 0 0 0.15em rgba(135, 0, 0,0.8),
				0 0 0 0.2em rgba(135, 0, 0,0.8),
				0 0 0 0.25em rgba(135, 0, 0,0.8),
				0 0 0 0.3em rgba(135, 0, 0,0.8),
				0 0 0 0.35em rgba(135, 0, 0,0.8),
				0 0 0 0.4em rgba(135, 0, 0,0.8),
				0 0 0 0.45em rgba(135, 0, 0,0.8),
				0 0 0 0.5em rgba(135, 0, 0,0.8);
	top: 0%; left: 50%;
	width: 0.1em; height: 0.1em;
	-webkit-animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
	   -moz-animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
		-ms-animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
			animation: fall 3.5s cubic-bezier(0.5, 0, 1, 0.5) infinite;
}

@-webkit-keyframes fall {
	5%, 15% {
		box-shadow: 0 -1.4em 0 0.1em rgba(140,0,0,1),
					0 -0.8em 0 0.15em rgba(140,0,0,1),
					0 -0.3em 0 0.2em rgba(140,0,0,1),
					0 -0.1em 0 0.25em rgba(140,0,0,1),
					0 0 0 0.3em rgba(140,0,0,1),
					0 0.2em 0 0.35em rgba(140,0,0,1),
					0 0.4em 0 0.4em rgba(140,0,0,1),
					0 0.6em 0 0.45em rgba(140,0,0,1),
					0 0.8em 0 0.5em rgba(140,0,0,1);
	}
	16% {
		top: 80%;
	}
	18% {
		top: 80%;
		box-shadow: 1em -8em 0 0.2em rgba(160,0,0,1),
					-2.2em -3.8em 0 0.1em rgba(160,0,0,1),
					3em -2.85em 0 0.3em rgba(160,0,0,1),
					-3.5em -4em 0 0.2em rgba(160,0,0,1),
					0 0 0 0.3em rgba(160,0,0,1),
					2em -2em 0 0.2em rgba(160,0,0,1),
					-0.3em -3em 0 0.2em rgba(160,0,0,1),
					0.5em -5em 0 0.35em rgba(160,0,0,1),
					-3em -1em 0 0.3em rgba(160,0,0,1);
	}
	30% {
		top: 90%;
		box-shadow: 1.5em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.15em rgba(120,0,0,0.1),
					3em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.25em rgba(120,0,0,0.1),
					0 0 0 0.2em rgba(120,0,0,0.1),
					2.35em 0 0 0.3em rgba(120,0,0,0.1),
					-0.5em 0 0 0.2em rgba(120,0,0,0.1),
					1em 0 0 0.3em rgba(120,0,0,0.1),
					-4em 0 0 0.4em rgba(120,0,0,0.1);
	}
	40%, 100% {
		top: 99%;
		background: rgba(140,0,0,1);
		box-shadow: 1.8em 0.5em 0 0.2em rgba(140,0,0,0),
					-3em 0.5em 0 0.1em rgba(140,0,0,0),
					4em 0.5em 0 0.1em rgba(140,0,0,0),
					-3.5em 0.5em 0 0.1em rgba(140,0,0,0),
					0 0 0 0.3em rgba(140,0,0,0),
					2.45em 0.5em 0 0.1em rgba(140,0,0,0),
					-0.8em 0.5em 0 0.2em rgba(140,0,0,0),
					1.5em 0.5em 0 0.3em rgba(140,0,0,0),
					-4.5em 0.5em 0 0.2em rgba(140,0,0,0);
	}
}

@-moz-keyframes fall {
	5%, 15% {
		box-shadow: 0 -1.4em 0 0.1em rgba(140,0,0,1),
					0 -0.8em 0 0.15em rgba(140,0,0,1),
					0 -0.3em 0 0.2em rgba(140,0,0,1),
					0 -0.1em 0 0.25em rgba(140,0,0,1),
					0 0 0 0.3em rgba(140,0,0,1),
					0 0.2em 0 0.35em rgba(140,0,0,1),
					0 0.4em 0 0.4em rgba(140,0,0,1),
					0 0.6em 0 0.45em rgba(140,0,0,1),
					0 0.8em 0 0.5em rgba(140,0,0,1);
	}
	16% {
		top: 80%;
	}
	18% {
		top: 80%;
		box-shadow: 1em -8em 0 0.2em rgba(160,0,0,1),
					-2.2em -3.8em 0 0.1em rgba(160,0,0,1),
					3em -2.85em 0 0.3em rgba(160,0,0,1),
					-3.5em -4em 0 0.2em rgba(160,0,0,1),
					0 0 0 0.3em rgba(160,0,0,1),
					2em -2em 0 0.2em rgba(160,0,0,1),
					-0.3em -3em 0 0.2em rgba(160,0,0,1),
					0.5em -5em 0 0.35em rgba(160,0,0,1),
					-3em -1em 0 0.3em rgba(160,0,0,1);
	}
	30% {
		top: 90%;
		box-shadow: 1.5em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.15em rgba(120,0,0,0.1),
					3em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.25em rgba(120,0,0,0.1),
					0 0 0 0.2em rgba(120,0,0,0.1),
					2.35em 0 0 0.3em rgba(120,0,0,0.1),
					-0.5em 0 0 0.2em rgba(120,0,0,0.1),
					1em 0 0 0.3em rgba(120,0,0,0.1),
					-4em 0 0 0.4em rgba(120,0,0,0.1);
	}
	40%, 100% {
		top: 99%;
		background: rgba(140,0,0,1);
		box-shadow: 1.8em 0.5em 0 0.2em rgba(140,0,0,0),
					-3em 0.5em 0 0.1em rgba(140,0,0,0),
					4em 0.5em 0 0.1em rgba(140,0,0,0),
					-3.5em 0.5em 0 0.1em rgba(140,0,0,0),
					0 0 0 0.3em rgba(140,0,0,0),
					2.45em 0.5em 0 0.1em rgba(140,0,0,0),
					-0.8em 0.5em 0 0.2em rgba(140,0,0,0),
					1.5em 0.5em 0 0.3em rgba(140,0,0,0),
					-4.5em 0.5em 0 0.2em rgba(140,0,0,0);
	}
}

@-ms-keyframes fall {
	5%, 15% {
		box-shadow: 0 -1.4em 0 0.1em rgba(140,0,0,1),
					0 -0.8em 0 0.15em rgba(140,0,0,1),
					0 -0.3em 0 0.2em rgba(140,0,0,1),
					0 -0.1em 0 0.25em rgba(140,0,0,1),
					0 0 0 0.3em rgba(140,0,0,1),
					0 0.2em 0 0.35em rgba(140,0,0,1),
					0 0.4em 0 0.4em rgba(140,0,0,1),
					0 0.6em 0 0.45em rgba(140,0,0,1),
					0 0.8em 0 0.5em rgba(140,0,0,1);
	}
	16% {
		top: 80%;
	}
	18% {
		top: 80%;
		box-shadow: 1em -8em 0 0.2em rgba(160,0,0,1),
					-2.2em -3.8em 0 0.1em rgba(160,0,0,1),
					3em -2.85em 0 0.3em rgba(160,0,0,1),
					-3.5em -4em 0 0.2em rgba(160,0,0,1),
					0 0 0 0.3em rgba(160,0,0,1),
					2em -2em 0 0.2em rgba(160,0,0,1),
					-0.3em -3em 0 0.2em rgba(160,0,0,1),
					0.5em -5em 0 0.35em rgba(160,0,0,1),
					-3em -1em 0 0.3em rgba(160,0,0,1);
	}
	30% {
		top: 90%;
		box-shadow: 1.5em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.15em rgba(120,0,0,0.1),
					3em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.25em rgba(120,0,0,0.1),
					0 0 0 0.2em rgba(120,0,0,0.1),
					2.35em 0 0 0.3em rgba(120,0,0,0.1),
					-0.5em 0 0 0.2em rgba(120,0,0,0.1),
					1em 0 0 0.3em rgba(120,0,0,0.1),
					-4em 0 0 0.4em rgba(120,0,0,0.1);
	}
	40%, 100% {
		top: 99%;
		background: rgba(140,0,0,1);
		box-shadow: 1.8em 0.5em 0 0.2em rgba(140,0,0,0),
					-3em 0.5em 0 0.1em rgba(140,0,0,0),
					4em 0.5em 0 0.1em rgba(140,0,0,0),
					-3.5em 0.5em 0 0.1em rgba(140,0,0,0),
					0 0 0 0.3em rgba(140,0,0,0),
					2.45em 0.5em 0 0.1em rgba(140,0,0,0),
					-0.8em 0.5em 0 0.2em rgba(140,0,0,0),
					1.5em 0.5em 0 0.3em rgba(140,0,0,0),
					-4.5em 0.5em 0 0.2em rgba(140,0,0,0);
	}
}

@keyframes fall {
	5%, 15% {
		box-shadow: 0 -1.4em 0 0.1em rgba(140,0,0,1),
					0 -0.8em 0 0.15em rgba(140,0,0,1),
					0 -0.3em 0 0.2em rgba(140,0,0,1),
					0 -0.1em 0 0.25em rgba(140,0,0,1),
					0 0 0 0.3em rgba(140,0,0,1),
					0 0.2em 0 0.35em rgba(140,0,0,1),
					0 0.4em 0 0.4em rgba(140,0,0,1),
					0 0.6em 0 0.45em rgba(140,0,0,1),
					0 0.8em 0 0.5em rgba(140,0,0,1);
	}
	16% {
		top: 91%;
	}
	18% {
		top: 91%;
		box-shadow: 1em -8em 0 0.2em rgba(160,0,0,1),
					-2.2em -3.8em 0 0.1em rgba(160,0,0,1),
					3em -2.85em 0 0.3em rgba(160,0,0,1),
					-3.5em -4em 0 0.2em rgba(160,0,0,1),
					0 0 0 0.3em rgba(160,0,0,1),
					2em -2em 0 0.2em rgba(160,0,0,1),
					-0.3em -3em 0 0.2em rgba(160,0,0,1),
					0.5em -5em 0 0.35em rgba(160,0,0,1),
					-3em -1em 0 0.3em rgba(160,0,0,1);
	}
	30% {
		top: 95%;
		box-shadow: 1.5em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.15em rgba(120,0,0,0.1),
					3em 0 0 0.2em rgba(120,0,0,0.1),
					-2em 0 0 0.25em rgba(120,0,0,0.1),
					0 0 0 0.2em rgba(120,0,0,0.1),
					2.35em 0 0 0.3em rgba(120,0,0,0.1),
					-0.5em 0 0 0.2em rgba(120,0,0,0.1),
					1em 0 0 0.3em rgba(120,0,0,0.1),
					-4em 0 0 0.4em rgba(120,0,0,0.1);
	}
	40%, 100% {
		top: 99%;
		background: rgba(140,0,0,1);
		box-shadow: 1.8em 0.5em 0 0.2em rgba(140,0,0,0),
					-3em 0.5em 0 0.1em rgba(140,0,0,0),
					4em 0.5em 0 0.1em rgba(140,0,0,0),
					-3.5em 0.5em 0 0.1em rgba(140,0,0,0),
					0 0 0 0.3em rgba(140,0,0,0),
					2.45em 0.5em 0 0.1em rgba(140,0,0,0),
					-0.8em 0.5em 0 0.2em rgba(140,0,0,0),
					1.5em 0.5em 0 0.3em rgba(140,0,0,0),
					-4.5em 0.5em 0 0.2em rgba(140,0,0,0);
	}
}

@-webkit-keyframes surface {
	50% {
	   -webkit-border-radius: 0 75% 0 75%;
		border-radius: 0 75% 0 75%;
		opacity: 0.5;
		height: 3.5em;
	}
}

@-moz-keyframes surface {
	50% {
		-moz-border-radius: 0 75% 0 75%;
		opacity: 0.5;
		height: 3.5em;
	}	
}

@-ms-keyframes surface {
	50% {
		-ms-border-radius: 0 75% 0 75%;
		opacity: 0.5;
		height: 3.5em;
	}	
}

@keyframes surface {
	50% {
		border-radius: 0 75% 0 75%;
		opacity: 0.5;
		height: 3.5em;
	}
}
/* Grid */
.grid1{
	position:relative;
	box-shadow: 0 1px 0px #E6E5E5;
	-webkit-box-shadow: 0 1px 0px #E6E5E5;
	-moz-box-shadow: 0 1px 0px #E6E5E5;
	-o-box-shadow: 0 1px 0px #E6E5E5;
}
.grid1 .sale {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background-color: #1baf5d;
	line-height: 23px;
	padding: 3px 14px;
	position: absolute;
	top: 7px;
	right: 20px;
	text-transform: uppercase;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
}
.grid1 .view:hover .sale{
	display:none;
}
.grid1 .index_img img{
	border-bottom:3px solid #1baf5d;
}
.grid1 .view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   border-top-left-radius: 3px;
   -webkit-border-top-left-radius: 3px;
   -moz-border-top-left-radius: 3px;
   -o-border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-border-top-right-radius: 3px;
   -o-border-top-right-radius: 3px;
}
.grid1 .view .mask,.grid1 .view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 258px;
	height: 173px;
}
.grid1 .view img {
   display: block;
   position: relative;
}
.grid1 .view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.grid1 .info {
    display: inline-block;
	text-decoration: none;
	padding: 8px 20px 5px;
	background: none;
	color: #fff;
	text-transform: uppercase;
	border: 2px solid #fff;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	font-size: 0.8125em;
	margin: 2em 0 1em;
	font-weight:100;
}
.grid1 .view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.grid1 .view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color:rgba(136, 73, 156, 0.68);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-bottom:3px solid #1baf5d;
}
.grid1 .view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.grid1 .view-first ul.mask_img {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.grid1 .view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.grid1 .view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.grid1 .view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.grid1 .view-first:hover h2,
.grid1 .view-first:hover ul.mask_img,
.grid1 .view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.grid1 .view-first:hover ul.mask_img {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.grid1 .inner_wrap,.grid1 .inner_wrap2{
	background:#fff;
	padding:2em 1em 1em;
	text-align:center;
	border-bottom-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-bottom-left-radius: 3px;
   -o-border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   -o-border-bottom-right-radius: 3px;
}
.grid1 .inner_wrap h3,.grid1 .inner_wrap2 h3{
	color: #566375;
	font-size: 0.85em;
	font-weight: 100;
	line-height: 1.3em;
	margin-bottom: 1em;
}
.grid1 ul.star1{
	padding:0;
	list-style:none;
}
.grid1 ul.star1 li a{
	font-size:0.8125em;
	color:#96a6a7;
}
.grid1 ul.star1 li a img {
	padding-right: 5px;
}
.grid1 i.m_home {
	width: 67px;
	height: 67px;
	background: url(../images/img-sprite.png)no-repeat -7px -93px;
	display: block;
	position: absolute;
	bottom:135px;
	left: 12px;
}
.grid1 i.m_home1 {
	width: 67px;
	height: 67px;
	background: url(../images/img-sprite.png)no-repeat -7px -169px;
	display: block;
	position: absolute;
	bottom:135px;
	left: 12px;
}
/* Effects */

.jquery_msg.error {
	background-color: firebrick;
}
.jquery_msg.success {
	background-color: green;
}
.jquery_msg.error, .jquery_msg.success {
	position: absolute;
	width: 100%;
	top:12px;
	left: 0;
	padding: 5px;
	font-family: 'Noto Kufi Arabic',sans-serif;
	color: #FFF;
	text-align: center;
	z-index: 999;
	-webkit-animation-name: animScaleUp;
	animation-name: animScaleUp;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity: 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}
@keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity: 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}
.jquery_msg.error, .jquery_msg.success {
	-webkit-animation-name: animSlideTop;
	animation-name: animSlideTop;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	animation-direction: alternate;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); }
    10% { -webkit-transform: translate3d(0,0,0); opacity: 1;}
    90% { -webkit-transform: translate3d(0,0,0);opacity: 1; }
	100% { -webkit-transform: translate3d(0,-100%,0); opacity: 0;}
}
@keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    10% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);opacity: 1; }
    90% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
	100% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); opacity: 0; }
}