.div_main{
	display: block;
	background: #dddddd;
	color: #000000;
	max-width:1200px;
		margin: auto;
	margin-top: -20px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 5px;
	 z-index:-1;
}
.div_main_index {
	display: inline-block;
    position: relative;	
	background: #0000ff;
	color: #000000;
	max-width:100%;
	width: 100%;
	margin-top: 30%;
	margin-left:5%;
	margin-right:5%;
	border-radius: 5px;
	 z-index:3;
	
}
.div_main_softwareservices_index {
	display: inline-block;
    position: relative;	
	background: #000000;
	color: #ffffff;
	max-width:95%;
	width: 95%;
	margin-top: 30%;
	margin-left:5%;
	margin-right:5%;
	border-radius: 5px;
	 z-index:3;
	
}
.div_main_internet_index {
	display: inline-block;
    position: relative;	
	background: #000000;
	color: #ffffff;
	max-width:95%;
	width: 95%;
	margin-top: 40px;
	margin-left:5%;
	margin-right:5%;
	border-radius: 5px;
	 z-index:3;
	
}
.div_main_training_index {
	display: inline-block;
    position: relative;	
	background: #000000;
	color: #ffffff;
	max-width:95%;
	width: 95%;
	margin-top: 40px;
	margin-left:5%;
	margin-right:5%;
	border-radius: 5px;
	 z-index:3;
	
}

.div_app {
   display: inline-block;
   position: relative;
    width: 430px;
    height: 330px;
 	background: #000000;
     margin-top:30px;
     margin-left: 30px;
    overflow: hidden;
    border-radius: 5%;
    z-index:3;
}

.image-cropper {
	display: block;
	background: #000000;
	border: 4px solid #111111;
	position:fixed;
	color: #FFFFFF;
	width:105%;
	max-height:250px;
	height:250px;
	top: 600px;
	margin-left: -10px;
	margin-right: auto;
	border-radius: 1px;
}

.image-header1 {
	display: block;
	background: #000000;
	position:fixed;
	color: #000000;
	max-width:105%;
	width:105%;
	max-height:50%;
	top: -10px;
	left: -15px;
	margin-right:auto;
	height: 500px;
	border-radius:1px;
	 z-index:1;
}

.image-header {
	display: inline-block;
	background: #000000;
	position:fixed;
	color: #000000;
	max-width:105%;
	width:105%;
	top: -10px;
	left: -15px;
	margin-right:auto;
	overflow-y: auto;
	max-height:50%;
	height:500px;
	overflow-x: hidden;
	margin-top: 1px;
	border-radius:1px;
	 z-index:1;
}

.image-headerORG{
display: inline-block;    
 position:relative;
 	background: #000000;
max-width: 100%;
width: 100%;
overflow-y: auto;
	max-height:500px;
height:500px;
overflow-x: hidden;
margin-top: 1px;
 z-index:1;
}

.image-header11 {
	display: block;
	background: #000000;
	position:fixed;
	color: #000000;
	max-width:105%;
	width:105%;
	max-height:500px;
	top: -10px;
	left: -15px;
	margin-right:auto;
	height: 500px;
	border-radius:1px;
	 z-index:1;
}

.image-header3{
display: inline-block;    
 position:relative;
 	background: #000000;
max-width: 100%;
width: 100%;
overflow-y: auto;
	max-height:500px;
height:500px;
overflow-x: hidden;
margin-top: 1px;
 z-index:1;
}

.menubar {
	display: inline-block;
	background: #00ff00;
	color: #00ff00;
	position:relative;
	max-width:750px;
	width:720px;
	max-height:10px;
	margin-top: -30px;
	margin-left: 10px;
	overflow:hidden;
	border-radius: 5px;
}
.menubar-blue {
	display: inline-block;
	background: #0000ff;
	color: #00ff00;
	position:relative;
	max-width:85%;
	width:80%;
	max-height:50px;
	max-height:35px;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 20px;
	overflow:hidden;
	border-radius: 20px;
}

.menu-list1 {
	display: inline-block;
	visibility: hidden;
	 background: #ffffff;
	color: #111111;
	 	border: none;
	position:fixed;
	max-width:500px;
	width:350px;
	height:550px;
top: 100px;
right: 55px;   
overflow: scroll;
	padding:5px 5px 5px 5px;
font-family: Cooper Black;
font-size: 1.5rem;
font-weight: bold;
line-height: 200%;
letter-spacing: 0.5px;
cursor: pointer;
text-align: left;
vertical-align:bottom;
border-radius: 5px;
 z-index:5;
}
.company-profile1 {
	display: inline-block;	
	color: #111111;
	position:relative;
	max-width:100%;
	width:100%;
	max-height:650px;
	margin-top:10px;
	margin-left: 5%;
	margin-right: 5%;
	overflow:scroll;
	padding:5px 5px 5px 5px;
font-family: Calibri;
font-size: 1.5rem;
font-weight: normal;
cursor: pointer;
text-align: left;
vertical-align:bottom;
border-radius: 5px;
}


