@import 'animate.css';
@import 'normalize.css';
@import 'bootstrap.css';
@import '../font/fontello.css';
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);

/*font-family: 'Lato', sans-serif;*/

html,body { height: 100%; }
html { overflow-y: hidden; }

a, a:hover { text-decoration: none; }

.container
{
	margin-left: auto;
	margin-right: auto;
}

.title
{
	text-transform: uppercase;
	font-weight: 300;
}

.f17 { font-size: 17px; }
.f20 { font-size: 20px; }

#blog-load-more,
#to-top
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 38px;
	width: 42px;
	position: relative;
}

#blog-load-more,
#blog-load-more:before,
#to-top,
#to-top:before
{
	border-style: solid;
	border-width: 1px;
}

#blog-load-more:before,
#to-top:before
{
	content: "";
	position: absolute;
	top: 1px;
	right: -3px;
	bottom: 1px;
	left: -3px;
}

#blog-load-more i,
#to-top i
{
	display: inline-block;
	font-size: 32px;
	line-height: 1.2;
}



#preloader
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 999999;
}

#status
{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}


/*---------------- intro ----------------*/

#intro
{
	height: 100%;
	position: relative;
}

#slider-wrapper
{
	height: 100%;
	width: 100%;
	position: relative;
}

#intro .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../images/bg/intro_bg.png);
	text-align: center;
}

#intro .overlay:before
{
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}

#logo
{
	display: inline-block;
	vertical-align: middle;
	margin-top: -85px; /*minus height navigation*/
}

#header
{
	z-index: 50;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 85px;
	padding-top: 24px;
	background: rgba(103, 54, 83, 0.50);

	-webkit-transition: background 450ms ease-in-out;
	-moz-transition: background 450ms ease-in-out;
	-ms-transition: background 450ms ease-in-out;
	-o-transition: background 450ms ease-in-out;
	transition: background 450ms ease-in-out;
}

#header.header-fixed
{
	position: fixed;
	top: 0;
	bottom: auto;
	background: #673653;
}

#mobile-logo
{
	display: none;
	float: left;
}

#mobile-logo img { display: block; }

#menu-link
{
	display: none;
	width: 50px;
	height: 50px;
	padding: 17px 0;
	float: right;
}

#menu-link span
{
	display: block;
	height: 3px;
	width: 16px;
	background-color: #d693bb;
	margin: 3px auto 0;

	-webkit-transition: background-color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
}

#menu-link span:first-child { margin: 0 auto; }

#navigation
{
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 300;
}

#navigation li
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
}

#navigation li:first-child { margin-left: 0; }

#navigation li a
{
	display: block;
	position: relative;
	color: #d693bb;
	padding: 0 20px;
	line-height: 39px;
	height: 39px;

	-webkit-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
}

