/***********************
*  Site Specific CSS   *
************************/

@import url('http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css');

@font-face {
    font-family: 'open_sansregular';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanssemibold';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none;}
li, ol,ul {list-style:none;}

header,#view_section_1,footer,.copyright,#slider { min-width: 1170px; }
.cls{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}
.tj{text-align:justify;}
.tc{text-align:center;}
.tl{text-align:left;}
img {
    max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

img, fieldset {
    border: 0 none;
}

body {
	margin: 0 0 0 0;
	font-family:Rockwell;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	font-weight:normal;
	background:#fff;
}

p {	
	margin-bottom:0;
	font-family:"Rockwell";
	font-size:14px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	}

h1 {
	margin-bottom: .25em;
}

h2 {
	font-family:"open_sansregular";
}

h3 {
	font-family:"Rockwell";
	font-style:normal;
	font-weight:normal;	
}
h4 {
	font-family:"OpenSans-Bold";

}
h5, h6 {
	margin-bottom: 1.25em;
}

input {
	font-family:"HelveticaLT-Bold";
	font-size:13px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;	
}

/*------------------------------------------------------------------
[4. Nav]
*/

#nav {
	margin:0 auto 18px auto;
}

#nav .container > #main-nav {
	padding: 0 0 0 0;
	margin: 0;
	border-top: none;
	
}

#nav .container > #main-nav > li {
	float: left;
	font-family:HelveticaLT;
	font-size:12px;
	line-height:25px;
	font-style:normal;
	font-weight:normal;
	display: block;
	color: #555555;
	margin: 0;
	list-style: none;
	border-top: none;
	padding: 0;
}

#nav .container > #main-nav > li:last-child {
	padding-right: 0;
}
#nav .container > #main-nav > li:first-child {
	padding-right: 0;
}
#nav .container > #main-nav > li > a {
	font-family:HelveticaLT;
	font-size:12px;
	line-height:25px;
	font-style:normal;
	font-weight:normal;
	display: block;
	color: #555555;
	text-transform: uppercase;
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 11px;
	text-shadow:0 0 1px #b0b0b0;
	border-top: none !important;
}

#nav .container > #main-nav > li > a:hover,
#nav .container > #main-nav > li.dropdown.open > a {
	color: #883079;
}

#nav .container > #main-nav > li.active a {
	
	color: #883079;
	border-top: 0px;
	padding-top: 0px;
}

#nav .container > #main-nav > li > a > .caret {
	position: relative;
	top: -2px;
	
	margin-left: .5em;
}

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

.header_thumbnails {}
.header_thumb {position: absolute; top: 0px;}
.header_thumb.one {left: 408px;}
.header_thumb.two {left: 565px;}
.header_thumb.three {left: 720px;}
.header_thumb.four {left: 875px;}
.header_thumb.five {left: 1030px;}