.headertext1 {
	display: inline-block;	
	color: #111111;
	position:relative;
	max-width:500px;
	width:400px;
	max-height:300px;
	margin-top:10px;
	margin-left: 5px;
	overflow:hidden;
	padding:5px 5px 5px 5px;
font-family: Cooper Black;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
text-align: left;
vertical-align:bottom;
border-radius: 5px;
}

.headertext2 {
	display: inline-block;
	color: #111111;
	position:relative;
	max-width:500px;
	width:400px;
	max-height:300px;
	margin-top:10px;
	margin-left: 10px;
	
	overflow:hidden;
	padding:5px 5px 5px 5px;
	font-family: Cooper Black;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
text-align: right;
vertical-align:bottom;
	border-radius: 5px;
}




.headertext3 {
	display: inline-block;
	background: #ffffff;
	color: #111111;
	position:relative;
	max-width:500px;
	width:300px;
	max-height:150px;
	margin-top:10px;
	margin-left: 10px;
	overflow:hidden;
font-family: Cooper Black;
font-size: 1rem;
font-weight: bolder;
cursor: pointer;
text-align: justify;
vertical-align:bottom;	border-radius: 5px;
}

.login-body {
	display: block;
	background: #ffffff;
	position:relative;
	color: #FFFFFF;
	width:1000px;
	margin-left: 50px;
	margin-right: 50px;
	border-radius: 5px;
}

.login-page-logo{
    display: inline-block;    
    position:relative;
    margin:inherit;
    margin-top: 5px;
    margin-left:-10px;
    margin-right:auto;
    overflow: hidden;
    border-radius: 50%;
}

.login-page-logo1{
    display: inline-block;    
    position:relative;
    margin-top: -50px;
    margin-left:auto;
    margin-right:200px;
    overflow: hidden;
    border-radius: 50%;
}
.login-page-logo2{
    display: inline-block;   
    position:relative;
    background:#ffffff;
    margin-top: -50px;
    margin-right:auto;
    margin-left:200px;
    overflow: hidden;
    border-radius: 50%;
}
.login-logo-title1{
display: inline-block;    
 position:relative;
  margin:inherit;
 margin-top: 5px;
 margin-left:50px;
 margin-right:auto;
}

.login-logo-title2{
display: inline-block;    
 position:relative;
  margin:inherit;
 margin-top: -70px;
 margin-left:245px;
 margin-right:auto;
}
.profile-menu {
    width: 80px;
    height:80px;
 	background: #ffffff;
 	border: none;
    position: fixed;
     top: 20px;
     right: 50px;   
    overflow: hidden;
    border-radius: 50%;
     z-index:4;
}
.profile-pic {
    position: relative;
    width: 350px;
    height: 350px;
     margin-top: 1px;
    overflow: hidden;
    border-radius: 50%;
}

.profile-pic1 {
    position: relative;
    width: 100px;
    height: 100px;
     margin-top: 5px;
    overflow: hidden;
    border-radius: 50%;
}

.profile-pic2 {
    position: relative;
    width: 100px;
    height: 100px;
     margin-top: 5px;
    overflow: hidden;
    border-radius: 50%;
}
.profile-pic-index {
    width: 300px;
    height: 300px;
 	background: #000000;
    position: inherit;
     margin-top: 5px;
    overflow: hidden;
    border-radius: 50%;
}
.profile-pic-app {
    width: 180px;
    height: 180px;
 	background: #000000;
 	border: 4px solid #dddddd;
    position: relative;
     margin-top: 15px;
     margin-bottom: 10px;
    overflow: hidden;
    border-radius: 50%;
}

.profile-pic-header{
display: inline-block;    
 position:relative;
 background: #000000;
max-width: 100%;
width: 100%;
margin-top: -10px;
 z-index:1;
}

.profile-pic-multi1{
max-width: 30%;
max-height: 250px;
width:30%;
height: 250px;
background: #000000;
border: 2px solid #111111;
position: relative;
margin-left:-50px;
margin-top:auto;
margin-bottom:auto;
overflow: hidden;
border-radius: 5px;
}

.profile-pic-multi2{
max-width: 40%;
max-height: 250px;
width: 40%;
height: 250px;
background: #000000;
border: 2px solid #111111;
position: relative;
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
overflow: hidden;
border-radius: 5px;
}

.profile-pic-multi3{
max-width:30%;
max-height: 250px;
width: 30%;
height: 250px;
background: #000000;
border: 2px solid #111111;
position: relative;
margin-left: 10px;
margin-top:auto;
margin-bottom:auto;
overflow: hidden;
border-radius: 5px;
}
.profile-pic-logo {
    width: 220px;
    height: 220px;
 	background: #ffffff;
 	border: 4px solid #111111;
    position: fixed;
     top: 40%;
     left: 50%;   
     margin-left:-120px;
    overflow: hidden;
    border-radius: 50%;
     z-index:2;
}

.profile-pic-go{
display: block;
 position: fixed;
    width: 120px;
    height: 120px;
 	background: #ffffff;
 	border: 3px solid #ffffff;
 	left:50%;
     bottom: -5px;
     margin-left:-80px;
    overflow: hidden;
    border-radius: 50%;
     z-index:3;
}

