@charset "utf-8";
/* CSS Document */
.header-div{
	background: rgba(0,0,0,.8);
	height:auto;
	width:100%;
	position:fixed;
	z-index:500;
	max-height:100px;
}
.header-div .header-top-div{
	background:#02071A;
	height:40px;
}
.header-div .header-top-div .div-in{
	width:85%;
	margin:auto;
}
.header-div .header-top-div .div-in .logo-div{
	width:100px;
	padding:10px;
	height:auto;
	float:left;
	border-radius:0px 0px 5px 5px;
	background:#02071A;
}
.header-div .header-top-div .div-in .logo-div img{
	width:100%;
	border-radius:5px;
}

.header-div .header-top-div .div-in .contact{
	margin:5px 0px 5px 0px;
	border-right:rgba(255,255,255,.3) 1px solid;
	height:30px;
	line-height:30px;
	color:#FFF;
	text-align:center;
	padding:0px 10px 0px 10px;
	float:left;
}
.header-div .header-top-div .div-in .contact i{
	color:#F8AE1B;
	font-size:20px;
}
.header-div .header-top-div li{
	height:30px;
	padding-top:10px;
	width:40px;
	text-align:center;
	border-right:rgba(255,255,255,.3) 1px solid;
	border-left:rgba(255,255,255,.3) 1px solid;
	line-height:20px;
	font-size:20px;
	color:#F8AE1B;
	float:right;
	list-style:none;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.header-div .header-top-div li:hover{
	background:#F8AE1B;
	color:#02071A;
}

.header-div .header-top-div .li{
	display:none;
}



.header-div .nav-div-right{
	height:60px;
	background:rgba(251,173,25,.8);
	float:right;
	width:30%;

}
.header-div .nav-div-right:before{
	position:absolute;
	right:30%;
	content:"";
	width:0px;
	height:0px;
	border-top:60px solid rgba(251,173,25,.8);
	border-left:60px solid transparent;
	float:right;
}

.header-div .nav-div-right .nav-div-right-in{
	width:75%;
	float:left
}

.header-div .nav-div-right .nav-div-right-in .btn{
	width:98px;
	height:40px;
	border:none;
	background:rgba(255,255,255,.3);
	color:#FFF;
    font-family: body_text;
	float:right;
	margin-top:10px;
	margin-right:5px;
	border-radius:3px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
	font-weight:bold;
}
.header-div .nav-div-right .nav-div-right-in .black-blue{
	background:rgba(2,7,26,.5);
}
.header-div .nav-div-right .nav-div-right-in .btn:hover{
	background:#02071A;
}
.header-div .nav-div-right .nav-div-right-in .cart-div{
	border-radius:5px;
	color:#FFF;
	float:right;
	margin:10px 0px 0px 10px;
	width:40px;
	height:30px;
	padding-top:10px;
	line-height:40px;
	text-align:center;
	list-style:none;
	font-size:20px;
	background:rgba(255,255,255,.3);
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.header-div .nav-div-right .nav-div-right-in .cart-div:hover{
	background:rgba(255,255,255,.7);
}

.header-div .nav-div-right .nav-div-right-in .cart-div .cart-num{
	width:20px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:#FFF;
	background:#F00;
	border-radius:100%;
	margin-top:-43px;
	position:absolute;
	margin-left:20px;
}







.header-div .nav-div-left{
	height:60px;
	float:right;
	width:53%;
}
.header-div .nav-div-left ul{
	float:left;
	margin:0px;
	padding:0px;
}
.header-div .nav-div-left ul li{
	height:60px;
	line-height:60px;
	float:left;
	list-style:none;
	color:#FFF;
	padding:0px 10px 0px 10px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.header-div .nav-div-left ul li:hover, .header-div .nav-div-left ul .active-li{
	background:rgba(255,255,255,.5);
	border-bottom:#F8AE1B 2px solid; 
}

@media all and (max-width:1270px) {
.header-div .header-top-div .div-in{
	width:96%;
}
.header-div .nav-div-right .nav-div-right-in{
	width:95%;
}
}
@media all and (max-width:940px) {
.header-div .header-top-div .div-in .logo-div{
	width:60px;
}
.header-div .nav-div-left{
	width:58%;
}
}
@media all and (max-width:900px) {
.header-div .nav-div-left{
	display:none;
}
.header-div .nav-div-right{
	width:80%;
}
.header-div .nav-div-right:before{
	right:80%;
}
}
@media all and (max-width:770px) {
.header-div .nav-div-right{
	width:70%;
}
.header-div .nav-div-right:before{
	right:70%;
}
}
@media all and (max-width:750px) {
.header-div .header-top-div .div-in .email{
	display:none;
}
}

@media all and (max-width:500px) {
.header-div .nav-div-right{
	width:80%;
	background:none;
}
.header-div .nav-div-right:before{
	display:none;
}
}
@media all and (max-width:450px) {
.header-div .nav-div-right{
	width:70%;
}
.header-div .nav-div-right .nav-div-right-in .btn{
	display:none;
}
.header-div .header-top-div .div-in .contact{
	display:none;
}
.header-div .header-top-div .li{
	display:block;
}
.header-div .header-top-div .linkedin, .header-div .header-top-div .twitter{
	display:none;
}
.header-div .header-top-div .div-in .contact{
	border-right:none;
}
}













#expand:before{
	content:"";
	width:0px;
	height:0px;
	border:15px solid;
	border-color:  transparent  transparent  #F4F4F4 transparent;
	position: absolute;
	top:75px;
	opacity:0;
	z-index:1;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}

#expand .sub-nav-div{
	position:absolute;
	width:100%;
	min-height:200px;
	background:#F4F4F4;
	left:0px;	
	display:none;
	border:#CCC 1px solid;
	border-top:#F8AE1B 1px solid;
	text-align:center;
	color:#666;
	padding:30px 0px 20px 0px;
}#expand .sub-nav-div .div-in{
	width:80%;
	margin:auto;
}
#expand:hover:before{
	opacity:1;
}
#expand:hover .sub-nav-div{
	display:block;
}