#header {
	padding: 0;
}
#header h1 {
	line-height: normal;
	background: none;
	width: 200px;
	height: auto;
	margin: 20px 0
}
#slider {
	height:554px;
	width:100%;
	margin:0 auto;
	padding:51px 0 34px 0;
	background:url("http://cdn.myld.com.au/2/172/ballistic-chix_352b523da2.jpg") 0 0 repeat;
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	}
#slider_banner{
	height:90px;
	width:100%;
	margin:0 auto;
	background:url("http://cdn.myld.com.au/2/172/ballistic-chix_352b523da2.jpg") 0 0 repeat;
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	}
.masthead-details {
	position: absolute;
	top: 83%;
	right: 0;
	left:0;
	
	width: 50%;
	padding: 0 0 0 40px;
	
	color: #FFF;
	
	background: none;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
.masthead-details h2 {
	margin-bottom: .75em;
	
	font-size: 28px;
}

.masthead-details p {	
	font-size: 18px;	
	font-family:Rockwell;
	font-style:normal;
	font-weight:normal;
	background-color:#000000;
	color:#fff;
	line-height:30px;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
}

.carousel-control {
	top: 50%;
	left: -72px;
	
	line-height: 26px;
	
	opacity: .35;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.carousel-control:hover {
	opacity: .80;
}

.carousel-control.right {
	left: auto;
}
.carousel-control.left {
	left: 15px;
}





.main_panal{
	padding: 0 0;
	width:100%;
	margin:0 auto;
	}
.container{
	width:1168px;
	margin:0 auto;
	}

.header-top{
	width: 100%;
	background-color: #3c3c3c;
	padding: 7px 0;
	border-bottom: solid 1px #7f7f7f;
	}
ul.top-nav{
	padding: 0px;
	margin: 0px;
	float: left;
	}
ul.top-nav li{
	float: left;
	list-style-type: none;
	padding: 0 8px;
	border-right: dotted 1px #666666;
	height: 14px;
	}
ul.top-nav li a{
	float: left;
	font-family: Rockwell;
	font-size: 12px;
	line-height: 14px;
	color: #d6d6d6;
	background-color: inherit;
	}
ul.top-nav2{
	padding: 0px;
	margin: 0px;
	float: right;
	}
ul.top-nav2 li{
	float: left;
	list-style-type: none;
	padding: 0 12px;
	border-right: dotted 1px #666666;
	height: 14px;
	}
ul.top-nav2 li a{
	float: left;
	font-family:Rockwell;
	font-size: 12px;
	line-height: 14px;
	color: #d6d6d6;
	background-color: inherit;
	}
	
/*------------------------------------------------------------------
[9. Content]
*/
.thumbnail {
    float: left;
    margin-right: 27px;
    position: relative;
    left: 10px;
    margin-top: 10px;
}
.question,.answer {
	font-size: 14px;
}
.question {
    margin-top: 20px;
}
.question:first-child {
	margin-top: 0px;
}
.question span {
    color: purple;
    font-weight: bold;
}

#content {
	margin:20px auto;
	width:100%;	
}
h2.latest_text{
	font-family:"open_sansregular";
	font-size:15px;
	line-height:24px;
	font-style:normal;
	font-weight:normal;	
	color:#2c2c2c;
	text-transform:uppercase;
	}
p.latest_content{
	line-height:20px;
	color:#555555;
	margin:30px 0 17px 0;
	}
p.latest_content02{
	margin:50px 0 0 0;
	}

.blog-title{
	margin: 78px 0 17px 0;
	}
.blog-title h3{
	border-top: 1px solid #ececec;
	}
.blog-title h3 span{
	color: #2c2c2c;
	font-size: 15px;
	background-color: #fff;
	padding: 5px 35px 5px 0;
	margin-top: -20px;
	position: absolute;
	}
.home-container{
	margin:0 0 0 0;
	}

.home-container{
	margin:0 0 0 0;
	}

.home-container h3 {
    background-color: #D38ACA;
    border: 1px solid #E3A4C5;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    margin-bottom: 20px;
    margin-right: 3px;
    padding-left: 2%;
	width:97%;
}
.home-container img{
	border: solid 1px #f8edf7;
	border-bottom: 0px none;
	}
.home-container h4{
	color: #252525;
	font-size: 13px;
	margin: 0px 0 10px 0;
	}
p.text01{
	margin:0 0 7px 0px;
	}
p.read_text01{
	margin:0 0 7px 0px;
	font-size:11px;
	color:#232323;
	}	
h4.another{
	color: #252525;
	font-size: 13px;
	margin: 20px 0 10px 0;
	}
p.another_content{
	line-height:20px;
	color:#555555;
	margin:0 0 17px 0;
	}
p.another_content02{
	line-height:20px;
	color:#555555;
	margin:47px 0 17px 0;
	}
.content-divider { height: 40px; }
/*------------------------------*/

.pace_social{
	margin:0 0 0 28px !important;
	}

.social-icons-container {
	width: 100%;
	display: table;
	padding: 0;
	margin:15px 0 0 0;
	
	list-style: none;
}

.social-icons-container li {
	width: 33%;
	display: table-cell;	
	
}

.social-icon {
	width:52px;
	height:52px;
	float:left;
	overflow: hidden;	
	text-indent:-200000px;
	background: url("http://cdn.myld.com.au/2/172/ballistic-chix_4c0a3f7b6b.png") no-repeat 0 0;	
	margin:14px 0 0 0;		
		
}


.social-icon-facebook {
	background-position: 0px 0;	
}

.social-icon-facebook:hover {
	background-position: -0px -53px;	
}

.social-icon-twitter {
	background-position: -73px 0;					
}

.social-icon-twitter:hover {
	background-position: -73px -53px;					
}

.social-icon-googleplus {
	background-position: -145px 0;
}
.social-icon-googleplus:hover  {

	background-position: -145px -53px;
}

.social-icon-rss {
	background-position: -217px 0;
}

.social-icon-rss:hover {
	background-position: -217px -53px;
}

/*-----------footer-------------------*/
/*------------------------------------------------------------------
[10. Footer]
*/
#footer {
	clear: both;
	padding:40px 0px;
	background:url("http://cdn.myld.com.au/2/172/ballistic-chix_cee824c694.gif") 0 0 repeat;
	border-top:1px solid #ededed;
	color:#848484;
	margin: 20px 0 0;
}

