@font-face{
    font-family:icon-font;
    src:url(../fonts/icon-font.eot);
    src:url(../fonts/icon-font.eot?#iefix) format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf) format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg')
}
.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{
    font-family:icon-font;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    text-decoration:none;
    text-transform:none;
    vertical-align:top;
}
.icon-desktop:before{
    content:"\E001";
}
.icon-menu-close:before{
    content:"\E002";
}
.icon-menu:before{
    content:"\E003";
}
.icon-mobile:before{
    content:"\E004";
}
.icon-submenu-down:before{
    content:"\E005";
}
.icon-submenu-right:before{
    content:"\E006";
}
.icon-world:before{
    content:"\E007";
}
body{
    padding-top:4.4rem
}
header{
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:901;
    padding-left:10px;
    line-height:4.4rem;
    background:#1d70b9;
    color:#A69A94;
}
header h1{
    margin:0;
    font-size:1.7rem;
    line-height:4.4rem;
}
header h1:before{
    content:"\E004";
    margin-right:8px
}
.nav-button,.nav-close{
    position:fixed;
    top:0;
    width:2.4rem;
    height:4.4rem;
    overflow:hidden;
    z-index:902;
    cursor:pointer;
    text-decoration:none;
    line-height:4.4rem;
    background:#1d70b9;
    color:#A69A94;
}
.nav-button:before,.nav-close:before{
    display:block;
    text-align:center;
}
.nav-button{
    display:block;
    right: 13px;
    font-size:1.7rem;
}
.nav-button:before{
	content: "\E003";
    color: #FFFFFF;
    font-size: 34px;
    margin-top: 7px;
}
.nav-close{
    display:none;
    right:4rem;
    font-size:1.9rem;
}
.nav-close:before{
    content:"\E002";
}
.nav{
    padding-top: 5.1rem;
    line-height:4.5rem;
    color:#A69A94;
}
.nav ul{
    background: #1d70b9;
	margin-top: 13px;
}
.nav ul ul{
    background:#FFFFFF;
}

.nav ul ul li{
    color:#1d70b9;
}

.nav ul ul ul{
}
.nav ul ul ul ul{
}
.nav ul ul ul ul ul{
}
.nav li{
    cursor:pointer;	
	border-top: 1px solid #0066c0;
}

/*For Investor link */


.nav li.nav-active>a,.nav li:hover>a {
    color:#FFFFFF;
    background: #0a4c87;
}
.nav .nav-submenu>ul {
    margin-left: 0px;
    margin-top: 0;
}
.nav .nav-submenu>a { 
    padding-right:30px!important;
}
.nav a,.nav a:active,.nav a:hover,.nav a:visited {
    padding:1px 10px;
    color: #ffffff;
    text-decoration:none;
	text-transform: uppercase;
}

.nav.nav ul li.nav-submenu ul li >a {
	color: #FFFFFF;
	line-height: 4.4rem;
	font-size: 11px;
	background: #1d70b9;
}

.nav.nav ul li.nav-submenu ul li >a:hover {
	color: #EEEEEE;
	background: #0066c0;
}
.nav .nav-submenu>a:after{
    position:absolute;
    display:block;
    right:10px;
    top:1px;
    content:"\E005";
}

.nav.nav ul li.nav-submenu ul.brands h2,
.nav.nav ul li.nav-submenu ul.categories h2 {
	display: none;
} 

@media only screen and (min-width: 1171px) {		
    .nav-button{
        display:none;
    }	
}
@media only screen and (min-width: 1170px) {
	
    body{
        padding:0!important;
    }

	header h1:before{
        content:"\E001";
    }
    .nav{
        padding:0!important;
		background: #ff0000;
    }
	
	.nav ul {	
		margin-top: 0px;
		background: #004eff;
		margin-left: 235px;
	}

	.nav>ul>li.investors {
		display: none;
	}
	
    .nav>ul>li{
		border-top: none;
		background: #ff0000;
		margin-right: -5px;
		padding-left: 5px;
		padding-right: 12px;
    }
	
    .nav li>ul{
        box-shadow:0 0 5px 0 rgba(0,0,0,.75);
    }
	
    .nav ul ul ul{
        border-radius:0 6px 6px;
    }
	
    .nav ul ul ul li:first-child{
        border-top:none;
    }
	
    .nav .nav-left>ul{
        border-radius:6px 0 6px 6px;
    }
	
    .nav .nav-submenu li{
        min-width:110px;
		padding-left: 10px;
    }
	
    .nav .nav-submenu>ul{
        margin: 0;
		width: 265px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,cecccc+100 */
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top, #fefefe 0%, #cecccc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fefefe 0%,#cecccc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fefefe 0%,#cecccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cecccc',GradientType=0 ); /* IE6-9 */
    }
	
	.nav .nav-submenu>a { 
    padding-right:0px!important;
	}
	
   .nav>ul>.nav-submenu>a:after{
        content:"\E005";
	    display: none;   
    }
	
	.nav.nav ul li>a span img {
		margin-left: 3px;
		margin-right: -15px;	
	}
	
	.nav .nav-submenu ul li>a span img {
		margin-left: 3px;
		margin-right: -13px;
	}
	
	.nav>ul>.nav-submenu> li{
		border-right: 1px solid #ffffff;
	}
	
    .nav .nav-submenu>a:after{
        content:"\E006";
    }
	
	.nav.nav ul li.nav-submenu ul li >a {
		line-height: 2.4rem;
		font-size: 12px;
		background: none;
	}
	
	.nav.nav ul li.nav-submenu ul li >a.line-change {
		line-height: 1.6rem;
		font-size: 12px;
		background: none;
	}

	.nav.nav ul li.nav-submenu ul li >a:hover { 
		color: #1d70b9;
	}
	
	.nav a, .nav a:active, .nav a:hover, .nav a:visited {
		padding: 1px 1px;
		color: #ffffff;
		text-decoration: none;
		text-transform: none;
		font-size: 13px !important;
	}
	
	.button.disabled {
    	top: -27px !important;
	}

	/* desktop Menu */
	
	.nav li {
		cursor: pointer;
		border-top: none;
	}
	
	.nav li.nav-active>a,.nav li:hover>a{
		background: none;
	}
	
	.nav.nav ul li.nav-submenu ul.brands{
		width: 925px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,cecccc+100 */
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top, #fefefe 0%, #cecccc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fefefe 0%,#cecccc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fefefe 0%,#cecccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cecccc',GradientType=0 ); /* IE6-9 */
	}
	
	.nav.nav ul li.nav-submenu ul li >a {
		color: #737373; 
	}	
	.nav.nav ul li.nav-submenu ul li >a:hover {
		color: #1D70B9; 
		background: #FFFFFF;
	}					
	
	.nav.nav ul li.nav-submenu ul.brands div { 
		width: 25%; 
		padding: 20px 0px; 
		margin: 0px; 
		float: left;
		border-right: 1px solid #CCCCCC;
		background: none;
	}
	
	.nav.nav ul li.nav-submenu ul.categories div { 
		width: 98%; 
		padding: 20px 0px; 
		margin: 0px; 
		float: left;
		background: none;
	}
	
	.nav.nav ul li.nav-submenu ul.brands h2,
	.nav.nav ul li.nav-submenu ul.categories h2{
		font-size: 16px;
		font-weight: bold;
		padding: 5px;
		margin: 5px;
		border-bottom: 1px solid #CCCCCC;
		display: block;
		color: #1D70B9; 
		
	}
	.button.disabled {
		position:relative;
		right: 0px;
		top: 0px;
		width: 100%;
	}
	.button.disabled {
		position: absolute !important;
   	 	right: -77px !important;
    	top: -28px !important;
		width: auto !important;
	}
}

	.nav a, .nav a:active, .nav a:hover, .nav a:visited {
		font-size: 12px;
	}

.button {
  -webkit-transition: box-shadow 0.15s  ;
  -moz-transition: box-shadow 0.15s  ;
  -ms-transition: box-shadow 0.15s  ;
  -o-transition: box-shadow 0.15s  ;
  transition: box-shadow 0.15s  ;
  border: 1px solid #b2afa5;
  border-color: #e1e0dc #c9c8c1 #b2afa5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.439);
  background: -webkit-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: -moz-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: -ms-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: -o-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: linear-gradient(top, #f6f5f0, #e1e0dc);
  -pie-background: linear-gradient(top, #f6f5f0, #e1e0dc);
  color: #6b635b;
  -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
  -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
  -ms-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
  -o-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
  box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0;
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  cursor: pointer;
  font-size: 20px;
  line-height: normal;
  text-align: center;
  padding: 8px 15px !important;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}


.button.disabled {
    color: #00b900;
    border: 1px solid #00b900;
    cursor: auto;
    text-shadow: white 0 1px 0;
    -webkit-box-shadow: white 0 1px 0 0 inset;
    -moz-box-shadow: white 0 1px 0 0 inset;
    -ms-box-shadow: white 0 1px 0 0 inset;
    -o-box-shadow: white 0 1px 0 0 inset;
    box-shadow: white 0 1px 0 0 inset;
	position: relative;
	right: 0px;
	top: 0px;
	width: 100%;
}


.in-progress {
  text-shadow: none;
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -webkit-linear-gradient(top, #b2f7b2, #b2f7b2);
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -moz-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -ms-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -o-linear-gradient(top, #f6f5f0, #e1e0dc);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc);
  -pie-background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc);
  background-repeat: repeat;
  -webkit-background-size: 40px 40px, 100% 100%;
  -moz-background-size: 40px 40px, 100% 100%;
  -ms-background-size: 40px 40px, 100% 100%;
  -o-background-size: 40px 40px, 100% 100%;
  background-size: 40px 40px, 100% 100%;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}

@-moz-keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}

@keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}