#expand .sub-nav-div .div-in ul{
	width:28%;
	display:inline-block;
	vertical-align:top;
	height:auto;
	padding:0px;
	margin:0px 3% 0px 2%;
}
#expand .sub-nav-div .div-in ul li{
	width:80%;
	border-bottom:#666 1px solid;
	border-right: none;
	height:50px;
	line-height:50px;
	padding:0px 10% 0px 10%;
	list-style:none;
	text-align:left;
	margin:0px;
	color:#666;
}
#expand .sub-nav-div .div-in ul li:hover{
	color:#FFF;
	background:#02071A;
}
#expand .sub-nav-div .div-in ul .active-li{
	color:#FFF;
}



#expand .sub-nav-div .div-in .nav-text-div{
	width:66%;
	display:inline-block;
	vertical-align:top;
	height:auto;
	padding:0px;
	margin:0px;
	line-height:none;
}
#expand .sub-nav-div .div-in .third-half{
	width:33%;
}
#expand .sub-nav-div .div-in .nav-text-div .img-div{
	padding:10px;
	margin:10px;
	background:#FFF;
	border-radius:4px;
}
#expand .sub-nav-div .div-in .nav-text-div .img-div img{
	width:100%;
}


#expand .sub-nav-div .div-in .nav-text-div .text-div{
	text-align:left;
	margin:10px;
	line-height:24px;
}
#expand .sub-nav-div .div-in .nav-text-div .text-div h2{
	font-size:20px;
	padding:0px;
	margin:0px;
	line-height:30px;
}
#expand .sub-nav-div .div-in .nav-text-div .text-div hr{
    width: 150px;
	border:none;
    border-bottom: 3px solid #02071A;
	float:left;
	margin:0px;
	padding:0px;
}

#expand .sub-nav-div .div-in .nav-text-div .text-div .btn{
	border:1px solid #F8AE1B;
	background:none;
	margin-top:10px;
	height:40px;
	min-width:120px;
	color:#F8AE1B;
	padding:0px 10px 0px 10px;
    font-family: body-font;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