#footer .row {
	margin-bottom: 0;
}

#footer #footer-logo {		
	overflow: hidden;
	width:100%;
	margin-bottom: .40em;
}

#footer a {
	color: purple;
}

#footer p{
	text-align:justify;
	line-height:19px;
	color:#848484;
	font-family:Rockwell;
	font-size:12px;
	margin:25px 0 0 0;
	}
#footer h4{
	color:#535353;
	line-height:19px;
	color:#535353;
	font-family:"open_sanssemibold";
	font-size:16px;
	}
	
/*------------------------------------------------------------------
[11. Copyright]
*/
.copyright {
	clear: both;
	
	padding: 15px 0px;
	color: #dcdcdc;
	font-size: 10px;
	background: #3c3c3c;
}
.copyright p{
	color: #dcdcdc;
	font-size: 10px;
	float:left;
	}
.copyright ul{
	float:right;
	padding:0;
	margin:0;
	}
.copyright ul li{
	float:left;
	padding:0;
	margin:0;
	}
.copyright ul li a{
	color:#dcdcdc;
	margin:0 10px 0 0;
	}
.grid-1 {width: 23.5%; }
.grid-2 {width:73.5%; }
.grid-3 { width: 72.5% }
.grid-4 { width: 48.0341%; }
.grid-5 { width:24.358974%; }
.grid-6 { width: 22.6495%; }
.grid-7 { width: 100%; }
.grid-8 { width: 100%; }
.grid-12 { width: 96.981196%; }

/*------------------------------------------------------------------
[8. Welcome]
*/
#welcome  {
	padding: 20px 0px 52px;
}

#welcome h1{
	text-align: center;
	color: #555555;
	font-family:OpenSans-Bold;
	font-size:25px;
	color:#555555;
	font-style: normal;
	}
#welcome p{
	font-family:Rockwell;
	text-align: center;
	color: #555555;
	font-size: 15px;
	background-color: inherit;
	padding: 0 80px;
	line-height:22px;
	}
#welcome p a{
	color: #9d4b93;
	background-color: inherit;
	font-style:bold;
	}



/*======================services==========================*/
h2.services_title{
	font-family:Rockwell;
	font-size:18px;
	line-height:24px;
	font-style:normal;
	font-weight:bold;	
	color:#555555;
	margin-bottom:20px;
	}
.services_border{
	margin: 36px 0 50px 0;
	border-bottom:1px solid #ececec;
	}
p.services_content02{
	line-height:20px;
	color:#555555;
	margin:42px 0 17px 0;
	}
