/* CSS Document */

 

.thumbnailEffect img {

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}





.thumbnailEffect img:hover {

    -moz-transform: scale(1.1) rotate(4deg);

    -webkit-transform: scale(1.1) rotate(4deg);

    -o-transform: scale(1.1) rotate(4deg);

    -ms-transform: scale(1.1) rotate(4deg);

    transform: scale(1.1) rotate(4deg);

}

 



.zoomItemImg  > a{

	overflow: hidden;

	display: block;

}



.zoomItemImg > a:hover img{

	-webkit-transition: all 1.4s ease;

    -moz-transition: all 1.4s ease;

    -ms-transition: all 1.4s ease;

    transition: all 1.4s ease;

	

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    opacity: .8;

}

.zoomItemImg > a:hover{

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	/* border: solid 1px #CCC;

    -moz-box-shadow: 1px 1px 5px #999;

    -webkit-box-shadow: 1px 1px 5px #999;

        box-shadow: 1px 1px 5px #999;	 */

}



.zoomElementInit{	

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);	

}



.zoomElement

{

	-webkit-transition: all .8s ease;

    -moz-transition: all .8 ease;

    -ms-transition: all .8s ease;

    transition: all .8s ease;

	

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: .8;

}

.shadowHome

{

    box-shadow: 0px 0px 5px #000000;

	color:#605E5E !important; 

    -webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1.01);

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1.01);   

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1.05);

    transition: all 200ms ease-in;

    transform: scale(1.01);

	background-color:#fff;

} 





.hovereffect {

width:100%;

height:100%;

float:left;

overflow:hidden;

position:relative;

text-align:center;

cursor:default;

}



.hovereffect .overlay {

width:100%;

height:100%;

position:absolute;

overflow:hidden;

top:0;

left:0;

opacity:0;

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

-webkit-transition:all .4s ease-in-out;

transition:all .4s ease-in-out

}



.hovereffect img {

display:block;

position:relative;

-webkit-transition:all .4s linear;

transition:all .4s linear;

}



.hovereffect h2 {

	display: none;

text-transform:uppercase;

color:#fff;

text-align:center;

position:relative;

font-size:17px;

background:#57c95e;

-webkit-transform:translatey(-100px);

-ms-transform:translatey(-100px);

transform:translatey(-100px);

-webkit-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

padding:10px;

}



.hovereffect a.info {

text-decoration:none;

display:inline-block;

text-transform:uppercase;

color:#fff;

border:1px solid #fff;

background-color:transparent;

opacity:0;

filter:alpha(opacity=0);

-webkit-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

margin:50px 0 0;

padding:7px 14px;

}



.hovereffect a.info:hover {

box-shadow:0 0 5px #fff;

}

.hovereffect:hover {

	background-color: #f5f5f5;

}

.hovereffect:hover img {

-ms-transform:scale(1.1);

-webkit-transform:scale(1.1);

transform:scale(1.1);

}



.hovereffect:hover .overlay {

opacity:1;

filter:alpha(opacity=100);

}



.hovereffect:hover h2,.hovereffect:hover a.info {

opacity:1;

filter:alpha(opacity=100);

-ms-transform:translatey(0);

-webkit-transform:translatey(0);

transform:translatey(0);

}



.hovereffect:hover a.info {

-webkit-transition-delay:.2s;

transition-delay:.2s;

}

 



/* effect item */ 

.site .site-thumb {

    position: relative;

    display: block;

    overflow: hidden;

}

.site .site-thumb:hover>.site-metrics {

    opacity: 1;

}

.site .site-thumb .site-metrics {

    background-color: rgba(37,37,37,.7);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    font-size: 20px;

    text-align: center;

    color: #fff;

    opacity: 0;

    z-index: 1;

    -webkit-transition: opacity 200ms ease 0s;

    transition: opacity 200ms ease 0s;

}

.site .site-thumb .site-metrics .inner {

    width: 100%;

    height: 100%;

    display: table;

}

.site .site-thumb:hover>.site-metrics span {

    top: 0;

}

.site .site-thumb .site-metrics span {

    display: inline-block;

    margin: 0 10px;

    top: 20px;

    position: relative;

    -webkit-transition: top 200ms ease 0s;

    transition: top 200ms ease 0s;

}

.site .site-thumb .site-metrics span .fa-link {

    border-radius: 50px;

    padding: 8px;

    border: 2px solid #fff;

}

.site .site-thumb .site-metrics .site-stats {

    display: table-cell;

    vertical-align: middle;

}



/* end effect item */ 



/*----------Loading-------------*/

#pre-loader{background: #F5F5F5;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}

.loader {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);  position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);}

.loader:before, .loader:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}

.loader:before {animation: before 2s infinite;}

.loader:after {animation: after 2s infinite;}

@keyframes before {0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}}

@keyframes after {0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}}

/*----------Loading-------------*/