/*
 * Author: Anuraj
 * URL: http://www.techieants.com/
 *
 * Project Name: Techie ants
 * Version: 1.0
 * URL: http://www.techieants.com/
 */
 
/* FONTS */
@import url('Font.css');

/* OVERALL ASPECT */

body {
  background-color: #fff;
  font: 16px/20px 'PTSansNarrowRegular', Arial, sans-serif;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    
    margin-top: 80px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
   
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.mt {
	margin-top: 40px;
}

/* Links */
a {
    color: #f85c37;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

/* Bootstrap Modifications */
 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.navbar {	
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #e53012;
}

.navbar-brand {
	
	padding-top: 0px;
	padding-bottom: 0px;
}

.btn-theme {
	color: #ffffff;
	background-color: #74cfae;
	border-color: transparent;
}

.btn {
	padding: 10px 30px;
	margin-bottom: 0;
	font-size: 18px;
	border: 5px solid transparent;
	border-radius: 0px;
}

.lead {
	letter-spacing: 1px;
}

/* WRAP SECTIONS */

/* Banner */
#Banner {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

#Banner h3 {
	font: 60pt/68pt 'PTSansNarrowBold', Arial, sans-serif;
	color: #fff;
}

#Banner h2 {
	color: #c0c0c0;
	font-weight: 400;
}



/* OurWorkSpeaks */
#OurWorkSpeaks {	
	padding:50px 0 50px 0;
	margin-bottom: 0px;
	}

#OurWorkSpeaks h1 {	
	font: 60pt/68pt 'PTSansNarrowBold', Arial, sans-serif;
	
	}

#OurWorkSpeaks p {	
	font-weight: 400;
	font-size: 20px;
	}

#OurWorkSpeaks .item{
	margin:15px;       
	display:block;       
    height:auto;
    }
.item img {
	width:100%;
	}


/* Image Box Style */
.captionBx {	
	cursor: pointer;	
	float: left;	
	position: relative;
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.captionBx img {		
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	width:100%;
}

/* Caption Common Style */
.captionBx .caption {
	position:absolute;	
	top:0;
	background-color: rgba(229,49,18,0.8);	
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
	width:100%;	
	font-size:20pt;
}

.captionBx .caption a {	
	text-align:center;
	color:#fff;
	display: table;
     height:100%;
	 width:100%;
	text-shadow: 2px 0px 3px #000000;

	  }
.captionBx .caption a span {
	display: table-cell;
  vertical-align: middle;
	}
/** Caption 3: Fade **/
 .captionBx .fade-caption {
	opacity: 0;
	height: 100%;
	text-align: left;
	padding: 15px;
	display:block;
}
/** Fade Caption :hover Behaviour **/
.captionBx:hover .fade-caption, .captionBx:hover .scale-caption  {
	opacity: 1;
}



/* HomeOurServiceSection */
#HomeOurServiceSection {
	background-color: #f1f1f1;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}

#HomeOurServiceSection h1 {
	font: 80px/88px 'PTSansNarrowBold', Arial, sans-serif;
}

#HomeOurServiceSection p {
	color: white;
	font-weight: 400;
}

#HomeOurServiceSection .Box a {width:100%; height:180px; background-color:#333; display:block; background-position:center center; background-repeat:no-repeat;}
#HomeOurServiceSection .Box a:hover {background-color:#e53012;}

#HomeOurServiceSection .Box span {width:100%; height:auto; float:left; text-align:center; padding:10px 0 0 0; font-size:22px;  }


/*Footer*/
#Footer {
	background-color: #333333;
	padding-top: 50px;
	padding-bottom: 0;
	margin-top: 0;
	color:#fff;
	}
#Footer h1 {
		margin:0;
		color:#fff;
	}
#Footer a {}
#Footer a:hover {color:#e53012;}
#Footer span {text-align:left;}


/*About*/
#About {
	background-color: #f1f1f1;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}

#About h1 {
	font: 80px/88px 'PTSansNarrowBold', Arial, sans-serif;
}






/*Services */

#Services {
	background-color: #f1f1f1;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}

#Services h1 {
	font: 80px/88px 'PTSansNarrowBold', Arial, sans-serif;
}