#navigation li a,
#navigation li a:before
{
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

#navigation li a:before
{
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	right: -4px;
	bottom: 2px;
	left: -4px;

	-webkit-transition: border-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out;
}

#navigation li a:hover,
#navigation li a.current
{ color: #ffffff; }

#navigation li a:hover,
#navigation li a:hover:before,
#navigation li a.current,
#navigation li a.current:before
{
	border-color: rgba(255,255,255,0.64);
}


.page-section
{
	text-align: center;
	padding-top: 90px;
}

.page-title
{
	display: inline-block;
	font-size: 58px;
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.page-title.white
{
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.page-title:after
{
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -7px;
	height: 14px;
	width: 13px;
	margin-left: -6px;
	background-image: url(../images/ico/page_title_bg.png);
}

.page-title.white:after { background-position: top right; }

/*---------------- portfolio ----------------*/

#portfolio
{}

#option-set
{
	text-transform: uppercase;
	margin-bottom: 32px;
}

#option-set li
{
	display: inline-block;
	margin-left: 21px;
}

#option-set li:first-child { margin-left: 0; }

#option-set a
{
	display: inline-block;
	padding: 0 15px;
	height: 29px;
	line-height: 29px;
	position: relative;

	-webkit-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
}

#option-set a,
#option-set a:before
{
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

#option-set a:before
{
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	right: -4px;
	bottom: 2px;
	left: -4px;

	-webkit-transition: border-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out;
}

#portfolio-list
{
	overflow: hidden;
	position: relative;
}

.portfolio-item
{
	float: left;
	width: 19.98%;
	position: relative;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;

	-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-ms-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
}

.isotope-item{
	z-index: 2;
}

/* End: Recommended Isotope styles */

.portfolio-item figure
{
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 79%;
}

.portfolio-item img
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.portfolio-item .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/bg/portfolio_item_bg.png); /*IE 8*/
	background: rgba(103,54,83,0.28);
	z-index: 3;

	-webkit-transition: background 500ms ease-in-out;
	-moz-transition: background 500ms ease-in-out;
	-ms-transition: background 500ms ease-in-out;
	-o-transition: background 500ms ease-in-out;
	transition: background 500ms ease-in-out;
}

.portfolio-item .overlay:before
{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.portfolio-item:hover .overlay
{
	background: url(../images/bg/portfolio_item_bg_hover.png); /*IE 8*/
	background: rgba(103,54,83,0.79);
}

.portfolio-item .overlay i
{
	display: inline-block;
	vertical-align: middle;
	height: 98px;
	width: 97px;
	background: url(../images/ico/portfolio_overlay.png) 0 0 no-repeat;

	opacity: 0;
	filter: alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}

.portfolio-item:hover .overlay i
{
	opacity: 1;
	filter: alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}



/*---------------- about ----------------*/

#about { padding-bottom: 55px; }

#about span.title
{
	display: block;
	margin-bottom: 15px;
}

#about [class*="span"] { margin-bottom: 45px; }

#about .text
{
	line-height: 1.6;
	padding-bottom: 23px;
	position: relative;
}

#about .text:after
{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 1px;
	margin-left: -15px;
}

#team
{
	overflow: hidden;
	margin-top: 25px;
}

.team-item
{
	float: left;
	cursor: pointer;
	position: relative;
	width: 16.65%;
	height: 405px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.team-item:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../images/bg/team_bg.png); /*IE 8*/
	background: rgba(103,54,83,0.6);

	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

.team-item:hover:before
{
	background: url(../images/bg/team_bg_hover.png); /*IE 8*/
	background: rgba(103,54,83,0.24);
}

.team-item .description
{
	z-index: 1;
	padding: 30px 15px 60px 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	background: #673653;
	color: #d693bb;
	text-align: left;
	cursor: default;

	-webkit-transition: opacity 400ms ease-in-out, left 400ms ease-in-out, right 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out, left 400ms ease-in-out, right 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out, left 400ms ease-in-out, right 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out, left 400ms ease-in-out, right 400ms ease-in-out;
	transition: opacity 400ms ease-in-out, left 400ms ease-in-out, right 400ms ease-in-out;
}

.team-item.last-item .description
{
	left: auto;
	right: 0;
}

.team-item:hover .description
{
	z-index: 2;
	left: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.team-item.last-item:hover .description
{
	left: auto;
	right: 100%;
}

.team-item  .title
{
	color: #ffffff;
	margin-bottom: 10px;
}

.team-position { margin-bottom: 20px; }

.team-text
{
	overflow: hidden;
	max-height: 220px;
}

.team-social
{
	position: absolute;
	bottom: 20px;
}

.team-social a
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
	line-height: 27px;
	color: #cb8ab1;
	text-align: center;
	height: 30px;
	width: 30px;
	margin-left: 5px;

	-webkit-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out , color 300ms ease-in-out;
}

.team-social a:first-child { margin-left: 3px; }
.team-social a:hover { color: #ffffff; }

.team-social a,
.team-social a:after
{
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255,255,255,0);
}

.team-social a:after
{
	content: "";
	position: absolute;
	top: 1px;
	right: -3px;
	bottom: 1px;
	left: -3px;

	-webkit-transition: border-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out;
}

.team-social a:hover,
.team-social a:hover:after
{
	border-color: #ffffff;
}


/*---------------- services ----------------*/

#services
{
	padding-top: 0;
	background-image: url(../images/services_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #ffffff;
}

#services-inner
{
	position: relative;
	height: 100%;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
	background: url(../images/bg/services_bg.png);
}

.services-item
{
	position: relative;
	height: 150px;
	background-color: rgba(255,255,255,0);

	-webkit-transition: border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.services-item:hover { background-color: rgba(255,255,255,0.19); }

.services-item,
.services-item:before
{
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255,255,255,0);
}

.services-item:before
{
	content: "";
	position: absolute;
	top: 2px;
	right: -4px;
	bottom: 2px;
	left: -4px;

	-webkit-transition: border-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out;
}

.services-item:hover,
.services-item:hover:before
{
	border-color: #a8a3a7;
}

.services-item:after
{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

.services-item .inner
{
	display: inline-block;
	vertical-align: middle;
}

.services-item i
{
	display: inline-block;
	margin-bottom: 25px;
	font-size: 40px;
	line-height: 1;
}

.services-item .title
{}


/*---------------- blog ----------------*/

#blog { padding-bottom: 100px; }

#blog-list
{
	overflow: hidden;
	position: relative;
	margin-bottom: 35px;
}

.blog-item
{
	float: left;
	overflow: hidden;
}

.blog-item:before,
.blog-item:after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.blog-item:before { background: rgba(103,54,83,0.08); }

.blog-item:after
{
	background: rgba(0,0,0,0.68);
	opacity: 0;
	filter: alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

.blog-item:hover:after
{
	opacity: 1;
	filter: alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.blog-item[data-sizex="2"] { width: 49.98%; }
.blog-item[data-sizex="1"] { width: 24.98%; }

.blog-item img
{
	display: block;
	max-width: 100%;
	width: 100%;
}

.blog-item .description
{
	z-index: 1;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(103,54,83,0.95);
	padding: 25px 30px;
	color: #ffffff;
	text-align: left;
}

.blog-item[data-sizex="2"] .description { width: 50%; }

.blog-item .description[data-position="right"] { right: 0; }
.blog-item .description[data-position="left"] { left: 0; }

.blog-item .title { margin-bottom: 17px; }
.blog-item .title a { color: inherit; }

.blog-item .text
{
	color: #d693bb;
	margin: 17px 0;
}

.blog-item .meta { font-weight: 300; }

.blog-item .meta span { margin-left: 11px; }
.blog-item .meta span:first-child { margin-left: 0; }

.blog-item .meta i
{
	display: inline-block;
	margin-right: 6px;
}

.blog-item .meta .icon-clock { font-size: 16px; }
.blog-item .meta .icon-clock:before { vertical-align: middle; }

.blog-item .meta .icon-chat { font-size: 10px; }


/*---------------- contact ----------------*/

#contact
{
	position: relative;
}

#gmap
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

#contact-inner
{
	position: relative;
	padding-bottom: 100px;
	background: url(../images/bg/contact_bg.png);
}

#social-group
{
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
	margin-bottom: 30px;
}

#social-group a
{
	display: inline-block;
	vertical-align: top;
	font-size: 21px;
	line-height: 1.2;
	color: #ffffff;
	letter-spacing: 0;
	height: 30px;
	width: 30px;
	margin-left: 5px;

	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

#social-group a:hover { color: #d693bb; }

#social-group a:first-child{ margin-left: 0; }

.contact-item
{
	text-align: left;
}

.contact-item:after
{}

.contact-item .ico
{
	float: left;
	display: inline-block;
	position: relative;
	height: 75px;
	width: 86px;
	margin-right: 28px;
	text-align: center;
	color: #ffffff;
}

.contact-item .ico,
.contact-item .ico:before
{
	border: 1px solid rgba(255,255,255,0.56)
}

.contact-item .ico:before
{
	content: "";
	position: absolute;
	top: 2px;
	right: -4px;
	bottom: 2px;
	left: -4px;
}

.contact-item .ico:after
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

.contact-item .ico i
{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-size: 30px;

	opacity: 0.85;
	filter: alpha(opacity=85);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

.contact-item .ico i:before { width: 1em; }

.contact-item p { margin-top: 26px; }

.contact-item p,
.contact-item p a
{
	color: #d693bb;
}

.contact-item p a:hover { text-decoration: underline; }

.contact-item .title
{
	padding-right: 10px;
	color: #ffffff;
}



/*---------------- footer ----------------*/

footer
{
	text-align: center;
	padding-top: 45px;
	padding-bottom: 65px;
}

#copyright { margin-top: 25px; }


/*---------------- imagelightbox ----------------*/

#imagelightbox-overlay
{
	background: url(../images/bg/portfolio_item_bg.png);
	background: rgba(103,54,83,0.28);
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;

	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	-moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
}

/* WITH ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#imagelightbox-loading
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}

#imagelightbox-loading div
{
	width: 1.25em; /* 20 */
	height: 1.25em; /* 20 */
	background-color: #fff;

	-webkit-animation: imagelightbox-loading .5s ease infinite;
	-moz-animation: imagelightbox-loading .5s ease infinite;
	-o-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@-moz-keyframes imagelightbox-loading
{
	from { opacity: .5;	-moz-transform: scale( .75 ); }
	50%	 { opacity: 1;	-moz-transform: scale( 1 ); }
	to	 { opacity: .5;	-moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading
{
	from { opacity: .5;	-o-transform: scale( .75 ); }
	50%	 { opacity: 1;	-o-transform: scale( 1 ); }
	to	 { opacity: .5;	-o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav
{
	-webkit-animation: fade-in 0.4s linear;
	-moz-animation: fade-in 0.4s linear;
	-o-animation: fade-in 0.4s linear;
	animation: fade-in 0.4s linear;
}

@-webkit-keyframes fade-in
{
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@-moz-keyframes fade-in
{
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@-o-keyframes fade-in
{
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@keyframes fade-in
{
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}