/*  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $  osCommerce, Open Source E-Commerce Solutions  http://www.oscommerce.com  Copyright (c) 2003 osCommerce  Released under the GNU General Public License*/.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px;}.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }.productsNotifications { background: #f2fff7; }.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

#related_product_div, .related_product_div{
border-top:dashed #CCCCCC 1px;
padding-bottom:10px;
padding-top:10px;
padding-left:0px;
margin-top:20px;
border-bottom:dashed #CCCCCC 1px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
color: #555555;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.payment_icon{	list-style:none;	margin:0px;	padding:0px;}.payment_icon li{	margin:0px;	padding:2px;	float:left}.paypal_remark{	color:red;	font-size:8pt;	font-weight:normal;}


.related_product_title{	padding-top:9px; font-weight:bold;	font-size:9pt;	color:#ff6666;}

.related_product{	float:left;	width:200px;	padding:5px;}

BODY {  text-align: center;  background: #ffffff;  color: #000000;  margin: 0px;}

.fixcenter {  width: 1000px;  border: solid; border-width: 0px;  background: #ffffff;  color: #000000;  margin: auto;  margin-top: 20px;  text-align: left;}A {  color: #000000;  text-decoration: none;}
A:hover {  color: #ff0000;  text-decoration: underline;}
FORM {	display: inline;}
TR.header {  background: #ffffff;}
TABLE.headerNavigation{  border: 1px;  border-style: solid;  border-color: #b6b7cb;  border-spacing: 1px;}
TR.headerNavigation {  background: #ffffff;}
TD.headerNavigation {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  background: #ffffff;  background-image:url('images/headernavigation/bg.gif');  color: #222222;}
A.headerNavigation {   color: #222222; }A.headerNavigation:hover {  color: #ff0000;}
TR.headerError {  background: #ff0000;}TD.headerError {  font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 12px;  background: #ff0000;  color: #ffffff;  font-weight : bold;  text-align : center;}TR.headerInfo {  background: #00ff00;}TD.headerInfo {  font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 12px;  background: #00ff00;  color: #ffffff;  font-weight: bold;  text-align: center;}TR.footer {  background: #bbc3d3;}TD.footer {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  background: #bbc3d3;  color: #ffffff;  font-weight: bold;}.infoBox {  background: #b6b7cb;}.contenttopic {  background: #ffffff;  font-family: Verdana, Arial, sans-serif;  font-size: 13px;}.infoBoxContents {  background: #ffffff;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.infoBoxNotice {  background: #FF8E90;}.infoBoxNoticeContents {  background: #FFE6E6;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}TD.infoBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  background: #555555;  color: #ffffff;  height: 30px;  background-image:url('images/infobox/infobox_bg.gif');}TD.infoBox, SPAN.infoBox {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.contentBox {  background: #b6b7cb;}TD.contentBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.contentBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.BestSellersBox {  background: #b6b7cb;}TD.BestSellersBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.BestSellersBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.CategoriesBox {  background: #b6b7cb;}TD.CategoriesBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.CategoriesBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.CurrenciesBox {  background: #b6b7cb;}TD.CurrenciesBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.CurrenciesBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.InformationBox {  background: #b6b7cb;}TD.InformationBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.InformationBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.LanguagesBox {  background: #b6b7cb;}TD.LanguagesBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.LanguagesBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.ManufacturerInfoBox {  background: #b6b7cb;}TD.ManufacturerInfoBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.ManufacturerInfoBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.ManufacturersBox {  background: #b6b7cb;}TD.ManufacturersBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.ManufacturersBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.OrderHistoryBox {  background: #b6b7cb;}TD.OrderHistoryBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.OrderHistoryBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.ProductNotificationsBox {  background: #b6b7cb;}TD.ProductNotificationsBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.ProductNotificationsBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.ReviewsBox {  background: #b6b7cb;}TD.ReviewsBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.ReviewsBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.SearchBox {  background: #b6b7cb;}TD.SearchBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.SearchBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.ShoppingCartBox {  background: #b6b7cb;}TD.ShoppingCartBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.ShoppingCartBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.SpecialsBox {  background: #b6b7cb;}TD.SpecialsBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.SpecialsBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.TellaFriendBox {  background: #b6b7cb;}TD.TellaFriendBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.TellaFriendBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}.WhatsNewBox {  background: #b6b7cb;}TD.WhatsNewBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #b6b7cb;  color: #ffffff;}.WhatsNewBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {  background: #ffffff;}TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {  background: #ffffff;}TABLE.productListing {  border: 1px;  border-style: solid;  border-color: #bbbbbb;  border-spacing: 1px;}.productListing-heading {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;  background: #eeeeee;  color: #999999;  height: 13px;}TD.productListing-data {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  color: #000000;  font-weight: bold;}A.pageResults {  color: #0000FF;}A.pageResults:hover {  color: #0000FF;  background: #FFFF33;}TD.pageHeading, DIV.pageHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 13px;  font-weight: bold;  color: #000000;}TD.bigpageHeading, DIV.bigpageHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 15px;  font-weight: bold;  color: #000000;}TR.subBar {  background: #f4f7fd;}TD.newson {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  line-height: 1.5;  background-color: #ffff99; color: #000000;  cursor: pointer;}TD.newsoff {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  line-height: 1.5;  background-color: #f5f5f5; color: #000000;  cursor: pointer;}FONT.newsoff {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  line-height: 1.5;  color: #777777;  cursor: pointer;}TD.subBar {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  color: #000000;}TD.main, P.main {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  line-height: 1.5;  color : #555555;}TD.main_footer{  font-family: Verdana, Arial, sans-serif;  font-size: 9px;  line-height: 1.5;  color: #000000;}TD.smallText, SPAN.smallText, P.smallText {  font-family: Verdana, Arial, sans-serif;  font-size: 9px;}TD.verysmallText, SPAN.verysmallText, P.verysmallText {  font-family: Verdana, Arial, sans-serif;  font-size: 8px;}TD.accountCategory {  font-family: Verdana, Arial, sans-serif;  font-size: 13px;  color: #ff0000;}TD.fieldKey {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;}TD.fieldValue {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;}TD.tableHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;}SPAN.newItemInCart {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  color: #ff0000;}CHECKBOX, INPUT, RADIO, SELECT {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;}TEXTAREA {  width: 100%;  font-family: Verdana, Arial, sans-serif;  font-size: 11px;}SPAN.greetUser {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  color: #f0a480;  font-weight: bold;}TABLE.formArea {  background: #f1f9fe;  border-color: #7b9ebd;  border-style: solid;  border-width: 1px;}TD.formAreaTitle {  font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;}SPAN.markProductOutOfStock {  font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 12px;  color: #c76170;  font-weight: bold;}SPAN.productSpecialPrice {  font-family: Verdana, Arial, sans-serif;  color: #ff0000;}SPAN.errorText {  font-family: Verdana, Arial, sans-serif;  color: #ff0000;}.moduleRow { }.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }.moduleRowSelected { background-color: #E9F4FC; }.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }/* message box */.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }/* input requirement */.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }.cssButton {  background: #f0f0ff;  color: #000080;  width: 100px;  height: 20px;  vertical-align: top;  font-weight: normal;  font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 12px;  cursor: pointer;  text-align: center;  text-decoration: none;  border: 1px;  border-style: solid;  border-color: #000080;  border-spacing: 1px;}#thecategories a:hover {	background-color: #eeeeee;	color: #000000;}.catwithsubs, .catwithnosubs {	padding-right: 5px;}#thecategories {	position: relative;	top: -9px;	margin-bottom: -16px;	width: 140px;}.activelink {	display: block;	font-weight: bold;}#thecategories a {	display: block;	padding-bottom: 7px;	padding-top: 3px;	width: 100%;}/*mozilla fix*/html>body #thecategories a {	width: auto;}/*end of mozilla fix*/#topcat a {padding-left: 5px;}#secondcat a {	padding-left: 20px;}#thirdcat a {	padding-left: 35px;}#fourthcat a {	padding-left: 50px;}#fifthcat a {	padding-left: 65px;}.estimatedshippingBox {background: #FFFFFF;font-size: 9px;color: #666666; }TD.estimatedshippingBoxHeading {font-family: Verdana, Arial, sans-serif;font-size: 9px;font-weight: bold;background: #ffffff;color: #666666; }.estimatedshippingBoxContents {background: #ffffff;color: #666666;font-family: Verdana, Arial, sans-serif;font-size: 9px;font-weight: bold;text-align: left;}.ShowShipping {background: #bbbbbb;color: #ffffff;font-family: Verdana, Arial, sans-serif;font-size: 9px;font-weight: bold;text-align: center;}

h1 {  font-family: Verdana, Arial, sans-serif;  font-size: 19px;  color: #000000; position:relative; top:10;}
h2 {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  color: #000000; }
h3 {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  font-weight: normal; color: #000000; }


.customer-also-buy h4{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #555555;
	color: #ffffff;
	background-image: url('images/infobox/infobox_bg.gif');
	padding:10px;
	margin:10px 0 0;
}

.customer-also-buy ul{
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid #bbb;
}

.customer-also-buy li{
	width:20%;
	padding:4px 2.5%;
	height:160px;
	float:left;
}

.customer-also-buy li img{
	width:100%;
}

.customer-also-buy li a{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.customer-also-buy ul:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.add-to-cart-floating{
	background-color: rgba(255, 0, 0, 0.90);
	margin:0 auto;
	position:fixed;
	bottom:0px;
	height:60px;
	width:980px;
	padding:10px;
	text-align:left;
	display:none;
}

.add-to-cart-floating h1,
.add-to-cart-floating h2{
	margin:0;
	padding:0;
	color:#fff;
	position:static;
	top:0px;
}

.add-to-cart-floating .price-box{
	float:right;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:18pt;
	color:#fff;
}

.add-to-cart-floating .price-box s{
	font-size:12px;
	font-weight:normal;
	font-family:  sans-serif;
	color:#000;
}

.add-to-cart-floating .price-box .productSpecialPrice{
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:18pt;
	display:block;
	color:#fff;
}

.add-to-cart-floating a.buy-now-button{
	color:#fff;
	background:#000;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:20pt;
	padding:5px 20px;
	display:block;
	float:right;
	margin:0 0 0 15px;
}

.add-to-cart-floating a.buy-now-button:hover{
	color:#fff;
	background:#555;

}
div.fixcenter{
	padding-bottom:100px;
}

.new-bestseller h3{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #555555;
	color: #ffffff;
	height: 20px;
	padding:5px 10px;
	margin:0px;
	background-image: url('images/infobox/infobox_bg.gif');
}

.new-bestseller ul{
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid #bbb;
	padding:2px;
}

.new-bestseller li{
	margin:15px 0;
}

.new-bestseller li .wrapper{
	height:90px;
}

.new-bestseller li .best-image{
	width:120px;
	float:right;
}

.new-bestseller li .best-image img{
	width:100%;
}

.new-bestseller li .best-image:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.new-bestseller li .best-name{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	padding-left:50px;
}


.new-bestseller li .num{
	float:left;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:24pt;
	color:#555;
}



/* new menu css--------------------  */
.helipal div.main-header {
    width: 980px;
    margin: 0 auto;
}

.helipal.product-list {
    margin: 0px;
    padding: 0;
    list-style: none;
}

.helipal.product-list-item {
    display: inline-block;
    width: 33.3%;
    margin: 20px 0;
    text-align: center;
    vertical-align: top;
	font-family:Helvetica, Arial, sans-serif;
}

.helipal.product-list-item h2 {
    font-size: 10pt;
    font-weight: bold;
	font-family:Helvetica, Arial, sans-serif;
}

.helipal.product-list-item .wrap {
    padding: 5px;
}

.helipal.product-list-item .normal-offer, .helipal.product-list-item .special-offer {
    margin-top: 20px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

.helipal.product-list-item .special-offer .original-price {
    text-decoration: line-through;
    color: #aaa;
    padding: 0 5px;
}

.helipal.product-list-item .special-offer .special-price {
    color: red;
    padding: 0 5px;
}

#category-html {
    margin: 5px auto;
    width: 980px;
}

.helipal h1 {  font-family: 'Oswald', sans-serif; font-size: 24px;  position:relative; }
.helipal h2 {  font-family: 'Oswald', sans-serif;  font-size: 11px;  }
.helipal h3 {  font-family: 'Oswald', sans-serif;  font-size: 11px;  font-weight: normal;  }
.helipal h4 {  font-family: 'Oswald', sans-serif;  font-size: 11px;  font-weight: normal;  }

.helipal .text-right{
	text-align:right;
}

.helipal .text-center{
	text-align:center;
}

.helipal h1.min-margin , .helipal h2.min-margin , .helipal h3.min-margin , .helipal h4.min-margin{
	margin:4px 0;
}

.helipal.type-list{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	list-style:none;
	margin:0 20px 0 0;
	padding:0px;
}

.helipal.type-list li{
	margin:8px 0px;
	line-height:20px;
}

.helipal.type-list .tag, .racing-drone-parts .tag{
	background-color:#aaa;
	color:#fff;
	border-radius:4px;
	font-size:12px;
	padding:2px 5px;
	margin:2px 2px;
	white-space:nowrap;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.helipal.type-list .tag:hover, .racing-drone-parts .tag:hover{
	background-color:red;
	color:#fff;
	text-decoration:none;
}

.tag.selected, .racing-drone-parts .tag.selected{
	background-color:#FF7B16 !important;
}

.helipal.type-list .tags-title{
	display:block;
	width:86px;
	float:left;
}

.helipal.type-list .tags-panel{
	display:block;
	width:520px;
	float:left;
}

.helipal .light-text{
	color:#fff !important;
}

.helipal .dark-text{
	color:#000 !important;
}


.border-button{
	display:inline-block;
	padding:2px 15px;
	border:2px solid white;
}

.border-button.selected{
	display:inline-block;
	border:2px solid red;
}

.image-button{
	display:inline-block;
	border:2px solid white;
}

.image-button.selected{
	display:inline-block;
	border:2px solid red;
}


/*------------------------------------ Desktop CSS ---------------------------------------------*/
.top-nav{
	width:1000px;
	margin:5px auto;
}


.fixcenter{
	margin-top:0px !important;
}

div.fixcenter{
	position:relative;
}

html{
	height:100%;
}

.helipal.sub-logo{
	margin:0px auto;
	width:1000px;
	position:relative;
	text-align:left;
}

.helipal.bg-ad{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
	min-width: 990px;
	background:url('http://image.helipal.com/storm-racing-drone-v2a-bg.jpg') 50% 0 no-repeat;
	background-color:#000;
	background-position-x:center;
	background-position-y:top;
	background-size:contain;
	top:0;
	left:0;
}

.helipal.bg-ad.body-white{
	background-color:#fff;
}

.helipal.bg-ad.body-black{
	background-color:#000;
}



@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.webapplinks-list > li{
	display:table-cell;
	text-align:center;
	width:10%;
}

.webapplinksexpandermain{position: relative;}

.overlapblackbg{
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	display:none;
	background-color:rgba(0, 0, 0, 0.45);
	cursor:pointer;}
	
.overlapblackbg.open{
	display:block;
	}
.webapplinks{
	font-family:"robotomedium", Arial, Helvetica, sans-serif;
	color:#fff;
	position:relative;
	font-size:15px;
	padding:0px;
	margin:0px;
	width:100%;
	background-color:#3f51b5 ;

}
.webapplinks-list {
	text-align:left;
	margin:0 auto 0 auto;
	width:100%;
	display: table;
	padding:0px;
}
.webapplinks-list li{
	text-align:center;
	display: table-cell; 
	white-space: nowrap;}
.webapplinks-list li a .fa{
	display: inline-block;
	font-size:16px;
	line-height:inherit;
	margin: 0 8px 0 0px;
	width:25px;
	text-align:center;}

.webapplinks-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;}
.webapplinks-list li a .arrow:after {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #fff;
    content: "";
    float: right;
    height: 0;
    margin: 0 0 0 9px;
    position: absolute;
    text-align: right;
    top: 22px;
    width: 0;}

.webapplinks-list li a {
	border-bottom:none;
	display:block;
	background-color:transparent;
	color:#fff;
	padding:0px 10px 0px 10px; line-height:48px;
	text-decoration:none; 
	}
.webapplinks-list:first-child a{-webkit-border-radius:2px 0px 0px 0px; -moz-border-radius:2px 0px 0px 0px; border-radius:2px 0px 0px 0px;}
.webapplinks-list:last-child a{-webkit-border-radius:2px 0px 0px 0px; -moz-border-radius:2px 0px 0px 0px; border-radius:2px 0px 0px 0px;}
.webapplinks-list li a:hover .arrow:after{ border-top-color:#fff}
.webapplinks-list li a.active .arrow:after{ border-top-color:#fff}
.webapplinks-list li:hover>a .arrow:after{ border-top-color:#fff}

/*For megamenu desktop */
.webapplinks-list li .megamenu{white-space:normal}
.webapplinks-list li:hover .megamenu{visibility:visible;
    opacity:1;}
.megamenu{
	width:968px;
	left:0px;
	/*display:none;*/
	visibility:hidden;
    opacity:0;
	position:absolute;
	top:48px;
	color:#000;
	z-index:1000;
	margin:0px;
	padding:15px;
	border:solid 1px #eeeeee;
	background-color:#fff;
	/*
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;	
	
	*/
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
	-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
	
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);	
	}
.megamenu ul{
	width:25%;
	float:left;
	font-family:'robotoregular';
	font-size:13px;
	margin:0% 0%;
	padding:0px;
	}
.megamenu ul li.title{
	border-bottom:1px solid #CCC;
	font-size:14px;
	padding:7px 5px 7px 5px;
	font-family:'robotoregular';
	margin-bottom:7px;
	}
.megamenu ul li img{
	width:100%;
}

.megamenu ul li{
	position:relative;
}

/* Start of Replacement and Upgrade Parts Button */
.css_btn_class {
	font-size:24px;
	font-family:Impact;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ffaa22;
	padding:13px 25px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
	background-color:#ffec64;
	color:#a80000;
	display:inline-block;
	text-shadow:1px 1px 0px #ffee66;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	box-shadow:inset 1px 1px 0px 0px #fff6af;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
	background-color:#ffab23;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
/* End of Replacement and Upgrade Parts Button */



.megamenu .helipal-nav-title{
	position:absolute;
	bottom:0px;
	left:0px;
	width:94%;
	padding:10px 3%;
	color:#fff;
	font-size:22px;
	font-weight:bold
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.megamenu li{
	display:block;
	text-align:center;
	white-space:nowrap;
	text-align:left;
	}
.megamenu li a{
	line-height:18px;
	border-right:none;
	text-align:left;
	padding:4px 4px;
	background:#fff !important;
	background-image:none !important;
	color: #666666 !important;
	border-right: 0 none !important;
	}

/*Form for desktop */
.halfdiv{
	width:35%;
	right:0px !important;
	left:auto;}

/* Submenu CSS */
.webapplinks-submenu {
	/*display:none;*/
	visibility:hidden;
    opacity:0;
	position:absolute;
	top: 48px;
	z-index:1000;
	margin:0px;
	padding:4px;
	min-width:200px;
	border:solid 1px #eeeeee;
	background-color:#fff;
	-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
	
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);}

.webapplinks-submenu li a {
	background:#fff !important;
	background-image:none !important;
	color: #666666 !important;
	border-right: 0 none !important;
	text-align:left;
	display:block;
	line-height:22px;
	padding:6px 12px;
	text-transform:none; 
	font-family:'robotoregular';
	font-size:14px;
	letter-spacing:normal;
	border-right:0px solid;}

.webapplinks-submenu li{position:relative; margin:0px; padding:0px; }
.webapplinksexpandermain{display:none;}
.webapplinks-list li:hover .webapplinks-submenu{/*display:block;*/ visibility:visible;
    opacity:1;}
.webapplinks-list .webapplinks-submenu .webapplinks-submenu-sub{ min-width:220px; position:absolute; left:100%; top:0; display:none; margin:0px; padding:0px; -moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.16); box-shadow:0 3px 10px rgba(0, 0, 0, 0.16);}
.webapplinks-list .webapplinks-submenu li:hover .webapplinks-submenu-sub{display:block; list-style:none; padding:4px; border:solid 1px #eeeeee; background-color:#fff;}
.webapplinks-list .webapplinks-submenu li:hover .webapplinks-submenu-sub{display:block;}
.webapplinks-list .webapplinks-submenu .webapplinks-submenu-sub .webapplinks-submenu-sub-sub{ min-width:220px; position:absolute; left:100%; top:0; display:none; margin:0px; padding:0px;-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.19);	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.19);}
.webapplinks-list .webapplinks-submenu .webapplinks-submenu-sub li:hover .webapplinks-submenu-sub-sub{display:block; list-style:none; padding:4px; border:solid 1px #eeeeee; background-color:#fff;}
.webapplinks-submenu li{position:relative; padding:0px; margin:0px; display:block;}
.webapplinks-click{display:none;}

/* Default Theme */ 
.webapplinks-list li:hover>a{background-color:rgba(0,0,0,0.1) !important;  color:#fff;}
.webapplinks-list li a:hover {background-color:rgba(0,0,0,0.1) !important; color:#fff;}
.webapplinks-submenu li:hover>a{background-color:rgba(0,0,0,0.1) !important;  color:#666 !important;}
.webapplinks-list li a.active{background:#7b7b7b !important; color:#666666 !important;}
.webapplinks-submenu li a:hover {background:#f2f2f2 !important; border-radius:0px!important; color:#666666 !important;}
.mobileheader{ display:none  !important; }
.subheader{ display:none  !important; }
.megamenu ul li a{ color:#666 !important;}





/*Menu DropEft CSS*/
.dropeft{
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 0;
	
}
.water {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.14);
	-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.drop-animate{
	-webkit-animation: dropper 0.65s linear;
	-moz-animation: dropper 0.65s linear;
	-ms-animation: dropper 0.65s linear;
	-o-animation: dropper 0.65s linear;
	animation: dropper 0.65s linear;
}
 @-webkit-keyframes dropper {
	100% {
	opacity: 0;
	-webkit-transform: scale(2.5);
	}
}
@-moz-keyframes dropper {
	100% {
	opacity: 0;
	-moz-transform: scale(2.5);
	}
}
@-o-keyframes dropper {
	100% {
	opacity: 0;
	-o-transform: scale(2.5);
	}
}
@keyframes dropper {
 100% {
	opacity: 0;
	transform: scale(2.5);
	}
}

/*End DropEft CSS*/

/*

@media only screen and (min-width:901px) and (max-width:1023px) {
.webapplinks-list li a{ padding-left:0px !important; padding-right:0px !important; }
.webapplinks-list li a .arrow:after{ border:none !important;}
.webapplinks{ font-size:13px !important;}
.webapplinks-list li a .fa{ margin-right:1px !important;}
.megamenu ul{ width:47% !important;}
.megamenu ul li.title{ font-size:14px !important;}

}

@media only screen and (min-width:1024px) and (max-width:1365px) {
.webapplinks-list li a{ padding-left:0px !important; padding-right:0px !important; }
.webapplinks-list li a .arrow:after{ border:none !important; }
.webapplinks{ font-size:14px !important; }
.webapplinks-list li a .fa{ margin-right:3px !important; }
.megamenu ul li.title{ font-size:15px !important; }

}

@media only screen and (min-width:1366px) and (max-width:1499px) {
.webapplinks-list li a{padding-left:0px !important; padding-right:0px !important;}

}

 



*/










/*------------------------------------ Mobile CSS ---------------------------------------------*/
/*
@media only screen and (max-width: 900px) {
.mobileheader{position:relative; display:block !important; min-height:150px; width:240px; background:url(../images/headerbg.png) top left no-repeat !important;}
.username{ display:block; padding:100px 0px 0px 20px; color:#fff; font-family:'robotobold'; font-size:15px; text-align:left;}
.useremail{ display:block; padding:2px 0px 0px 20px; color:#fff; font-family:'robotoregular'; font-size:13px; text-align:left;}
.roundedicon{ display:block; width:57px  !important; height:57px  !important; -webkit-border-radius:100%  !important; -moz-border-radius:100% !important; border-radius:100%  !important; position:absolute; bottom:56px; left:20px; padding:0px !important; z-index:1000; background:url(../images/userimg.png) top center no-repeat; }
.subheader{ display:block !important; border-top:solid 1px #e8e8e8; padding:10px 0 8px 20px; text-align:left !important; background-color:#fff !important; color:#999999; font-family:'robotomedium'; font-size:15px; }
.mobile-sub li a .fa{margin: 0 14px 0 0px !important;}	

.webapplinks-submenu li:hover>a{ background-color:#7b7b7b !important; color:#fff !important;}
.webapplinks .webapplinks-list li a.active{background-color:rgba(0,0,0,0.1) !important;  color:#666 !important;}
.webapplinks .webapplinks-list li a:hover{background-color:rgba(0,0,0,0.1) !important;  color:#666 !important;}	

.webapplinks-list li:hover .webapplinks-submenu{display:none ;}
.webapplinks-list li:hover .webapplinks-submenu .webapplinks-submenu-sub{display:none;}
.webapplinks-list .webapplinks-submenu .webapplinks-submenu-sub li:hover .webapplinks-submenu-sub-sub{display:none; list-style:none; padding:4px; border:solid 1px #eeeeee; background-color:#fff;}
.webapplinks-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
.webapplinks-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}

.webapplinkscontainer{
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	min-height:800px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	
.webapplinksexpandermain{
	display:block !important;
	z-index:2; 
	top:0;
	right:0;
	left:0;}
	*/

/* Mobile click to drop arrow */
/*
.webapplinks-click {
	position:absolute;
	top:0;
	right:0;
	display:block;
	cursor:pointer;	 
	z-index:100;
	width:100%;
	padding:13px 0px;}

.webapplinks-click i{
	display:block;
	height:23px;
	width:25px;
	margin-right:12px;
    margin-top:0px;
	background-size:25px;
	float:right;
	color:#AAB1B8;
	font-size:18px;
	}

.webapplinks-rotate{
	-webkit-transform:rotate(180deg) !important;
	-moz-transform:rotate(180deg) !important;
	-ms-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;}
*/
/*2nd UL Style*/

/*
.webapplinks-submenu-sub{
	width:100% !important;
	position:static !important;
	left:100% !important;
	top:0 !important;
	display:none;
	margin:0px !important;
	padding:0px !important;
	border:solid 0px !important;
	}
.webapplinks-submenu-sub li{
	margin:0px 0px 0px 0px !important;
	padding:0px;
	position:relative;
	}
.webapplinks-submenu-sub a{
	display:block;
	padding:10px 25px 10px 25px;
	border-bottom:solid 1px #ccc;
	font-weight:normal;
	}
.webapplinks-submenu-sub li a.active{color:#000 !important;}
.webapplinks-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;}

.webapplinks-submenu-sub-sub{
	width:100% !important;
	position:static !important;
	left:100% !important;
	top:0 !important;
	display:none;
	margin:0px !important;
	padding:0px !important;
	border:solid 0px !important;}
	
.webapplinks-submenu-sub-sub li{margin:0px 0px 0px 0px !important;}
.webapplinks-submenu-sub-sub a{
	display:block;
	color:#000;
	padding:10px 25px;
	background:#000 !important;
	border-bottom:solid 1px #ccc;
	font-weight:normal;
	}
.webapplinks-submenu-sub-sub li a.active{ color:#000 !important;}
.webapplinks-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;}
.webapplinks{position: relative;}

.webapplinks .webapplinks-list{
	height:100%;
	overflow-y:auto;
	display:block !important;}
	
.webapplinks .webapplinks-list li{
	display:block;
	float:none;
	border-right:none;
	background-color:#fff;
	position:relative;
	white-space:inherit;
	min-width:239px;}
	
.webapplinks .webapplinks-list li a{
	padding:12px 32px 12px 17px;
	font-size:15px;
	text-align:left;
	border-right:solid 0px;
	background-color:#fafafa;
	color:#666;
	line-height:25px;
	border-bottom:none !important;}
	
.webapplinks .webapplinks-list li a .fa{font-size: 17px; color:#737373;}
.webapplinks .webapplinks-list li a .arrow:after{ display:none !important; }
.webapplinks .webapplinks-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; }

.mobile-sub .webapplinks-submenu{
	display:none;
	position:relative !important;
	top:0px;
	background-color:#fff;
	border:solid 1px #fff;}
	
.mobile-sub .webapplinks-submenu li a{
	line-height:20px;
	height:36x;
	background-color:#fff !important;
	padding-left:18px;
	border-bottom:1px solid #fff !important;
	font-size: 15px !important;
	color:#8E8E8E;}
	
.mobile-sub .webapplinks-submenu li a:hover{background-color:rgba(0,0,0,0.1) !important;  color:#666 !important; }
.mobile-sub .webapplinks-submenu li:hover>a{ background-color:rgba(0,0,0,0.1) !important;  color:#666 !important; }
.mobile-sub .webapplinks-submenu li .webapplinks-submenu-sub li a{line-height:20px; height:36x; background-color:#fff !important; border-bottom:solid 1px #fff !important; padding-left:28px;}
.mobile-sub .webapplinks-submenu li .webapplinks-submenu-sub li .webapplinks-submenu-sub-sub li a{line-height:20px; height:36x; background-color:#fff !important; border-bottom:solid 1px #fff !important; padding-left:38px;} 
.mobile-sub .webapplinks-submenu li .webapplinks-submenu-sub li .webapplinks-submenu-sub-sub li a:hover{background-color:rgba(0,0,0,0.1) !important;  color:#666 !important;} 

.mrginleft{
	margin-left: 240px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

.webapplinks-list .megamenu{
	background-color:#fff;
	display:none;
	position:relative !important;
	top:0px;
	padding:0px;
	border:solid 0px;}
	
.webapplinks-list li:hover .megamenu{display:none; position:relative !important; top:0px; }

.megamenu ul{
	width:100% !important;
	margin:0px;
	padding:0px;
	font-size:13px !important;
	}
.megamenu ul li a{
	padding:9px 14px !important;
	line-height:normal !important;
	font-size:14px !important;
	background-color:#fff !important;}
	
.megamenu ul li a:hover{background-color:#000000 !important; }

.megamenu ul li.title{
	color:#999999;
	margin:0px;
	font-size:15px;
	padding:9px 13px !important;
	border-bottom:1px solid #fff;
	background-color:#fff !important;}
	
.form-main{ padding:25px 15px; }	
.buttondiv01{ margin-bottom:28px; }
.buttondiv02{ margin-bottom:28px; }
.halfdiv{ width:100%; display:block;}
.menu_form{ padding:15px 15px 63px 15px; background-color: #1a1a1a; }
.menu_form input[type="button"]{ width:46%; }
.menu_form input[type="submit"]{ width:46%; }	
.menu_form textarea{min-height:100px;}

.webapplinks {
	width:0px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	background-color: #fafafa;
	border-radius:0px;
	z-index:1000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

*/

/*Nav Expanding Open Effect*/
/*
.webapplinks.open {
	width:240px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;}
 
.webapplinks.close{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
 
.webapplinkscontent{z-index:2;}
 */
/* Navigation arrow Animation */

/*
.animated-arrow {
	position: absolute;
	left:0; top:0;}
	
.animated-arrow{
	cursor:pointer;
	padding:10px 35px 16px 0px;
	margin:18px 0px 0px 20px;
	}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
	cursor: pointer;
	height: 2px;
	width: 23px;
	background-color:#fff;
	position: absolute;
	display: block;
	content: '';}
	
.animated-arrow span:before{
	top: -6px;	}
	
.animated-arrow span:after {
	bottom: -6px;}
	
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
	transition: all 500ms ease-in-out;}
	
.animated-arrow.open span{
	background-color: transparent;}
	
.animated-arrow.open span:before, .animated-arrow.active span:after{
	top:6px;}
	
.animated-arrow.open span:before {
	transform: rotate(45deg);
	-moz-transform:  rotate(45deg);
	-ms-transform:  rotate(45deg);
	-o-transform:  rotate(45deg);
	-webkit-transform:  rotate(45deg);
	bottom:0px;	}
	
.animated-arrow.open span:after {
	transform: rotate(-45deg);
	-moz-transform:  rotate(-45deg);
	-ms-transform:  rotate(-45deg);
	-o-transform:  rotate(-45deg);
	-webkit-transform:  rotate(-45deg);
	}

.megamenu ul li.title{ color:#666 !important; }
.webapplinks-submenu{ padding:0px !important; }
.subheader { border-color:rgba(0, 0, 0, 0.20) !important;}
.webapplinks-list:last-child a{ border-radius:0 !important;}
.webapplinks-click i{color:rgba(0, 0, 0, 0.30) !important; }
.pop-up a span{ display:none !important; }
.buttoncolor{padding-top:19px !important; padding-bottom:19px !important;}
.pop-up li{ width:25% !important; }
.pop-up{ height:191px; width:86%;}
*/


/*Colors*/
.red .webapplinks-list li a{ background-color:#f44336 !important; color:#fff !important;}
.red .webapplinks-list li a .fa{color:#fff !important;}
.red .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.red .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.red .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.red .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.red .webapplinks-submenu li a:hover{ color:#666 !important; }
.red .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.red .megamenu ul li a:hover{color:#666 !important;}

.pink .webapplinks-list li a{ background-color:#e91e63 !important; color:#fff !important;}
.pink .webapplinks-list li a .fa{color:#fff !important;}
.pink .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.pink .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.pink .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.pink .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.pink .webapplinks-submenu li a:hover{ color:#666 !important; }
.pink .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.pink .megamenu ul li a:hover{color:#666 !important;}


.purple .webapplinks-list li a{ background-color:#9c27b0 !important; color:#fff !important;}
.purple .webapplinks-list li a .fa{color:#fff !important;}
.purple .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.purple .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.purple .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.purple .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.purple .webapplinks-submenu li a:hover{ color:#666 !important; }
.purple .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.purple .megamenu ul li a:hover{color:#666 !important;}
 
.deep-purple .webapplinks-list li a{ background-color:#673ab7 !important; color:#fff !important;}
.deep-purple .webapplinks-list li a .fa{color:#fff !important;}
.deep-purple .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.deep-purple .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.deep-purple .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.deep-purple .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.deep-purple .webapplinks-submenu li a:hover{ color:#666 !important; }
.deep-purple .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.deep-purple .megamenu ul li a:hover{color:#666 !important;}

.indigo .webapplinks-list li a{ background-color:#3f51b5 !important; color:#fff !important;}
.indigo .webapplinks-list li a .fa{color:#fff !important;}
.indigo .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.indigo .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.indigo .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.indigo .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.indigo .webapplinks-submenu li a:hover{ color:#666 !important; }
.indigo .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.indigo .megamenu ul li a:hover{color:#666 !important;}


.blue .webapplinks-list li a{ background-color:#2196f3 !important; color:#fff !important;}
.blue .webapplinks-list li a .fa{color:#fff !important;}
.blue .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.blue .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.blue .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.blue .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.blue .webapplinks-submenu li a:hover{ color:#666 !important; }
.blue .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.blue .megamenu ul li a:hover{color:#666 !important;}

.light-blue .webapplinks-list li a{ background-color:#03a9f4 !important; color:#fff !important;}
.light-blue .webapplinks-list li a .fa{color:#fff !important;}
.light-blue .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.light-blue .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.light-blue .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.light-blue .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.light-blue .webapplinks-submenu li a:hover{ color:#666 !important; }
.light-blue .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.light-blue .megamenu ul li a:hover{color:#666 !important;}

.cyan .webapplinks-list li a{ background-color:#00bcd4 !important; color:#fff !important;}
.cyan .webapplinks-list li a .fa{color:#fff !important;}
.cyan .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.cyan .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.cyan .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.cyan .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.cyan .webapplinks-submenu li a:hover{ color:#666 !important; }
.cyan .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.cyan .megamenu ul li a:hover{color:#666 !important;}

.teal .webapplinks-list li a{ background-color:#009688 !important; color:#fff !important;}
.teal .webapplinks-list li a .fa{color:#fff !important;}
.teal .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.teal .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.teal .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.teal .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.teal .webapplinks-submenu li a:hover{ color:#666 !important; }
.teal .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.teal .megamenu ul li a:hover{color:#666 !important;}

.green .webapplinks-list li a{ background-color:#4caf50 !important; color:#fff !important;}
.green .webapplinks-list li a .fa{color:#fff !important;}
.green .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.green .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.green .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.green .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.green .webapplinks-submenu li a:hover{ color:#666 !important; }
.green .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.green .megamenu ul li a:hover{color:#666 !important;}

.light-green .webapplinks-list li a{ background-color:#8bc34a !important; color:#fff !important;}
.light-green .webapplinks-list li a .fa{color:#fff !important;}
.light-green .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.light-green .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.light-green .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.light-green .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.light-green .webapplinks-submenu li a:hover{ color:#666 !important; }
.light-green .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.light-green .megamenu ul li a:hover{color:#666 !important;}

.lime .webapplinks-list li a{ background-color:#cddc39 !important; color:#666 !important;}
.lime .webapplinks-list li a .fa{color:#666 !important;}
.lime .webapplinks-list li{ background-color:transparent !important; color:#666 !important; }
.lime .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.lime .webapplinks-list li a:hover{background-color:transparent !important;  color:#666 !important;}	
.lime .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.lime .webapplinks-submenu li a:hover{ color:#666 !important; }
.lime .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.lime .megamenu ul li a:hover{color:#666 !important;}

.yellow .webapplinks-list li a{ background-color:#ffeb3b !important; color:#666 !important;}
.yellow .webapplinks-list li a .fa{color:#666 !important;}
.yellow .webapplinks-list li{ background-color:transparent !important; color:#666 !important; }
.yellow .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.yellow .webapplinks-list li a:hover{background-color:transparent !important;  color:#666 !important;}	
.yellow .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.yellow .webapplinks-submenu li a:hover{ color:#666 !important; }
.yellow .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.yellow .megamenu ul li a:hover{color:#666 !important;}


.amber .webapplinks-list li a{ background-color:#ffc107 !important; color:#424242 !important;}
.amber .webapplinks-list li a .fa{color:#424242 !important;}
.amber .webapplinks-list li{ background-color:transparent !important; color:#424242 !important; }
.amber .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.amber .webapplinks-list li a:hover{background-color:transparent !important;  color:#666 !important;}	
.amber .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.amber .webapplinks-submenu li a:hover{ color:#666 !important; }
.amber .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.amber .megamenu ul li a:hover{color:#666 !important;}


.orange .webapplinks-list li a{ background-color:#ff9800  !important; color:#424242 !important;}
.orange .webapplinks-list li a .fa{color:#424242 !important;}
.orange .webapplinks-list li{ background-color:transparent !important; color:#424242 !important; }
.orange .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.orange .webapplinks-list li a:hover{background-color:transparent !important;  color:#666 !important;}	
.orange .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.orange .webapplinks-submenu li a:hover{ color:#666 !important; }
.orange .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.orange .megamenu ul li a:hover{color:#666 !important;}


.deep-orange .webapplinks-list li a{ background-color:#ff5722 !important; color:#fff !important;}
.deep-orange .webapplinks-list li a .fa{color:#fff !important;}
.deep-orange .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.deep-orange .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.deep-orange .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.deep-orange .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.deep-orange .webapplinks-submenu li a:hover{ color:#666 !important; }
.deep-orange .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.deep-orange .megamenu ul li a:hover{color:#666 !important;}

.brown .webapplinks-list li a{ background-color:#795548 !important; color:#fff !important;}
.brown .webapplinks-list li a .fa{color:#fff !important;}
.brown .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.brown .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.brown .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.brown .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.brown .webapplinks-submenu li a:hover{ color:#666 !important; }
.brown .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.brown .megamenu ul li a:hover{color:#666 !important;}

.blue-grey .webapplinks-list li a{ background-color:#607d8b !important; color:#fff !important;}
.blue-grey .webapplinks-list li a .fa{color:#fff !important;}
.blue-grey .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.blue-grey .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.blue-grey .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.blue-grey .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.blue-grey .webapplinks-submenu li a:hover{ color:#666 !important; }
.blue-grey .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.blue-grey .megamenu ul li a:hover{color:#666 !important;}


.black .webapplinks-list li a{ background-color:#1A1A1A !important; color:#fff !important;}
.black .webapplinks-list li a .fa{color:#ccc !important;}
.black .webapplinks-list li{ background-color:transparent !important; color:#fff !important; }
.black .webapplinks-list li a .webapplinks-submenu{background-color:#fff !important; color:#000 !important;}
.black .webapplinks-list li a:hover{background-color:transparent !important;  color:#fff !important;}	
.black .webapplinks-submenu li a{ background-color:#fff !important; color:#666 !important; }
.black .webapplinks-submenu li a:hover{ color:#666 !important; background-color:#ddd !important; }
.black .megamenu ul li a{background-color:#fff !important; color:#666 !important;}
.black .megamenu ul li a:hover{color:#666 !important; background-color:#ddd !important;}
.black .webapplinks-click i{color:#ccc !important; }
.grey{ display:none !important; }


}




/*Desktop Color*/


.lime{color:#4a4a4a !important; }
.yellow{color:#4a4a4a !important; }
.amber{color:#4a4a4a !important; }

.red{background-color:#f44336 !important;} 
.red ul li a{color:#fff;}
.red .buttondiv02 .subbutton{background-color:#f44336 !important;}
.red .buttondiv01 .subbutton{background-color:#f44336 !important;}
.red .bar:before, .red .bar:after{background:#f44336 !important;}
.red textarea:focus ~ label, .red textarea:valid ~ label{ color:#f44336 !important; }
.red input:focus ~ label, .red textarea:valid ~ label{ color:#f44336 !important; }


.pink{background-color:#e91e63 !important;} 
.pink ul li a{color:#fff;}
.pink .buttondiv02 .subbutton{background-color:#e91e63 !important;}
.pink .buttondiv01 .subbutton{background-color:#e91e63 !important;}
.pink .bar:before, .pink .bar:after{background:#e91e63 !important;}
.pink textarea:focus ~ label, .pink textarea:valid ~ label{ color:#e91e63 !important; }
.pink input:focus ~ label, .pink textarea:valid ~ label{ color:#e91e63 !important; }

.purple{background-color:#9c27b0 !important; }
.purple ul li a{color:#fff;}
.purple .buttondiv02 .subbutton{background-color:#9c27b0 !important;}
.purple .buttondiv01 .subbutton{background-color:#9c27b0 !important;}
.purple .bar:before, .purple .bar:after{background:#9c27b0 !important;}
.purple textarea:focus ~ label, .purple textarea:valid ~ label{ color:#9c27b0 !important; }
.purple input:focus ~ label, .purple textarea:valid ~ label{ color:#9c27b0 !important; }

.deep-purple{background-color:#673ab7 !important;} 
.deep-purple ul li a{color:#fff;}
.deep-purple .buttondiv02 .subbutton{background-color:#673ab7 !important;}
.deep-purple .buttondiv01 .subbutton{background-color:#673ab7 !important;}
.deep-purple .bar:before, .deep-purple .bar:after{background:#673ab7 !important;}
.deep-purple textarea:focus ~ label, .deep-purple textarea:valid ~ label{ color:#673ab7 !important; }
.deep-purple input:focus ~ label, .deep-purple textarea:valid ~ label{ color:#673ab7 !important; }


.indigo{background-color:#3f51b5 !important;}
.indigo ul li a{color:#fff;}
.indigo .buttondiv02 .subbutton{background-color:#3f51b5 !important;}
.indigo .buttondiv01 .subbutton{background-color:#3f51b5 !important;}
.indigo .bar:before, .indigo .bar:after{background:#3f51b5 !important;}
.indigo textarea:focus ~ label, .indigo textarea:valid ~ label{ color:#3f51b5 !important; }
.indigo input:focus ~ label, .indigo textarea:valid ~ label{ color:#3f51b5 !important; }

.blue {background-color:#2196f3 !important; }
.blue ul li a{color:#fff ;}
.blue .buttondiv02 .subbutton{background-color:#2196f3 !important;}
.blue .buttondiv01 .subbutton{background-color:#2196f3 !important;}
.blue .bar:before, .blue .bar:after{background:#2196f3 !important;}
.blue textarea:focus ~ label, .blue textarea:valid ~ label{ color:#2196f3 !important; }
.blue input:focus ~ label, .blue textarea:valid ~ label{ color:#2196f3 !important; }

.light-blue{background-color:#03a9f4 !important; }
.light-blue ul li a{color:#fff ;}
.light-blue .buttondiv02 .subbutton{background-color:#03a9f4 !important;}
.light-blue .buttondiv01 .subbutton{background-color:#03a9f4 !important;}
.light-blue .bar:before, .light-blue .bar:after{background:#03a9f4 !important;}
.light-blue textarea:focus ~ label, .light-blue textarea:valid ~ label{ color:#03a9f4 !important; }
.light-blue input:focus ~ label, .light-blue textarea:valid ~ label{ color:#03a9f4 !important; }

.cyan{background-color:#00bcd4 !important; }
.cyan ul li a{color:#fff;}
.cyan .buttondiv02 .subbutton{background-color:#00bcd4 !important;}
.cyan .buttondiv01 .subbutton{background-color:#00bcd4 !important;}
.cyan .bar:before, .cyan .bar:after{background:#00bcd4 !important;}
.cyan textarea:focus ~ label, .cyan textarea:valid ~ label{ color:#00bcd4 !important; }
.cyan input:focus ~ label, .cyan textarea:valid ~ label{ color:#00bcd4 !important; }

.teal{background-color:#009688 !important;}
.teal ul li a{color:#fff;}
.teal .buttondiv02 .subbutton{background-color:#009688 !important;}
.teal .buttondiv01 .subbutton{background-color:#009688 !important;}
.teal .bar:before, .teal .bar:after{background:#009688 !important;}
.teal textarea:focus ~ label, .teal textarea:valid ~ label{ color:#009688 !important; }
.teal input:focus ~ label, .teal textarea:valid ~ label{ color:#009688 !important; }

.green{background-color:#4caf50 !important; }
.green ul li a{color:#fff;}
.green .buttondiv02 .subbutton{background-color:#4caf50 !important;}
.green .buttondiv01 .subbutton{background-color:#4caf50 !important;}
.green .bar:before, .green .bar:after{background:#4caf50 !important;}
.green textarea:focus ~ label, .green textarea:valid ~ label{ color:#4caf50 !important; }
.green input:focus ~ label, .green textarea:valid ~ label{ color:#4caf50 !important; }

.light-green{background-color:#8bc34a !important;}
.light-green ul li a{color:#fff;}
.light-green .buttondiv02 .subbutton{background-color:#8bc34a !important;}
.light-green .buttondiv01 .subbutton{background-color:#8bc34a !important;}
.light-green .bar:before, .light-green .bar:after{background:#8bc34a !important;}
.light-green textarea:focus ~ label, .light-green textarea:valid ~ label{ color:#8bc34a !important; }
.light-green input:focus ~ label, .light-green textarea:valid ~ label{ color:#8bc34a !important; }

.lime{background-color:#cddc39 !important; }
.lime ul li a{color:#4a4a4a;}
.lime ul li a:hover{ color:#000 !important; }
.lime ul li:hover > a{ color:#000 !important; }
.lime li a .arrow:after{ border-top-color:#666 !important; }
.lime .buttondiv02 .subbutton{background-color:#cddc39 !important; color:#666;}
.lime .buttondiv01 .subbutton{background-color:#cddc39 !important; color:#666;}
.lime .bar:before, .lime .bar:after{background:#cddc39 !important; }
.lime textarea:focus ~ label, .lime textarea:valid ~ label{ color:#AAB421 !important; }
.lime input:focus ~ label, .lime textarea:valid ~ label{ color:#AAB421 !important; }

.yellow{background-color:#ffeb3b !important;}
.yellow ul li a{color:#4a4a4a;}
.yellow ul li a:hover{ color:#000 !important; }
.yellow ul li:hover > a{ color:#000 !important; }
.yellow li a .arrow:after{ border-top-color:#4a4a4a !important; }
.yellow .buttondiv02 .subbutton{background-color:#ffeb3b !important; color:#666 !important;}
.yellow .buttondiv01 .subbutton{background-color:#ffeb3b !important; color:#666 !important;}
.yellow .bar:before, .yellow .bar:after{background-color:#ffeb3b !important;}
.yellow textarea:focus ~ label, .yellow textarea:valid ~ label{ color:#B7A50F !important; }
.yellow input:focus ~ label, .yellow textarea:valid ~ label{ color:#B7A50F !important; }


.amber{background-color:#ffc107 !important;}
.amber ul li a{color:#4a4a4a;}
.amber ul li a:hover{ color:#000 !important; }
.amber ul li:hover > a{ color:#000 !important; }
.amber li a .arrow:after{ border-top-color:#666 !important; }
.amber .buttondiv02 .subbutton{background-color:#ffc107 !important;}
.amber .buttondiv01 .subbutton{background-color:#ffc107 !important;}
.amber .bar:before, .amber .bar:after{background:#ffc107 !important;}
.amber textarea:focus ~ label, .amber textarea:valid ~ label{ color:#ffc107 !important; }
.amber input:focus ~ label, .amber textarea:valid ~ label{ color:#ffc107 !important; }

.orange{background-color:#ff9800 !important;}
.orange ul li a{color:#fff;}
.orange .buttondiv02 .subbutton{background-color:#ff9800 !important;}
.orange .buttondiv01 .subbutton{background-color:#ff9800 !important;}
.orange .bar:before, .orange .bar:after{background:#ff9800 !important;}
.orange textarea:focus ~ label, .orange textarea:valid ~ label{ color:#ff9800 !important; }
.orange input:focus ~ label, .orange textarea:valid ~ label{ color:#ff9800 !important; }

.deep-orange{background-color:#ff5722 !important;}
.deep-orange ul li a{color:#fff;}
.deep-orange .buttondiv02 .subbutton{background-color:#ff5722 !important;}
.deep-orange .buttondiv01 .subbutton{background-color:#ff5722 !important;}
.deep-orange .bar:before, .deep-orange .bar:after{background:#ff5722 !important;}
.deep-orange textarea:focus ~ label, .deep-orange textarea:valid ~ label{ color:#ff5722 !important; }
.deep-orange input:focus ~ label, .deep-orange textarea:valid ~ label{ color:#ff5722 !important; }

.brown{background-color:#795548 !important;}
.brown ul li a{color:#fff;}
.brown .buttondiv02 .subbutton{background-color:#795548 !important;}
.brown .buttondiv01 .subbutton{background-color:#795548 !important;}
.brown .bar:before, .brown .bar:after{background:#795548 !important;}
.brown textarea:focus ~ label, .brown textarea:valid ~ label{ color:#795548 !important; }
.brown input:focus ~ label, .brown textarea:valid ~ label{ color:#795548 !important; }

.white{background-color:#fff !important; color:#666 !important;}
.white ul li a{color:#666 !important;}
.white li a .arrow:after{ border-top-color:#4a4a4a !important; }
.white .buttondiv02 .subbutton{background-color:#ccc !important; color:#666 !important;}
.white .buttondiv01 .subbutton{background-color:#ccc !important; color:#666 !important;}
.white .bar:before, .white .bar:after{background-color:#424242 !important;}
.white textarea:focus ~ label, .white textarea:valid ~ label{ color:#424242 !important; }
.white input:focus ~ label, .white textarea:valid ~ label{ color:#424242 !important; }


.blue-grey{background-color:#607d8b !important; }
.blue-grey ul li a{color:#fff;}
.blue-grey .buttondiv02 .subbutton{background-color:#607d8b !important;}
.blue-grey .buttondiv01 .subbutton{background-color:#607d8b !important;}
.blue-grey .bar:before, .blue-grey .bar:after{background:#607d8b !important;}
.blue-grey textarea:focus ~ label, .blue-grey textarea:valid ~ label{ color:#607d8b !important; }
.blue-grey input:focus ~ label, .blue-grey textarea:valid ~ label{ color:#607d8b !important; }

.black{background-color:#1A1A1A !important;}
.black ul li a{color:#fff;}
.black .buttondiv02 .subbutton{background-color:#1A1A1A !important;}
.black .buttondiv01 .subbutton{background-color:#1A1A1A !important;}
.black .bar:before, .black .bar:after{background:#1A1A1A !important;}
.black textarea:focus ~ label, .black textarea:valid ~ label{ color:#1A1A1A !important; }
.black input:focus ~ label, .black textarea:valid ~ label{ color:#1A1A1A !important; }


 #djiPriceAlert{
 	background: rgba(0,0,0,.9);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	color:#fff;
	display:none;
	font-family: Verdana, Arial, sans-serif;
 }
 
 #djiPriceAlert .main-panel{
	 margin:200px auto;
	 font-family: Verdana, Arial, sans-serif;
 }
 
 #djiPriceAlert .main-panel a{
	 color:#ff0000;
 }
 
 
 #djiPriceAlert h1{
	 color:#fff;
 	font-size:32pt;
	font-family: Verdana, Arial, sans-serif;
 }