/* PARALLAX SCROLLING EXPERIMENT
   Master Styles
   Author: Jonathan Nicol (f6design.com)
*****************************************************************/


/* Global reset
   http://meyerweb.com/eric/tools/css/reset/ 
*****************************************************************/

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
	font-family: 'helvetica_neueregular';
	/*min-height:100%;
	height:100%;*/
	/*overflow: hidden;*/
	/*overflow-x: hidden;
    overflow-y: auto;*/
}
/* HTML5 display-role reset for older browsers */

ol, ul {
	list-style: none; padding:0; margin:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* Extended base styles (site specific)
*****************************************************************/


a { text-decoration:none;}
img { 
	border:0;
}


/*------------------------------------New------------------------------*/
main { width:100%;}
/*---------------------------Pages start--------------------------------*/

#home {
    /*overflow: hidden;*/
   /* position: relative;
	float:left;*/
	background: #00aced; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTI3MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #00aced 0%, #4a2718 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00aced), color-stop(100%,#4a2718)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* IE10+ */
background: linear-gradient(to right,  #00aced 0%,#4a2718 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#4a2718',GradientType=1 ); /* IE6-8 */
	z-index:105;
	width: 100%; 
	min-height:700px;
}
.success {
 
  
  color:#0F6;
  
}

.error {
 
  color:#FF3300;
 
}
#contact {
	background: #00aced; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTI3MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #00aced 0%, #4a2718 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00aced), color-stop(100%,#4a2718)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* IE10+ */
background: linear-gradient(to right,  #00aced 0%,#4a2718 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#4a2718',GradientType=1 ); /* IE6-8 */
}
#about, #advertising, #branding, #digital, #events, #contact {width: 100%;}
#about_0, #about_1, #about_2, #advertising_1, #advertising_2, #advertising_3, #branding_1, #branding_2, #digital_1, #digital_2, #events_1, #events_2, #contact_1, #contact_2 {
	width: 100%;
	min-height:700px;
}

