h1, h2, h3, h4{color:#555555;}
body{font-family:'Lato', sans-serif, simhei;}	
img{border:0;}

.catdiv{margin:0 10px;display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:1920px;}
#mainContentDiv{position:relative;z-index:1;max-width:1920px;top:60px;margin-top:20px;}
.img-responsive{width:100%;}
.badge{display:inline-block;min-width:10px;padding:5px;font-size:18px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:0px;}
.bottomBordered{border-bottom:1px solid gray;}
.reviewblock{margin-bottom:15px;height:100px;overflow:auto;}
.dropdown-toggle{height:100%;color:#333;}
.thumbnail{border:none;padding:0;}
.dropdown-menu {min-height:60px;border-bottom-left-radius:0;border-bottom-right-radius:0px;}
.dropdown-menu>li> {margin-bottom:6px;}
.dropdown-menu >li a:hover {color:#23527c;background:white;font-weight:800;}
.accordion-left{margin-right:15px;padding-top:5px;}
#page-active{background:#eee;border-bottom:3px solid #283a7d;padding-bottom:6px;}
.pagination>li>a{color:#283a7d;border:none;}
.pagination-lg>li:first-child>a{border-top-left-radius:0px;border-bottom-left-radius:0px;}
.pagination-lg>li:last-child>a{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.croppedTextMono, .croppedTextDuo{max-width:100%;text-overflow:ellipsis;display:block;display:-webkit-box;overflow:hidden;margin:0 auto;-webkit-box-orient:vertical;font-weight:normal;line-height:1.4;font-size:14px;}
.croppedTextDuo{height:60px;-webkit-line-clamp:3;}
.croppedTextMono{height:40px;-webkit-line-clamp:2;}
.carouselCell{padding:8px;}
.carouselItem{border-style:solid;border-width:1px;border-color:#ddd;cursor:pointer;}
.carouselItem:hover, .backing:hover{box-shadow:0 4px 6px 0 rgba(0,0,0,.25);}
.producturl:hover::before{content:'View More';position:absolute;bottom:45%;border-radius:5px;left:0;right:0;margin:auto;padding:5px;font-size:2rem;background-color:rgba(0,0,0,0.85);color:white;width:60%;text-align:center;display: inline-block;}
.producturlstoryline:hover::before{position:absolute;border-radius:5px;left:0;right:0;margin:auto;padding:5px;background-color:rgba(14,100,12,0.85);color:white;width:80%;text-align:center;display: inline-block;}
.carouseldescdiv, .carouseldimdiv, .carouselothers{max-width:100%;text-overflow:ellipsis;display:block;display:-webkit-box;overflow:hidden;margin:0 auto;-webkit-box-orient:vertical;font-weight:normal;}
.carouseltitle{font-weight:bold;}
.carousel-control{width:8%;}
.slide-image{width:100%;height:100%;margin:auto;max-height:400px;}
.popupimg{padding:0 7px;}
#carousel{margin-top:15px;display:block;}
.carousel-blue{bottom:0px;position:relative;margin-top:5px;}
.carousel-blue .active{background-color:#283a7d;border:1px solid #283a7d;width:12px;height:12px;margin:4px 8px;}
.carousel-blue li{border:1px solid #283a7d;width:12px;height:12px;margin:4px 8px;}
@media(max-width:480px){
#mainContentDiv{margin-top:0px;}
.carouselcaption{padding:0px 5px 10px 5px;}
.carouseltitle{font-size:16px;}
.carouseldescdiv{line-height:1.4;font-size:16px;}
.carouseldescdiv{height:44px;-webkit-line-clamp:2;}
.carouselothers, .carouseldimdiv{font-size:16px;height:22px;-webkit-line-clamp:1;}
.carousel-blue .active{width:16px;height:16px;}
.carousel-blue li{width:16px;height:16px;}
.badge{font-size:15px;top:20px;right:20px;}
#carousel{display:none;}
h1{font-size:22px;}
h3{font-size:18px;}
.btnText{font-size:14px;padding:10px 0px 10px 0px;width:100%;}
.accordion-left{margin-right:0px;padding-top:20px;}
.popupimg{padding:auto;}
#waico{font-size:18px !important;}
#wa{font-size:16px !important;border-radius:5px !important;}
.producturlstoryline:hover::before{top:15%;font-size:1.5rem;}
}
@media(max-width:767px) and (min-width:481px){.carouselcaption{padding:0px 15px 10px 15px;}
.carouseltitle{font-size:20px;}
.carouseldescdiv{line-height:1.4;font-size:16px;}
.carouseldescdiv{height:44px;-webkit-line-clamp:2;}
.carouselothers, .carouseldimdiv{font-size:14px;height:22px;-webkit-line-clamp:1;}
.badge{font-size:18px;top:20px;right:20px;}
h1{font-size:22px;}
h3{font-size:18px;}
.btnText{font-size:14px;padding:10px 0px 10px 0px;width:100%;}
.accordion-left{margin-right:0px;padding-top:20px;}
.popupimg{padding:auto;}
.producturlstoryline:hover::before{top:15%;font-size:1.5rem;}
}
@media(min-width:768px) and (max-width:991px){.carouselcaption{padding:0px 10px 10px 10px;}
.carouseltitle{font-size:18px;}
.carouseldescdiv{line-height:1.4;font-size:14px;}
.carouseldescdiv{height:44px;-webkit-line-clamp:2;}
.carouselothers, .carouseldimdiv{font-size:13px;height:22px;-webkit-line-clamp:1;}
.badge{font-size:18px;top:20px;right:20px;}
h1{font-size:25px;}
h3{font-size:21px;}
.btnText{font-size:14px;padding:10px 0px 10px 0px;width:100%;}
.accordion-left{margin-right:0px;padding-top:20px;}
.popupimg{padding:auto;}
.producturlstoryline:hover::before{position:absolute;bottom:45%;border-radius:5px;left:0;right:0;margin:auto;padding:5px;font-size:2rem;background-color:rgba(14,100,12,0.85);color:white;width:80%;text-align:center;display: inline-block;}
}
@media(min-width:992px) and (max-width:1199px){.carouselcaption{padding:0px 15px 10px 15px;}
.carouseltitle{font-size:18px;}
.carouseldescdiv{line-height:1.4;font-size:16px;}
.carouseldescdiv{height:44px;-webkit-line-clamp:2;}
.carouselothers, .carouseldimdiv{font-size:14px;height:22px;-webkit-line-clamp:1;}
.badge{font-size:18px;top:20px;right:20px;}
h1{font-size:28px;}
h3{font-size:24px;}
.btnText{font-size:18px;padding:10px 0px 10px 0px;width:100%;}
.accordion-left{margin-right:15px;padding-top:5px;}
.producturlstoryline:hover::before{position:absolute;bottom:45%;border-radius:5px;left:0;right:0;margin:auto;padding:5px;font-size:2rem;background-color:rgba(14,100,12,0.85);color:white;width:80%;text-align:center;display: inline-block;}
}
@media(min-width:1200px){.carouselcaption{padding:0px 15px 10px 15px;}
.carouseltitle{font-size:17px;}
.carouseldescdiv{line-height:1.4;font-size:18px;}
.carouseldescdiv{height:50px;-webkit-line-clamp:2;}
.carouselothers, .carouseldimdiv{font-size:16px;height:25px;-webkit-line-clamp:1;}
.badge{font-size:17px;top:17px;right:17px;}
h1{font-size:28px;}
h3{font-size:24px;}
.btnText{font-size:18px;padding:10px 0px 10px 0px;width:100%;}
ul#menucatlist{padding-left:5%;padding-right:5%;}
.producturlstoryline:hover::before{position:absolute;bottom:45%;border-radius:5px;left:0;right:0;margin:auto;padding:5px;font-size:2rem;background-color:rgba(14,100,12,0.85);color:white;width:80%;text-align:center;display: inline-block;}
}
@media(min-width:1400px){
.carouseltitle{font-size:20px;}
.badge{font-size:20px;top:20px;right:20px;}
}
@media(min-width:1921px){
.catdiv{margin:auto;}
}

#tag-cloud{width:100%;margin:2px;padding:0px;}
.tag-cloud{background-color:#ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;display:inline-block;font-size:14px;line-height:21px;margin:5px;padding:5px;vertical-align:baseline;}
.productItem{cursor:pointer;}
.footer-container{margin-top:20px;background:#eee;}
.no-url-css, .no-url-css:visited{color:inherit;text-decoration:none;}
.footer-txt{margin:10px 0px 15px 30px;font-size:1.2em;display:block;color:#555555;}
.footer-icon{margin-bottom:10px;font-size:1.4em;vertical-align:top;float:left;color:#555555;}
.footer-div{font-size:1.2em;text-align:justify;}
.footer-hr{margin-top:10px;margin-bottom:20px;border-top:1px solid #555555;}
.modal-header{padding:0;border-bottom:none;min-height:30px;}
.thumbnail-gallery-img{padding:0px 5px;}
.carousel-gray .active{background-color:#eee;}
.carousel-gray li{border:1px solid #eee;}
label{color:#283a7d;font-size:16px;}
.qtyinput, .qtyinput-mobile{text-align:center;}
.qtyinput-mobile{display:inline-block;max-width:80px;}
.btn-cart{position:relative;top:8px;min-height:34px;padding:9px;right:8px;}
.btn-cart-mobile{float:right;height:34px;padding:10px;}
.cart-img{margin:auto;width:120px;}
.cart-label{margin-right:10px;display:inline-block;}
.theme-header{text-align:center;border-bottom:0px;margin:0px 0px 10px 0px;}
.faq-icon{font-size:60px;}
.faq-h4{margin-bottom:12px;}
#faq-anchor{padding-top:130px;position:relative;z-index:-1;}
.bootstrap-select .dropdown-toggle .filter-option {overflow:hidden;}



.txt-blue{
	color: #014776;
	font-family: "Raleway", sans-serif, simhei;		
}
.nav{
	font-family: "Raleway", sans-serif;		
}
.jcol{
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:5% !important;	
	width:90% !important;	
}

.btn-blue {
	border: 2px solid #014776 !important;										
	border-radius: 0px !important;												
	color: #014776;
	background: none;								
	letter-spacing: 1px;						
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	word-wrap: break-word;
	white-space: normal !important;
}
												
.btn-blue:hover,
.btn-blue:active {
	color: #fff !important;
	background: #014776;
}

a.btn-blue:visited {
	color: #014776;
}

.btn-darkgreen {
	border: 2px solid #0e6200 !important;										
	border-radius: 0px !important;												
	color: #0e6200;
	background: none;								
	letter-spacing: 1px;						
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	word-wrap: break-word;
	white-space: normal !important;
}
												
.btn-darkgreen:hover,
.btn-darkgreen:active {
	color: #fff !important;
	background: #0e6200;
}

.btn-darkgreensolid {	
	border: 2px solid #0e6200 !important;	
	border-radius: 0px !important;												
	color: #fff !important;
	background: #0e6200;						
	letter-spacing: 1px;						
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	word-wrap: break-word;
	white-space: normal !important;
}										

#maintxt{
	font-family:"Raleway", sans-serif;
	font-weight:800;
	text-align:left;					
	color: #555555;
	line-height:2em;				
}

.subtitle{
	font-family:"Raleway", sans-serif, simhei;
	font-weight:300;
	color: #555555;
	text-align:center;				
	font-size:2rem;				
	margin-bottom:20px;
}	


.jtxt{
	text-align:justify;
	font-size:1.8rem;	
	line-height:1.8em;
}

.jtxt_bluebox{
	text-align:center;
	color:white;
	font-size:1.8rem;	
	line-height:1.8em;
}

.jhead{		
	color: #014776;	
	font-size:2.4rem;	
	font-family: "Raleway", sans-serif;		
	font-weight:800;	
	line-height:1.8em;
}

.jhead_bluebox{
	text-align:center;
	color: white;	
	font-size:3rem;	
	font-family: "Raleway", sans-serif;		
	font-weight:800;	
	line-height:1.8em;
	letter-spacing:0.05em;
}

.jpara30{
	margin-top:30px;
}

.jpara50{
	margin-top:30px;
}

#jpic1{
	text-align:center;	
	padding: 0 10px;
}

.wt800{
	font-weight:800;
}

.speech_bubble {
	font-family:"Raleway", sans-serif, simhei;
	position: relative;
	background-color: #fff;
	padding: 2.5rem;				
	border: 3px solid #014776;	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	font-size:1.8rem;		
	letter-spacing:0.05em;
	padding:1.5em;
	width:100%;
}
.speech_bubble:before {
	content: "";
	z-index: 1;
	position: absolute;
	height: 30px;
	width: 30px;
	transform: rotate(45deg);
	background-color: #fff;
	margin-left: -18px;
	border-width: 0 3px 3px 0;
	border-style: solid;
	border-color: #014776;
	top: 100%;
	left: 50%;
	margin-top:-13px;
}			

.speech_avatar{
	border-radius: 40em;
	width: 8rem;
	height: 8rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	overflow: hidden;
	margin: 4rem auto .5rem;
}
.speech_info{
	font-size:1.8rem;
	line-height:1.5em;
	text-align:center;
}

#bg{
	width:100%;
	position:relative;
	top:60px;
	margin-bottom:30px;
}			

#bgmain{
	width:100%;	
	height:auto;
	top:0;
	position:relative;	
}

#bg img, .midhero img {
	height:50vh;
	width:100%;	
	object-position: center;
	object-fit:cover;
}

#bgmain img {	
	width:100%;	
	height:auto;
	margin-bottom:15px;
	object-position: center;
	object-fit:cover;
}

#bg_title{margin-top:30px;}
			
.block_quote {
  background-color:#ECE5DB;
  padding:40px;
  position: relative;
  text-align:center;
  font-family: "Raleway", sans-serif;
  font-weight:400;
  font-size: 2.2rem;
  line-height: 1.5em;
  margin-top:initial;		
}


.block_quote:after {
	  content: '\201D';
	  position: absolute;
	  top: 0.28em;
	  right: 0;
	  font-size: 6em;
	  font-style: italic;
	  color: white;
	  z-index: -1;
}

blockquote footer:after {
	content: '\2014 \00A0';
}

.txtleft{text-align:left;}
.txtright{text-align:right;}
.txtcenter{text-align:center;}
.para-divider{height: 3px; margin: 20px 5% 0;width:90%;background-color: #eee;}
.carousel-fin{margin-top:20px;margin-bottom:0;}
.br480, .br768, .br992, .brstats {display:none;}
#main_block{display:block;text-align:center;}										
#template_block{display:block;text-align:center;}										
.mainblock{display:block;text-align:center;margin-bottom:30px;}										
#maintxt{text-align:left;font-size:1.8rem;font-weight:800;margin:15px 0;padding:0;}
.maintitle{font-size:4.8rem;text-align:center;font-weight:800;}			

.values_title{	
	font-weight:800;
	font-size:4rem;					
	text-align:left;
}
.values_head{
	font-family:"Raleway", sans-serif;
	font-weight:800;
	font-size:2.4rem;				
	letter-spacing:0.02em;
	color:#014776;
	margin-top:30px;
}
.values_txt{font-size:1.6rem;text-align:justify;}



.stats_block{display:block;}
.stats_left{font-family:"Lato";
				text-align:center;
				color:#014776;				
				font-weight:600;				
				font-size:6rem;
				margin:10px 0 0 0 ;
				letter-spacing:0.05em;}	
.stats_right{text-align:center;margin:0;}	


.stats_left_sm{
	font-size: 0.4em;
	padding-left:0.2em;				
	letter-spacing:initial;
}

.stats_right_top{
	font-family:"Raleway", sans-serif;
	font-size:2.3rem;
	font-weight:800;
	letter-spacing:0.02em;
	color:initial;
}	
.stats_right_bottom{
	font-size:1.8rem;
	font-weight:400;
	color:#555555;
}	

#stargroup{
	display:inline-block;
}

#finishtext{
	font-size:1.5rem;
	font-weight:800;
	color:#014776;	
	background:#eee;
	padding:10px;
	display:block;
}

#finishtext2{padding: 15px 0 0 0;}
#carousel-popup{width:100%;margin:auto;max-width:420px;}

.msgstd{
	color:#555555;
	font-size:2.5rem;
	text-align:center;
	padding:20px;
}
.msgred{
	color:red;
	font-size:2.5rem;
	text-align:center;
	padding:20px;
}
.msggreen{
	color:green;
	font-size:2.5rem;
	text-align:center;
	padding:20px;
}

.modalbtn{margin: 20px auto;display:block;width:250px;}

.review_block{
	text-align:center;
	padding:5px;
	font-size:30px;
}

.review_number{
	font-size:72px;
	color:#014776;
	font-weight:800;
}			
.icon-star{
	color:#ec8700;
}

.google_review{
	display:block;
	margin-top:30px;
}		

.google_review_block{
	display: -webkit-flex;
	display: flex;				
}			
.google_quote{
	position: relative;
	border: 0;
	padding: 20px;										
	text-align:left;
	margin-bottom: 60px;
	clear: both;
	background-color: #014776;
	color: #fff;				
	border-left:none !important;
	font-family:"Raleway", sans-serif;
	font-weight:300;
	font-size:1.6rem;
}

.google_quote:after{
	content: ' ';				
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -40px;
	border-width: 20px;
	border-style: solid;
	border-color: #014776 transparent transparent #014776;
}

.google_quote.right{					
	right: 0;
	left: auto;				
	border-color: #ddd #ddd transparent transparent;					
}
.google_cite{			
	padding:20px;
	float:right;
	position:absolute;
	right:0;
	bottom:0;
	font-style:italic;
	text-align:right;
}
		


.img2x{width:100%;max-width:400px;}
.img2xleft{text-align:right;padding-right:5px!important;}
.img2xright{text-align:left;padding-left:5px!important;}
.img3x{padding:0 7.5px!important;margin-bottom:15px;text-align:center;}
.img3x_p{padding:0 7.5px!important;margin-top:15px;}
.img3x_size{width:100%;max-width:500px;}
.img_block{margin-bottom:50px;}
.morehelp{font-size:5rem;color:white;display:block;text-align:center;}
.enquiryfaq{width:100%;max-width:400px;display:block;border:1px solid #ddd;margin-bottom:20px;}

#mainh{margin-left:0;margin-right:0;}

.pdtcontainer{width:95%;margin-left:2.5%;}

@media(min-width:370px){
	#maintxt{font-size:2rem;}
	.values_head{font-size:2.6rem;}	
	.stats_right_top{font-size:2.2rem;}		
	.stats_left{font-size:7rem;}		
	.stats_right_bottom{font-size:2rem;}	
	.jpara50{margin-top:20px;}
}

@media(min-width:480px){
	#maintxt{font-size:2.4rem;font-weight:800;}
	.br480{display:initial;}
	.speech_bubble {font-size:2rem;}
	.img2xleft{padding-right:10px!important;}
	.img2xright{padding-left:10px!important;}
	.img3x{margin-bottom:15px;}
	.img3x_p{margin-top:30px;}
	.jpara50{margin-top:50px;}
	#finishtext{display:flex;align-items:center;}
	#finishtext2{padding:15px;}
	.pdtcontainer{width:90%;margin-left:5%;}
	
}

@media(min-width:768px){
	.br768{display:initial;}	
	#maintxt{text-align:center;font-size:3.2rem;margin:30px 0;font-weight:300;}	
	.brstats{display:initial;}		
	.img2xleft{padding-right:15px!important;}
	.img2xright{padding-left:15px!important;}		
}
@media(min-width:992px){
	#jpic1{
		text-align:right;
		padding-right:30px;	
	}
	#bg {margin-bottom:0px;}	
	#bg_title{margin-top:0px;}
	#maintxt{font-size:3rem;text-align:left;font-weight:300;margin:0;}	
	.block_quote{font-size:2.8rem;margin-top:40px;padding:50px;}
	
	#main_block, .mainblock{
		display: -webkit-flex;
		display: flex;
		align-items:center;
		margin-bottom:30px;
	}
	#template_block{
		display: -webkit-flex;
		display: flex;
		align-items:stretch;
		margin-bottom:30px;
	}	
	.maintitle{font-size:6rem;}			
	.subtitle{font-size:2.4rem;}	
	.values_title{font-size:4.8rem;}
	.values_txt{font-size:1.8rem;}
	.values_head{margin-top:40px;font-size:3rem;}
	.br992{display:initial;}
	.speech_bubble {font-size:2.3rem;}
	
	.stats_block{
		display: -webkit-flex;
		display: flex;
		align-items:center;
		margin-bottom:20px;
	}	
	.stats_left{text-align:right;font-size:8rem;margin:0 0 10px;}	
	.stats_right{text-align:left;}		
	.stats_right_top{font-size:3rem;}
	.stats_right_bottom{font-size:2.4rem;}	
	.google_review{
		text-align:center;
		padding:5px;
		font-size:30px;
		display: -webkit-flex;
		display: flex;								
	}
	.google_quote{font-size:1.8rem;}
	.img3x{margin-bottom:0px;}	
	.img3x_size{max-width:unset;}
}

@media(min-width:1200px){	
	#maintxt{font-size:3.6rem;}			
	#mainh{margin-left:4%;margin-right:4%;}
}

@media(min-width:1440px){	
	#maintxt{font-size:4.4rem;}
	.brstats{display:none;}
	.quotew	{margin-left:20%!important;width:60%!important}
}

@media(min-width:1920px){		
	.quotew	{margin-left:25%!important;width:50%!important}
}

/*wait cursor*/
#waiting{
  left:0;
  right:0;
  top:150px;
  display:block;
  position:fixed;
  z-index:9999;
  pointer-events:none;
  height:100px;
  width:100px;  	
}
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #006fa8;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}