#tabs {}
#tabs ul.head {margin:0; padding:0; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;border-top:solid 1px #ccc;}
#tabs ul.head li {text-align:center; list-style:none; padding:0; margin:0; height:auto; }
#tabs ul.head li.active {}

#tabs ul.head li a {color:#333; border-left:solid 1px #ccc; display:block; margin:0; padding:5px; }
#tabs ul.head li a.active {color:#fff; background:#e53012;}


/*ProjectDetails */
#ProjectDetails {
	background-color: #f1f1f1;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0;
}

#ProjectDetails h1 {
	font: 80px/88px 'PTSansNarrowBold', Arial, sans-serif;
}



/* ProjectBanner */
#ProjectBanner {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f1f1f1;
}

.TopPad { padding-top:30px;}
.Top {position:relative;}
.HidePreview {position:absolute; z-index:10; width:30px; height:30px; right:10px; top:10px;}
.HidePreview a {color:#000; filter: alpha(opacity=50);
opacity: 0.5;
}
.HidePreview a:hover {filter: alpha(opacity=100);
opacity: 1;
}

/* Common */

.Orange {color:#e53012; }
.SemiBlack {color:#333; }
.dark {color:#333;}
p.style1 {font: 16px/20px 'PTSansNarrowRegular', Arial, sans-serif;}
p.style2 {font: 16px/20px 'PTSansCaptionBold', Arial, sans-serif;}
p.style3 {font: 18px/27px 'PTSansCaptionRegular', Arial, sans-serif;}
p.style4 {font: 18px/27px 'PTSansBoldItalic', Arial, sans-serif;}
p.style5 {font: 18px/27px 'PTSansBold', Arial, sans-serif;}
p.style6 {font: 18px/27px 'PTSansItalic', Arial, sans-serif;}
p.style7 {font: 18px/27px 'PTSansRegular', Arial, sans-serif;}
p.style8 {font: 18px/27px 'PTSansNarrowBold', Arial, sans-serif;}

.TestmonialBox {display:block; height:auto; min-height:200px; margin:10px 0 10px 0; padding:10px 10px 50px 10px; background:#e53012 url(../img/antsHead.png) no-repeat bottom right; color:#fff;}
blockquote {
	margin:0;
	padding:10px;
	quotes:"\201C""\201D""\2018""\2019";
	color:#fff;
	text-indent:0;
	border:none;
}
blockquote:before {
	color:#fff;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;

}
blockquote:after {
	color:#fff;
	content:close-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote p {
	display:inline;
}

.TopBorder {border-top:solid 1px #D72201; padding-top:10px;}


/* Social Links */
#social {
	width: 100%;
	padding-top: 200px;
	padding-bottom: 200px;
}

#social i {
	font-size: 50px;
	color: #74cfae;
}

#social .col-md-3:hover {
	background-color: #f5f5f5;
}

#social .col-md-3 {
	padding:30px;
}



/* Image Opacity */
.grid img {
    opacity: .7;
}
.grid img:hover {
    opacity: 1;
}

/* Home Banner */

.jms-slideshow {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 623px;
	z-index:0;
}
.jms-wrapper {
	width: 100%;	
	height: 623px;	
	
}
.color-1 {
	background:#333 url(../img/Banner/image1.jpg) no-repeat center top;
}
.color-2 {
	background:#f1f1f1 url(../img/Banner/DidYouKnow.jpg) no-repeat center top;
}
.color-3 {
	background:#15222b url(../img/Banner/Analyse.jpg) no-repeat center top;
}
.color-4 {
	background:#ccf0ff url(../img/Banner/Understand-the-customer.jpg) no-repeat center top;
}
.color-5{
	background:#fff url(../img/Banner/outsource.jpg) no-repeat center top;
}

.step {
	position:absolute;
    height: 623px;
	display: block;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-ms-transition:     opacity 1s;
	-o-transition:      opacity 1s;
	transition:         opacity 1s;
	
}
.step:not(.active) {
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}
.jms-content{
	margin: 0px;
	position: relative;
	clear: both;
	
}
.step h3{
	color: #fff;
	font: 80px/88px 'PTSansNarrowBold', Arial, sans-serif;letter-spacing: 0; line-height:70px; margin:0; padding:0;
	margin: 0;
	padding: 60px 0 10px 0;
	
}
.step p {
	color: #fff;
	font: 18px/27px 'PTSansRegular', Arial, sans-serif;
	margin: 0;
	width:400px;
}
a.jms-link{
	padding:10px 30px 10px 10px; color:#fff; background:#e53012 url(../img/LinkArrow.png) no-repeat 94% center;
	display: inline-block;	
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);	
	margin-top: 40px;
	clear: both;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;

}
a.jms-link:hover{
	padding:10px 30px 10px 10px; color:#e53012; background:#fff url(../img/LinkArrow.png) no-repeat 94% center;
	
	
}


.step:not(.active) a.jms-link{
	opacity: 0;
	margin-top: 80px;
}

.jms-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index:1;
}
.jms-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #777;
	margin: 3px;
	cursor: pointer;

}
.jms-dots span.jms-dots-current:after{
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;	
	border-radius: 50%;
	background: #e53012; /* Old browsers */
	top:0;
	left:0;
	
}
.jms-arrows{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-arrows span{
	position: absolute;
	top: 620px;
	margin-top: -40px;
	height: 15px;
	width: 15px;
	cursor: pointer;
	z-index: 2000;
	filter: alpha(opacity=50);
opacity: 0.5;

}
.jms-arrows span:hover {filter: alpha(opacity=100);
opacity: 1;}
.jms-arrows span.jms-arrows-prev{
	/*background:url(../img/arrow_left.png) no-repeat 50% 50%;*/
	left: 15px;	
}
.jms-arrows span.jms-arrows-next{
	/*background:url(../img/arrow_right.png) no-repeat 50% 50%;*/
	right: 15px;
	
}
/* Not supported style */
.jms-wrapper.not-supported{
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}
.jms-wrapper.not-supported:after{
	content: 'The slideshow functionality is not supported on your device.';
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: block;
}
.jms-wrapper.not-supported .step{
	display: none;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
	margin: 20px auto;
}
.jms-wrapper.not-supported .step:first-of-type{
	display: block;
}
.jms-wrapper.not-supported .step:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}