/*.first {background-color:#fff; width:100%; position:relative; float:left;}*/
.home {width:100%; position:relative; float:left;}
.about {width:100%; position:relative; float:left;}
.about_0 {width:100%; position:relative; float:left;}
.about_1 {width:100%; position:relative; float:left;}
.about_2 { width:100%; position:relative; float:left;}
.advertising {width:100%; position:relative; float:left;}
.advertising_1 {width:100%; position:relative; float:left;}
.advertising_2 {width:100%; position:relative; float:left;}
.advertising_3 {width:100%; position:relative; float:left;}
.branding {width:100%; position:relative; float:left;}
.branding_1 {width:100%; position:relative; float:left;}
.branding_2 {width:100%; position:relative; float:left;}
.digital {width:100%; position:relative; float:left;}
.digital_1 {width:100%; position:relative; float:left;}
.digital_2 {width:100%; position:relative; float:left;}
.events {width:100%; position:relative; float:left;}
.events_1 {width:100%; position:relative; float:left;}
.events_2 {width:100%; position:relative; float:left;}
.contact {
	width:100%; 
	position:relative; 
	float:left;
}
.contact_1 {width:100%; position:relative; float:left;}
.contact_2 {width:100%; position:relative; float:left;}
/*---------------------------Pages end----------------------------------*/
header {
	width: 90%;
	background-color: #4a2617;
	height: 60px;
	float: left;
	padding-top: 10px;
	padding-right: 5%;
	padding-left: 5%;
	z-index: 999999;
	position:relative;
	top: 0px;
}
#sticky.stick {
    position: fixed;
    top: 0px;
    z-index: 10000;
}
.logo { float:left;}
nav { float:right; margin-top:10px;}
nav ul { float:right;}
nav ul li { float:left; padding:0px 0 0 30px;}
nav ul li a { font-size:20px; color:#fff;}
nav ul li a:hover { color:#04a3e7;}
nav ul li a.active { font-size:20px; color:#04a3e7;-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
.particles { left:0; height:480px; float:left}
#particles {
  width: 100%;
  /*overflow: hidden;*/
  height:440px;
  background-color:#fff;
  z-index:999;
}
/*html[data-useragent*='MSIE 10.0'] #particles {
  width: 100%;
  overflow: hidden;
  background-color:#fff;
  z-index:999;
}*/

.logo_p1 { position:absolute; right:5%; top:200px;}
.bluebg {
	width: 100%;
	float:left;
	z-index:1000;
	
}
.first_text { width:90%; margin:0 auto; padding:30px 0; text-align:right;}
.font30_sky {font-size:30px; color:#3fa9f5;}
.font30_wht {font-size:30px; color:#fff;}
.font35_pink { color:#ea2b8b; font-size:35px;}
.font60_pink { color:#3fa9f5; font-size:60px;}
.font75_blue { color:#3fa9f5; font-size:75px; line-height:75px;}
.font75_pink_shadow { color:#ea2b8b; font-size:75px; line-height:75px; text-shadow: -200px 30px 6px rgba(144, 2, 73, 0.75);}
.font18_sky { color:#fff; font-size:18px;}
.font20_gry { color:#cccccc; font-size:20px;}
.font20_dgry { color:#4a2617; font-size:20px;}
.font100_sky { color:#3fa9f5; font-size:100px;}
.font25_pink { color:#ea2b8b; font-size:25px;}
.font35_brown { color:#4a2617; font-size:33px;}
.middle_text {display: table; width:90%; padding:0 5%; float:right; height:700px; z-index:109 !important; position:relative;}
.wl_text1 {
	text-align:right;
	display: table-cell;
	vertical-align: middle;
	line-height: normal;   
}
.client_logo { width:100%; float:left;}
.client_logo ul { width:100%; float:left;}
.client_logo ul li { width:10%; padding:0.5% 5%; float:left;}
.client_logo ul li img { width:100%;}
#container { margin-top:100px;}
.contact_mapbg {
	background-image: url(../images/map.html);
	background-repeat: no-repeat;
	background-position: center bottom -100px;
	background-size:contain;
	width:100%;
	float:left;
	height:100%;
}
.contact_hadd { width:100%; float:left; text-align:right;}
.form_hadd { width:100%; margin-top:20px;}
.form { width:100%; float:left; margin-top:10px;}
.foem_left { width:50%; float:left;}
.foem_left ul { width:100%; float:right;}
.foem_left ul li { width:100%; float:right; text-align:right; margin-bottom:20px;}
.foem_right { width:45%; float:right;}
.foem_right ul { width:100%; float:right;}
.foem_right ul li { width:100%; float:right; margin-bottom:10px;}
.u_field {
	font-family: 'helvetica_neueregular';
	font-size: 25px;
	color: #cccccc;
	background-color: #f4f4f4;
	padding: 1%;
	float: right;
	width: 98%;
	border:0;
	text-align:right;
}
.u_textarea {
	font-family: 'helvetica_neueregular';
	font-size: 25px;
	color: #cccccc;
	background-color: #f4f4f4;
	padding: 1%;
	float: right;
	width: 98%;
	border:0;
	text-align:right;
}
.u_button {
	font-size: 25px;
	color: #cccccc;
	background-color: #f4f4f4;
	padding: 1%;
	border:0;	
}
/*---------------------------------------------down arrow---------------------------------*/
.down_arrow { 
	position:absolute;
	right:5%; 
	bottom:10%;
	z-index:110;
	
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/*----------------------------------Circle Start-------------------------------------*/
#circle_about1 { position:absolute; top:0px; left:0px; width:100%;}
#circle_about1 .circle_big { 
	position:absolute; top:1000px; left:300px;
}
#circle_about1 .circle_small { 
	position:absolute; top:680px; right:20px;
}
#circle_about2 { position:absolute; top:0px; left:0px; width:100%;}
#circle_about2 .circle_small { 
	position:absolute; top:850px; left:300px;
}
#circle_about3 { position:absolute; top:0px; left:0px; width:100%;}
#circle_about3 .circle_big { 
	position:absolute; top:1000px; left:800px;
}
#circle_about3 .circle_small { 
	position:absolute; top:1400px; left:900px;
}
#client1 { position:absolute; top:0px; left:0px; width:100%;}
#client1 .circle_small { 
	position:absolute; top:1600px; left:600px;
}
#client2 { position:absolute; top:0px; left:0px; width:100%;}
#client2 .circle_small { 
	position:absolute; top:1700px; left:200px;
}
#work1 { position:absolute; top:0px; left:0px; width:100%;}
#work1 .circle_small { 
	position:absolute; top:2000px; right:300px;
}
#work2 { position:absolute; top:0px; left:0px; width:100%;}
#work2 .circle_small { 
	position:absolute; top:2400px; right:250px;
}
/*----------------------------------Circle End-------------------------------------*/
.portfolio_detl { 
	width:90%;
	padding:5%;
	position:absolute;
	left:0;
	bottom:0;
	background-color:#fff;
	text-align:left;
	opacity:0;
}
h1 { font-size:18px; color:#404041;}
.portfolio_content { width:100%; float:left; font-size:14px; color:#404041;}
.box a { position:relative; width:100%; float:left;

}
.box a:hover .portfolio_detl { 
	opacity: 1;
   transition: opacity .8s ease-in-out;
   -moz-transition: opacity .8s ease-in-out;
   -webkit-transition: opacity .8s ease-in-out;
}
.pageline {
	position: absolute;
	top: 1180px;
	right: 50px;
	width:100%;
	text-align:right;
	z-index:100;
}
.coma_left {
	position: absolute;
	top: 100px;
	left: 100px;
	z-index:100;	
}
.coma_right {
	position: absolute;
	top: 500px;
	right: 100px;
	z-index:100;	
}
.branding { width:100%; float:left; text-align:center;}
.branding ul { width:100%; float:left;}
.branding ul li { width:25%; float:left;}
.font75_orange { color:#ed4136; font-size:75px;}
.font20_orange { color:#ed4136; font-size:20px;}
.font75_yellow { color:#f38120; font-size:75px;}
.font20_yellow { color:#f38120; font-size:20px;}
.font75_grn { color:#009245; font-size:75px;}
.font20_grn { color:#009245; font-size:20px;}
.font75_pink { color:#ea2b8b; font-size:75px;}
.font20_pink { color:#ea2b8b; font-size:20px;}
.font20_white { color:#fff; font-size:20px;}
.font25_blue { color:#3fa9f5; font-size:25px;}
.font18_dgry {color: #414042;font-size: 18px;font-weight: bold;}
.font18_blue { color:#3fa9f5; font-size:18px;font-weight: bold;}
.font15_dgry {color: #414042;font-size: 15px;}
.link15_dgry {color: #414042;font-size: 15px;}
.link15_dgry:hover {color: #3fa9f5;}
#venture_shape {
	position: absolute;
	left: 0;
	width:100%;
	z-index:101;
	top: -557px;
}
#rebranding_shape {
	position: absolute;
	top: -600px;
	left: 0;
	width:100%;
	z-index:97;
}
#sparkplus_shape {
	position: absolute;
	top: -565px;
	left: 0;
	width:100%;
	z-index:96;
}
#mevents_shape {
	position: absolute;
	top: -600px;
	left: 0;
	width:100%;
	z-index:95;
}
.map_contact {
	background-color: #e6e7e8;
	background-image: url(../images/map_contact.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	float: left;
	width: 100%;
	text-align:center;
	height:120px;
	padding-top:80px;
}
.middle_text_contact {display: table; width:90%; padding:0 5%; float:right; height:500px; z-index:109 !important; position:relative;}
footer { 
	width:100%; 
	float:left;
	background: #00aced; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTI3MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #00aced 0%, #4a2718 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00aced), color-stop(100%,#4a2718)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00aced 0%,#4a2718 100%); /* IE10+ */
background: linear-gradient(to right,  #00aced 0%,#4a2718 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#4a2718',GradientType=1 ); /* IE6-8 */

}
.footer_p1 { width:90%; padding:2% 5%; float:left;}
.footer_p1 ul { width:100%; float:left;}
.footer_p1 ul li { width:22%; padding-right:3%; float:left; text-align:right;}
.footer_p2 { width:90%; padding:1% 5%; float:left; background-color:#e6e7e8; text-align:center;}
.font16_white { font-size:16px; color:#fff;}
.text_abjust { margin-top: 391px; margin-right:250px;}


#skrollr-body { position:absolute; top:0px; left:0px;}
#skrollr-body_a { position:absolute;}
.skrollr-body0 { z-index:102 !important; position:relative;}
.skrollr-body1 { z-index:102 !important; position:relative;}
.skrollr-body2 { z-index:98 !important; position:relative;}
.skrollr-body3 { z-index:97 !important; position:relative;}
.skrollr-body4 { z-index:96 !important; position:relative;}
/*.unsticky {
	position:fixed !important;
	bottom:0;
	top:auto !important;
}*/
/*.unsticky { bottom:0; position:absolute !important; top:auto !important;}*/
.point1 { position:absolute; right:80px; top:480px; z-index:100;}
.point2 {
	position: absolute;
	left: 433px;
	top: 285px;
	z-index: 115;
}
.point3 {
	position: absolute;
	left: 500px;
	top: 390px;
	z-index: 115;
}
.point_b1 {
	position: absolute;
	left: 58px;
	top: 409px;
	z-index: 115;
}
.point_b2 {
	position: absolute;
	left: 408px;
	top: 338px;
	z-index: 115;
}
.point_b3 {
	position: absolute;
	left: 817px;
	top: 488px;
	z-index: 115;
}
.point_b4 {
	position: absolute;
	left: 1217px;
	top: 338px;
	z-index: 115;
}
.point4 {
	position: absolute;
	left: 810px;
	top: 296px;
	z-index: 115;
}
.point5 {
	position: absolute;
	left: 664px;
	top: 330px;
	z-index: 115;
}
.point6 {
	position: absolute;
	left: 924px;
	top: 218px;
	z-index: 115;
}
.point7 {
	position: absolute;
	left: 700px;
	top: 290px;
	z-index: 115;
}
.point8 {
	position: absolute;
	left: 1075px;
	top: 200px;
	z-index: 115;
}
.point9 {
	position: absolute;
	left: 750px;
	top: 270px;
	z-index: 115;
}
.point10 {
	position: absolute;
	left: 577px;
	top: 325px;
	z-index: 115;
}
.point11 {
	position: absolute;
	left: 750px;
	top: 290px;
	z-index: 115;
}



.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
	height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}
/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}
.not-fullscreen {
    height:50%;
}
#m_shape {
	position: absolute;
	top: -70%;
	left: 0px;
	width: 100%;
	z-index: -1;

}
/*-------------------------31-12-14------------------------------------*/
#particles canvas { width:100%; }
#parallax {
/*-webkit-overflow-scrolling:touch;
-khtml-user-drag: element;*/
}



/************************************/
.ui-btn.ui-input-btn.ui-corner-all.ui-shadow{font-size:0px;}
.clear { clear:none;}

/*  PRELOADER */
.preloader 			{position:fixed;z-index:999999;background:#fff;width:100%;height:100%;text-align:center;}
.preloader div		{position:relative;top:40%;left:47%;}
.preloader div span	{display:block;bottom:0;width: 9px;height: 5px;background:#00558f;position:absolute;-webkit-animation: preloader 1.5s infinite ease-in-out;-moz-animation: preloader 1.5s infinite ease-in-out;-ms-animation: preloader 1.5s infinite ease-in-out;-o-animation: preloader 1.5s infinite ease-in-out;animation: preloader 1.5s infinite ease-in-out;}
.preloader div span:nth-child(2)	{left:11px;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s;}
.preloader div span:nth-child(3)	{left:22px;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s;}
.preloader div span:nth-child(4)	{left:33px;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s;}
.preloader div span:nth-child(5)	{left:44px;-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;-o-animation-delay: .8s;animation-delay: .8s;}

@-webkit-keyframes preloader {
    0% 		{height:5px;-webkit-transform:translateY(0px);}
    25% 	{height:30px;-webkit-transform:translateY(15px);}
    50% 	{height:5px;-webkit-transform:translateY(0px);}
    100% 	{height:5px;-webkit-transform:translateY(0px);}
}

@-moz-keyframes preloader {
    0% 		{height:5px;-moz-transform:translateY(0px);}
    25% 	{height:30px;-moz-transform:translateY(15px);}
    50% 	{height:5px;-moz-transform:translateY(0px);}
    100% 	{height:5px;-moz-transform:translateY(0px);}
}

@-ms-keyframes preloader {
    0% 		{height:5px;-ms-transform:translateY(0px);}
    25% 	{height:30px;-ms-transform:translateY(15px);}
    50% 	{height:5px;-ms-transform:translateY(0px);}
    100% 	{height:5px;-ms-transform:translateY(0px);}
}

@keyframes preloader {
    0% 		{height:5px;transform:translateY(0px);}
    25% 	{height:30px;transform:translateY(15px);}
    50% 	{height:5px;transform:translateY(0px);}
    100% 	{height:5px;transform:translateY(0px);}
}
/*  PRELOADER */