@charset "utf-8";
/* CSS Document */

body {
  font-family: "verdana", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color:#000000;    
  overflow-x: hidden; 
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;  
  height: 100%;
}




.bar1, .bar2, .bar3 {
  width: 18px;
  height: 3px;
  background-color: #333;
  margin: 4px 0;
  transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
   transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
  opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}
#barcont {
	display: inline-block;
	cursor: pointer;
	border:0px #000000 solid;
	padding-left: 3px;
	padding-right:3px;
	position:fixed;  
	float:left; 
	top:20px;
	right:20px;
	z-index:8000;	
}	
#menu{
	width:160px;
	background:#FFFFFF;
	position:fixed;
	top:50px;
	right:20px;
	border:1px solid #990066;
	font-weight:bold;
	z-index:400000;
	display:none;		
}
.submenu{
	width:100px;
	float:left;
	font-size:12px;
	
	width:100%;
	float:none;	
}
.submenu:hover{
	background:#CCCCCC;
	color:#000099;
	cursor:pointer;	
}
.mnuhold{
	padding:10px 0px 10px 0px;
	background:#FFFFFF;
	text-align:center;
	color:#990066;
	font-size:12px;		
	border-bottom:1px solid #990066;
	color:#990066;
}
.mnuhold:hover{
	background:#990066;
	color:#FFFFFF;
}
.submenu:hover  .ssmenu{
	display:block;	
}
.ssmenu{
	display:none;
}
.subme{
	padding:7px 0px 7px 0px;
	text-align:center;
	border-bottom:1px solid #990066;	
	font-size:12px;	
	color:#990066;
	
	background:yellow;	
	padding:10px 0px 10px 0px;
		
}