.services_left{
	float:left;
	width:46.66095%;
	}
.services_right{
	float:right;
	width:46.66095%;
	}

.services_left img{
	width:100%;
	}
.services_right img{
	width:100%;
	}
h3.services_title_bottom {
    background-color: #D38ACA;
    border: 1px solid #E3A4C5;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    margin-bottom: 20px;
    margin-right: 3px;
    padding-left: 2%;
	width:97%;
	}
p.services_text01{
	width:100%;
	margin:0 0 7px 0px;
	float:left;
	}
h2.services_banner_text{
	font-family: "open_sanssemibold";
	font-size:37px;
	line-height:40px;
	font-style:normal;
	font-weight:normal;	
	color:#ffffff;
	margin:23px 0 0 0;
	}
/*======================services==========================*/

mark {
    background: none !important;
    color: purple;
}

/* CONTACT */
table.trading-hours tbody tr > th {
	text-align: left;
	padding-right: 30px;
}

/*======================slides===========================*/

   
#slides {/*background: #bfbfbf;*/ position: relative; width:100%; bottom:0px; /*background: url(../img/banner-ft.png) center bottom no-repeat; */padding-bottom: 25px; }
#slides #slides {font-size: 18px!important; font-family: "Helvetica",Arial,sans-serif; font-weight: normal; color: #5f5f5f; text-shadow: 0 0; position: absolute; bottom: 10px; text-decoration: none; z-index: 100; }

.pagination{
	text-indent:-20000px;
}
.pagination li{
	line-height:0 !important;
}

.slides_container {width:100%; 	height:554px; }
.slides_container div {width: 100%!important; height: 100%!important; display:block; position: relative;}
.slides_container div IMG {width: 100%; height: 100%;}
.slides_container div A.button{position: absolute; top:45%; left: 39%; z-index:100; width: 23%;}
.slides_container div A.button IMG {height: 35px;} 


@media only screen and (orientation:portrait) {
	
.slides_container {width:100%;height: 160px;}
.slides_container div {width: 100%!important; height: 100%!important; display:block; position: relative;}
.slides_container div IMG {width: 100%;height: 160px;}
.slides_container div A.button{position: absolute; top:45%; left: 39%; z-index:100; width: 23%;}
.slides_container div A.button IMG {height: 35px;} 

}
.ui-loader{
	display:none !important;}

/*======================slides===========================*/


.mask {
    height: 204px;
    overflow: hidden;
}
.overlay {
    position: absolute;
    width: 274px;
    height: 204px;
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.mask:hover .overlay {
	opacity: 1;
}
.mask > p {
    position: relative;
    top: -46px; /* -164px when open */
    padding: 0 20px;
    color: white;
}
.mask > h3 {
	position: relative;
	top: -236px;
	left: 1px;
}
.tmargin { margin-top: 15px; }
.linked-overlay {
    position: absolute;
    height: 204px;
    width: 274px;
    z-index: 99;
}
.socialmedia {
    top: 20px;
    position: relative;
}
#gallery .thumbnail:hover { 
	opacity: 0.6 
}
#gallery .thumbnail { 
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	opacity: 1 
}






.animated.one{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}

.animated.two{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.20s;-moz-animation-duration:.20s;-ms-animation-duration:1.20s;-o-animation-duration:1.20s;animation-duration:1.20s;}

.animated.three{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.40s;-moz-animation-duration:1.40s;-ms-animation-duration:1.40s;-o-animation-duration:1.40s;animation-duration:1.40s;}

.animated.four{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.60s;-moz-animation-duration:1.60s;-ms-animation-duration:1.60s;-o-animation-duration:1.60s;animation-duration:1.60s;}

.animated.five{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.80s;-moz-animation-duration:1.80s;-ms-animation-duration:1.80s;-o-animation-duration:1.80s;animation-duration:1.80s;}


.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeIn {
  0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}