.login-Footer{
display: table;    
 position:absolute;
  margin:inherit;
 margin-top: 50px;
 margin-left:auto;
 margin-right:auto;
}

.profile-caption {
display: inline-table;
position: fixed;
background:#000000;
color: #ffffaa;
width:95%;
max-height: 50px;
height: 50px;
top:50%;
left: 10px;   
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.8rem;
font-weight: bolder;
line-height: 1.2;
letter-spacing: 0.5px;
cursor: pointer;
text-align: left;
overflow:scroll
border-radius: 2px;
 z-index:1;
}
.span-in-menulist {
display: inline-table;
position: relative;
background: none;
color: #000000;
max-width:300px;
width:250px;
margin-top:30px;
margin-left: 10px;   
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 2rem;
font-weight: bolder;
line-height: 1.5;
letter-spacing: 0.5px;
cursor: pointer;
text-align: left;
border-radius: 2px;
 z-index:1;
}
.span-in-menulist2 {
display: inline-table;
position: relative;
background: none;
color: #000000;
max-width:300px;
width:250px;
margin-top:30px;
margin-left: 30px;   
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.5rem;
font-weight: bolder;
line-height: 1.2;
letter-spacing: 0.5px;
cursor: pointer;
text-align: left;
border-radius: 2px;
 z-index:1;
}

.span-in-caption1 {
display: inline-table;
position: relative;
background: none;
color: #ffffaa;
max-width:350px;
width:350px;
top:1px;
margin-left: 10px;   
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.8rem;
font-weight: bolder;
line-height: 1.2;
letter-spacing: 0.5px;
cursor: pointer;
text-align: left;
border-radius: 2px;
 z-index:1;
}

.span-in-caption2 {
display: inline-table;
position: relative;
background: none;
color: #ffffaa;
max-width:350px;
width:350px;
top:1px;
right: -350px;   
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.8rem;
font-weight: bolder;
line-height: 1.2;
letter-spacing: 0.5px;
cursor: pointer;
text-align: right;
border-radius: 2px;
 z-index:1;
}
.span-in-caption1old {
display: inline-table;
position: relative;
background: none;
color: #000000;
max-width:350px;
width:350px;
top:50%;
  left: 20px;   
  
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.8rem;
font-weight: bolder;
line-height: 1.2;
letter-spacing: 0.5px;
cursor: pointer;
text-align: left;
border-radius: 2px;
 z-index:1;
}

.span-in-title1 {
display: inline-table;
position: relative;
background: none;
color: #111111;
margin-top: -400px;
width:400px;
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 4rem;
font-weight: bolder;
cursor: pointer;
text-align: center;
vertical-align:bottom;
border-radius: 2px;
}

.span-in-title2 {
display: inline-table;
position: fixed;
background: none;
color: #999999;
width:400px;
top:600px;
  left: 50%;   
     margin-left:-200px;
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.5rem;
font-weight: bolder;
cursor: pointer;
text-align: center;
border-radius: 2px;
 z-index:1;
}

.span-in-title3 {
display: inline-table;
position: relative;
background: none;
color: #dddddd;
width:110px;
padding:2px 2px 2px 2px;
font-family: sans-serif;
font-size: 2.5rem;
font-weight: bolder;
cursor: pointer;
text-align: center;
vertical-align:bottom;
border-radius: 2px;
}


.span-in-title4 {
display: inline-table;
position: relative;
background: none;
color: #aaaaaa;
width:400px;
padding:2px 2px 2px 2px;
font-family: Cooper Black;
font-size: 1.5rem;
font-weight: bolder;
cursor: pointer;
text-align: center;
border-radius: 2px;
}


.span-in-title5 {
display: inline-table;
position: fixed;
background: none;
color: #ff7722;
 	left:50%;
     bottom: 2px;
     margin-left:-109px;
width:200px;
padding:2px 2px 2px 2px;
font-family: sans-serif;
font-size: 1rem;
font-weight: bolder;
cursor: pointer;
text-align: center;
border-radius: 2px;
z-index:4;
}
.span-in-title6 {
display: inline-table;
position: relative;
background: none;
color: #ffffaa;
width:90%;
margin-top: 30px;   
padding:2px 2px 2px 2px;
font-family: sans-serif;
font-size: 2rem;
font-weight: bolder;
cursor: pointer;
text-align: center;
vertical-align:bottom;
border-radius: 2px;
}

.login-promptemail {
display: inline-table;
position:relative;
background: #0000ff;
border: 1px solid #4B6170;
color: #FFFFFF;
max-width:300px;
width:135px;
height:20px;
border-radius: 5px;
}

.login-promptpword {
display: inline-table;
position:relative;
background: #0000ff;
border: 1px solid #4B6170;
color: #FFFFFF;
max-width:300px;
width:135px;
height:20px;
border-radius: 5px;
}
.login-address{
display: inline-table;
color: #FFFFFF;
 position:relative;
 margin-top: -10px;
 margin-left:auto;
 margin-right:auto;
}
.login-contact{
display: inline-table;
color: #FFFFFF;
 position:relative;
 margin-top: -10px;
 margin-left:auto;
 margin-right:auto;
}