/* 
 * 	Core Owl Carousel CSS File
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font: 16px/20px 'PTSansNarrowRegular', Arial, sans-serif;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
	
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
	margin:0 auto;
}



.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin:0 auto;
}


.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
	position:absolute;
	width:100%;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{	
	display: inline-block;
	position:absolute;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	color:#000;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	top:-17px;
	
}

.owl-controls .owl-buttons div.owl-prev {left:0; }
.owl-controls .owl-buttons div.owl-next {right:0; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
	
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#e53012;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}



/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}



#jpreOverlay {
	background-color: #333;
}
#jpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width:50%;
	height:30%;
}
#jpreLoader{
	width:350px;
	height:350px;
	background:#4a4a4a;
}
#jpreLoader img {width:100%; position:absolute; z-index:3;}

#jpreBar {
	position:absolute;
	z-index:2;
	background:#e53012;
	animation: progress 2s linear infinite;
	-moz-animation: progress 2s linear infinite;
	-webkit-animation: progress 2s linear infinite;
	-ms-animation: progress 2s linear infinite;
	-o-animation: progress 2s linear infinite;	
}
#jprePercentage {
	color:#ccc;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 1px #333;
	top:-100%;
}

#jpreButton{
	padding:3px 10px;
	cursor:pointer;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	width:100px;
	margin:0 auto;
	color:#fff;
	text-shadow:-1px -1px 0 #01293F;
	border:1px solid #2EACEA;
	
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	
	background-color: #23a6ed;
	background-image: -moz-linear-gradient(top, #23a6ed 0%, #1275aa 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23a6ed), color-stop(100%,#1275aa));
	background-image: -webkit-linear-gradient(top, #23a6ed 0%,#1275aa 100%);
	background-image: -o-linear-gradient(top, #23a6ed 0%,#1275aa 100%);
	background-image: -ms-linear-gradient(top, #23a6ed 0%,#1275aa 100%);
	background-image: linear-gradient(to bottom, #23a6ed 0%,#1275aa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a6ed', endColorstr='#1275aa',GradientType=0 );
}

@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -60px -60px;
  }
}
@-moz-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -60px -60px;
  }
}
@-ms-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -60px -60px;
  }
}
@-o-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -60px -60px;
  }
}
@keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -60px -60px;
  }
}