#expand .sub-nav-div .div-in .nav-text-div .text-div .btn:hover{
	text-decoration:underline;
	border:1px solid #02071A;
	background:#FFF;
	color:#02071A;
}









.menu-div, .user{
	display:none;
}
@media screen and (max-width:900px){
.menu-div{
	display:block;
}
}
@media screen and (max-width:450px){
.user{
	display:block;
}
}












































.sidenavdiv{
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,.5);
	z-index:600;
	margin-left:-100%;
}
.sidenavdiv-in{
	left:252px;
	width:100%;
	height:100%;
	position: absolute;
	margin-left:-100%;
}








.sidenavdiv-menu{
	width:250px;
	height:100%;
	overflow:auto;
	position:fixed;
	background: rgba(255,255,255,.9);
	padding-top:20px;
	z-index:500;
}

.sidenavdiv-menu .div{
	border-bottom:#CCC 1px solid;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.sidenavdiv-menu .div:hover{
	background:#F9F9FF;
}

.sidenavdiv-menu .div{
	border-bottom:#CCC 1px solid;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}





.sidenavdiv-menu .div li{
	padding:10px 0px 10px 15px;
	font-size:16px;
	color:#666;
	height:30px;
	line-height:30px;
	list-style:none;
}
.sidenavdiv-menu .div #active-li{
	background:#F9F9FF;
}
.sidenavdiv-menu .div li i{
	color:#02071A;
	font-size:16px;
	width:40px;
}

.sidenavdiv-menu .puple li{
		background:#02071A;
		color:#FFF;
}
.sidenavdiv-menu .puple li i{
		background:#02071A;
		color:#FFF;
}
.sidenavdiv-menu .orange li{
		background:#F8AE1B;
		color:#FFF;
}
.sidenavdiv-menu .orange li i{
		background:#F8AE1B;
		color:#FFF;
}


.sidenavdiv-menu .div li #side-expand{
	float:right;
	color:#02071A;
	width:20px;
	height:23px;
	padding-top:7px;
}

.sidenavdiv-menu .div .sub-li{
	width:90%;
	margin-left:10%;
	margin-top:10px;
	display:none;
}
.sidenavdiv-menu .div .sub-li li{
	cursor:pointer;
	font-size:13px;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.sidenavdiv-menu .div .sub-li li:hover{
	background: rgba(204,204,204,.2);
}
.sidenavdiv-menu .div .sub-li #active-li{
	background: rgba(204,204,204,.2);
}















.live-chat-link-div{
	position:fixed;
	left:2%;
	width:60px;
	height:80px;
	bottom:20px;
	font-size:10px;
	text-shadow:#000 1px 1px ;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:15px;
	cursor:pointer;
		-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
z-index:300;
}
.live-chat-link-div:hover{
		-moz-transform:scale(1.1) translate(1px,0px);
		-webkit-transform:scale(1.1) translate(1px,0px);
}

.live-chat-link-div .live-chat-pix{
	width:56px;
	height:56px;
	padding:2px;
	background:#FFF;;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,.4);
	overflow:hidden;
	border-radius:100%;
}
.live-chat-link-div .live-chat-pix img{
	width:100%;
}





#live-chat-div{
	width:250px;
	height:100%;
	overflow:auto;
	position:fixed;
	background: rgba(255,255,255,.9);
	padding-top:50px;
	margin-left:-100%;
}
#live-chat-div .div{
	margin:5px 0px 5px 0px;
	padding:5px 5px 5px 20px;
-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
#live-chat-div .div .text{
	height:30px;
	margin:5px;
	float:left;
	background:#FFF;
	box-shadow:0px 0px 2px 1px rgba(204,204,204,.6);
	color:#000;
	line-height:30px;
	padding:0px 10px 0px 10px;
	border-radius:10px;
}

#live-chat-div .div .social-div{
	height:32px;
	width:40px;
	font-size:24px;
	padding-top:8px;
	text-align:center;
	color:#FFF;
	float:left;
	border-radius:100%;
}
#live-chat-div .div:hover{
	padding-left:15px;
	background: rgba(255,255,255,.3);
}