.contain{
	background:#CCCCCC;
	position:absolute;
	left:0px;	
}
.paymt{
	width:300px;
	left: 50%;
	transform:translateX(-50%);
	height:auto;
	min-height:320px;
	position:absolute;
	top:120px;		
	
}
.paydis{
	font-size:12px;
	color:red;
	padding:8px;
	font-weight:600;
	border:1px white solid;
	margin-bottom:6px;
	border-radius:7px;
	background: whitesmoke;
}
.payds{
	color:black;	
}
.pays{
	overflow:hidden;
	width:auto;
	height:300px;
}
.payinf{
	font-size:12px;
	font-weight:200;
	color:red;
}
.inpst1{
	height:30px;
	font:14px;
	width:95%;	
}
.header {
  	height: 50px;
 	background: #3399FF;  
  	position: fixed;
 	z-index: 20;
  	width: 100%;
  	top:0px;
	left: 0px;	
}
.logo img{
	height: 50px;
	position:absolute;
	top:0px;
	left: 0px;
	margin-left:20%;	
}
.menus{
	z-index: 22;
	position:fixed;
	top:0px;
	left:10px;
	width:40px;	
}
.menu li a {
  color: white;
  text-transform: uppercase;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

.magin20{
	
}
.mess{
	padding-left:10px;	
	padding-right:10px;	
	padding-bottom:10px;	
	margin-bottom:20px;	
}
.smess{
	padding:10px;
}
h3{
	padding-top:50px;
	padding-left:10px;
	color:#FF0000;
}
.right {
  float: right !important;
}
.left {
  float: left !important;
}

.mprod{
	border:solid 1px #CCCCCC;
	padding:10px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;	
	
}
.mprod a{
	color:#000099;
	text-decoration:none;
	background:	whitesmoke;
}
.mprod a:hover{
	text-decoration:none;
	color:#000066;	
}
.mprod:hover{
	background:whitesmoke;
	font-size: 19px;	
}

.mpad{
	padding:10px;
	
}
.biglett{
	font-size: 22px;
  	font-weight: 600;
	padding-left:10px;
}
.colla{
	display:none;	
}
.pad40{
	padding-top:40px;
}
.bord{
	border: 1px #999999 solid;
	padding:10px;	
}
.midtext{
	text-align:center;	
}
b{
color:  #003399;
	
}
a.astyle5:link{color:#FFFFFF;text-decoration: none; background-color:#3399FF; font-family:Tahoma;  padding:5px}
a.astyle5:visited{color:#FFFFFF;text-decoration: none; background-color:#3399FF; font-family:Tahoma; padding:5px}
a.astyle5:hover{color:#FFFFFF;text-decoration: none; background-color:#B2FF99; font-family:Tahoma; padding:5px}
a.astyle5:active{color:#FFFFFF;text-decoration: none; background-color:#009900; font-family:Tahoma; padding:5px}

a.cart:link{color:#FFFFFF;text-decoration: none; background-color:#009933; font-family:Tahoma; font-size:14px; padding: 5px 20px;}
a.cart:visited{color:#FFFFFF;text-decoration: none; background-color:#006600; font-family:Tahoma; font-size:14px; padding:5px 20px;}
a.cart:hover{color:#FFFFFF;text-decoration: none; background-color:#009900; font-family:Tahoma; font-size:14px; padding:5px 20px;}
a.cart:active{color:#FFFFFF;text-decoration: none; background-color:#006600; font-family:Tahoma; font-size:14px; padding:5px 20px;}

a{ 
	color: #FF0000;
	text-decoration:none;
}
a:hover{ 
	color:#000099; 
	text-decoration:none;
}
.hedin{
	border-top:3px #999999 solid;
	border-bottom:3px #999999 solid;
	padding:20px;
	padding-top:20px;
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
}	
.messpad{
	padding:5px;	
}
.pictside{
	margin-left:80px;
}
.small{
	font-size: 13px;
  	font-weight: 200;
  	line-height: 1.2;
	text-align:left;
}
.cmall{
	font-size: 12px;
  	font-weight: 200;
  	line-height: 1.3;	
	text-align:center;
	padding:15px;
	background:#FFFFFF;
}
.dcont{
	margin-top:80px;	
	margin-bottom:30px;	
	border-top: 2px solid #999999;
	
}
.fancymess{
	border-radius: 5px;
	background:#FFFFCC;
	border: solid 1px #CCCCCC;
	font-size: 12px;	
}

.fancytopic{
	background: whitesmoke;
	height:20px;
	padding:5px;
	text-align:center;	 
	border-bottom:solid 1px #CCCCCC;
	font-size: 12px;
	font-weight: 800;
}
.fancydown{
	background: whitesmoke;
	height:20px;
	padding:5px;
	text-align:center;	 
	border-top:solid 1px #CCCCCC;
	font-size: 12px;
	font-weight: 800;
}
.prod{
	border-bottom:solid 1px #CCCCCC;
	padding:10px;
	
}
.prod a{
	color:#000099;
	text-decoration:none;
	background:	whitesmoke;
}
.prod a:hover{
	color:#000099;
	text-decoration:none;	
}
.prod:hover{
	background:whitesmoke;
	font-size: 14px;
}
.lpad{
	padding-left:5px;
	width:30px;
}
.close{
	clear:both;
}
.leftcont{
	position:relative;
	float:left;
	width:33%;
	margin-left:40px;	
	margin-right:40px;
	margin-bottom:50px;
	display:none;
}
.prodset{
	margin-left:32px;
	padding-left:15px;
	padding-right:10px;
}
.lefti{
	float:left;
}

.himage{
	padding:5px;	
}
.slider.smalls {
  	overflow: auto;	  
}
.slider ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rightpic{
	float:right;
	padding:5px;	
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
	border:1px #FF9900 solid;
	width:30%;	
}
.sidepics{
	width:300px;
	height:170px;
	overflow:hidden;
	display:none;
}

#cf {
  position:relative;
 width:300px;
	height:170px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

.home{
	background:#FFFFFF
}
.services{	
	background: whitesmoke;			
}
.software{
	background:#FFFFFF;
}
.dsoftware{
	background: whitesmoke;	
}
.support{
	background:#FFFFFF;	
}
.downloads{
	background: whitesmoke;	
}
#icont{
	position:absolute;
	margin-top:80px;	
	height:calc(100% - 95px);
	overflow:auto;
	border:1px solid #ddd;
	width:calc(100% - 5px);
	left:0px;
}
.ftabl1, .ftablu {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  
}
.ftabl1 td, .ftabl1 th {
  border: 1px solid #ddd;
  width:50%;
  padding: 8px;
  vertical-align:top;  
}
.ftablu td{
	 border: 1px solid #ddd;
	  width:33%;
	  padding:5px 3px 5px 15px;
	  vertical-align:top;
	  text-align:left;	   
}
.ftabl1 tr:nth-child(even){background-color: #f2f2f2;}

.ftabl1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #6600FF;
  color: white;
}
@media screen and (min-width: 960px) {
	.header {
  		height: 80px; 		
	}
	.logo img{
		height: 80px;	
	}
	#primary_nav_wrap
	{
		margin-top:15px;
		margin-left:20px;
	}
	h3{
		padding-top:90px;
		margin-left:40px;	
	}
	.home{
		margin-left:10%;
		margin-right:10%;
		border-radius: 16px;
	}
	.services{	
		margin-left:10%;
		margin-right:10%;
		border-radius: 16px;	
	}
	.software{
		margin-left:10%;
		margin-right:10%;
		border-radius: 16px;
	}
	.dsoftware{
		margin-left:10%;
		margin-right:10%;
		border-radius: 16px;
	}
	.support{
		margin-left:10%;
		margin-right:10%;
		border-radius: 16px;
	}
	.downloads{
		margin-left:10%;
		margin-right:10%;
		border-radius: 16px;
		
	}
	.mess{
		margin-left:50px;
		margin-right:50px;
		border-radius: 16px;
		padding-bottom:60px;	
	}
	.biglett{
		margin-left:50px;
	}
	#icon{
		margin-left:50px;
	}
	.leftcont{
		display: block;
	}
	.mprod{
		width:24%;
		float:left;
		height:400px;
		padding:20px;		
	}
	
	
	#webs{
		display:none;
	}
	.mpad{
		padding:0px;
		padding-bottom:20px;	
	}
	.lefti{
		float:none;		
	}
	.himage{
		float:left;
		padding-right:15px;
		padding-bottom:15px;
		width: 300px;
	}
	.slider.smalls {
  		width: 300px;  
 	 	overflow: auto;  
	}
	
}
@media screen and (max-width: 960px) {
	.slider ul li img{
		width:96%;	
	}
	.himage{
		text-align:center;
	}
	.rightpic{
		padding:2px;		
	}.payinf{
		font-weight:600;
	}
	
}