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

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.opensans {
  font-family: "Open Sans", sans-serif;
}

/* General CSS */
html{

    /* background: white; */
	background: black; 

  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	box-sizing: 
	border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

body {
	
	margin: 0;
    color: #4B4B4B;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    background-color: transparent;
}


/* Navigation CSS */
.nav{
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 45px;
    font-family: "SF Compact Display Light";
    line-height: 1.2;
    top: 41px;
    text-decoration: none;
    z-index: 2;
    color: rgba(255,255,255,1.00);
    width: 505px;
    right: 0px;
    float: right;
}

.nav li{
	text-decoration: none;
    display:inline;
}

.nav a{
	text-decoration: none;
    display:inline-block;
	color: rgba(255,255,255,1.00);
    padding:10px;
}

header .nav #hrHeader {
	display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid rgba(255,255,255,1.00);
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    margin-top: -15px;
}


/* Footer CSS */

.footer {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-family: "SF Compact Display";
    color: gray;
    line-height: 1.2;
    /* [disabled]position: absolute; */
    text-decoration: none;
    list-style: none;
}

.footer a{
	text-decoration: none;
	color: gray;
	
}

.footer ul {
  list-style-type: none;
  
}

.footer li {
    float: left;
    margin-right: 80px;
    color: gray;
}

#wrapper footer #footerHR {
    position: relative;
    bottom: 0px;
    top: 0px;
}


/*background Screen */
#screenLogic #ecoScreen .backgroundScreen {
    left: -2px;
}

/* Aplication CSS */

#application figure  {
    background-color: transparent;
}

#wrapper main {
    padding-top: 200px;
}

#wrapper main #application {
    width: 1250px;
    height: 880px;
    display: inherit;
    position: absolute;
    border-style: none;
    left: 50%;
    transform: translate(-50%, 0);
}


main #application #computer {
    width: 953px;
    height: 701px;
    position: absolute;
    left: -239px;
    top: 117px;
}

main #application #nokia {
    position: relative;
    width: 193px;
    height: 446px;
    left: -22px;
    top: 182px;
}

main #application #actionHeader {
    font-size: 35PX;
    font-family: "SF Compact Medium";
    color: rgba(255,255,255,1.00);
    line-height: 1.4;
    position: relative;
    z-index: 3;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 108px;
    max-height: 108px;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 10px;
}

main #application #headerDiv {
    /*border-color: #8130FF;
    border-style: dashed; */
    height: 108px;
    width: 100%;
    /*background-color: rgba(0,0,0,0.60); */
    /* [disabled]background-color: #F0F0F0; */
    position: relative;
    top: 11px;
    padding-right: 0px;
    left: 18px;
}

main #application #screenLogic {
    width: 854px;
    height: 532px;
    top: 182px;
    position: absolute;
    left: -149px;
}

#application #screenLogic #computer {
    position: absolute;
}

#application #screenLogic .backgroundScreen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -40px;
    top: -14px;
}


#application #screenLogic #homeScreen .avatar {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 167px;
    top: -14px;
}

main #application #mainApplication {
    left: 464px;
    top: 0px;
    position: fixed;
}


/* HomeScreen*/

/* Buttons CSS */

/* Eco Button CSS */
		
.btnEco {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 25px;
    border: 1px solid white;
    border-radius: 11px;
    background: #9ac2f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#9ac2f8), to(#85b8fe));
    background: -moz-linear-gradient(top, #9ac2f8, #85b8fe);
    background: linear-gradient(to bottom, #9ac2f8, #85b8fe);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    font-weight: 600;
    font-variant: normal;
    font-style: normal;
    font-size: 30px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    top: 285px;
    left: 25px;
}

.btnEco:hover,
.btnEco:focus {
    border: 1px solid white;
    background: #9fc6fc;
    background: -webkit-gradient(linear, left top, left bottom, from(#99c2fb), to(#b0d2ff));
    background: -moz-linear-gradient(top, #99c2fb, #b0d2ff);
    background: linear-gradient(to bottom, #99c2fb, #b0d2ff);
    color: #ffffff;
    text-decoration: none;
}

.btnEco:active {
    background: #9ac2f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#9ac2f8), to(#99c2fb));
    background: -moz-linear-gradient(top, #9ac2f8, #99c2fb);
    background: linear-gradient(to bottom, #9ac2f8, #99c2fb);
    top: 288px;
    left: 28px;
}

.btnEco:before{
    content:  "\0000a0";
    display: inline-block;
    height: 43px;
    width: 43px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: -7px;
    left: -7px;
    background: url("img/btnIcons/ecoIcon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #homeScreen #settingsHomeButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 4;
    width: 47px;
    height: 46px;
    left: 746px;
    top: 449px;
    border: 1px solid #ffffff;
    border-radius: 0px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    font: normal normal bold 20px arial;
    color: #111111;
    text-decoration: none;
}
#screenLogic #homeScreen #settingsHomeButton:hover,
#screenLogic #homeScreen #settingsHomeButton:focus {
    color: #111111;
    text-decoration: none;
}
#screenLogic #homeScreen #settingsHomeButton:active {
    left: 748px;
    top: 452px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
}
#screenLogic #homeScreen #settingsHomeButton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 47px;
    width: 46px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("img/settingsIcon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #homeScreen #homeDemoOutline{
	position: absolute;
	display: none;
	z-index: 30;
	left: 220px;
	top: 100px;
	width: 420px;
	height: 277px;
	border: 2px solid #000000;
	border-radius: 15px;
	align-content: center;
	background: #f49db0;
	opacity: 1;
}

#screenLogic #homeScreen #homeDemoOutline #demoMessageHeaderHome{
	display: block;
	font-size: 25px;
	color: black;
	text-align: center;
    font-family: "Open Sans";
    z-index: 35;
	
}

#screenLogic #homeScreen #homeDemoOutline #demoMessageHome{
	display: block;
	color: black;
    font-family: "Open Sans";
	text-align: block; 
	font-weight: 600;
	padding: 10px 10px 10px 10px;
    z-index: 35;

}

#screenLogic #homeScreen #homeDemoOutline #backButtonHomeDemo {
	display: grid;
	margin: auto;
	opacity: 1.0;
	z-index: 35;
    text-align: center;
    vertical-align: middle;
    padding: 11px 35px;
    border: 1.5px solid #f56e8c;
    border-radius: 10px;
    background: #ffb5ca;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb5ca), to(#f49db0));
    background: -moz-linear-gradient(top, #ffb5ca, #f49db0);
    background: linear-gradient(to bottom, #ffb5ca, #f49db0);
    -webkit-box-shadow: #b8b8b8 0px 0px 19px 0px;
    -moz-box-shadow: #b8b8b8 0px 0px 19px 0px;
    box-shadow: #b8b8b8 0px 0px 19px 0px;
    text-shadow: #7a4f58 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #homeScreen #homeDemoOutline #backButtonHomeDemo:hover,
#screenLogic #homeScreen #homeDemoOutline #backButtonHomeDemo:focus {
    background: #ffd9f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd9f2), to(#ffbcd3));
    background: -moz-linear-gradient(top, #ffd9f2, #ffbcd3);
    background: linear-gradient(to bottom, #ffd9f2, #ffbcd3);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #homeScreen #homeDemoOutline #backButtonHomeDemo:active {
    background: #ab6e7b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ab6e7b), to(#f49db0));
    background: -moz-linear-gradient(top, #ab6e7b, #f49db0);
    background: linear-gradient(to bottom, #ab6e7b, #f49db0);
}

/* Diagnosis Button CSS */


#screenLogic #diagScreen #requestBtnDoc {
	position: absolute;
	z-index: 56;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 213px;
	left: 88px;
	width: 235px;
	height: 41px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    background: #e94048;
    background: -webkit-gradient(linear, left top, left bottom, from(#e94048), to(#e94048));
    background: -moz-linear-gradient(top, #e94048, #e94048);
    background: linear-gradient(to bottom, #e94048, #e94048);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #diagScreen #requestBtnDoc:hover,
#screenLogic #diagScreen #requestBtnDoc:focus {
    background: #e94048;
    background: -webkit-gradient(linear, left top, left bottom, from(#e94048), to(#fca2a6));
    background: -moz-linear-gradient(top, #e94048, #fca2a6);
    background: linear-gradient(to bottom, #e94048, #fca2a6);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #diagScreen #requestBtnDoc:active {
    top: 219x;
	left: 90px;
    background: #e94048;
    background: -webkit-gradient(linear, left top, left bottom, from(#e94048), to(#e94048));
    background: -moz-linear-gradient(top, #e94048, #e94048);
    background: linear-gradient(to bottom, #e94048, #e94048);
}


	
.btnDiag {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 35px;
    border: 1px solid white;
    border-radius: 11px;
    background: #CCB7E5;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCB7E5), to(#B19CD8));
    background: -moz-linear-gradient(top, #CCB7E5, #B19CD8);
    background: linear-gradient(to bottom, #CCB7E5, #B19CD8);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    font-weight: 600;
    font-variant: normal;
    font-style: normal;
    font-size: 30px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    left: 293px;
    top: 406px;
}

.btnDiag:hover,
.btnDiag:focus {
    border: 1px solid white;
    background: #B19CD8;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCB7E5), to(#d4c3f2));
    background: -moz-linear-gradient(top, #CCB7E5, #d4c3f2);
    background: linear-gradient(to bottom, #CCB7E5, #d4c3f2);
    color: #ffffff;
    text-decoration: none;
}

.btnDiag:active {
    background: #B19CD8;
    background: -webkit-gradient(linear, left top, left bottom, from(#B19CD8), to(#CCB7E5));
    background: -moz-linear-gradient(top, #B19CD8, #CCB7E5);
    background: linear-gradient(to bottom, #B19CD8, #CCB7E5);
    left: 296px;
    top: 409px;
}

.btnDiag:before{
    content:  "\0000a0";
    display: inline-block;
    height: 42px;
    width: 42px;
    line-height: 24px;
    margin: 0 -6px -6px -4px;
    position: relative;
    top: -7px;
    left: -17px;
    background: url("img/btnIcons/diagIcon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


.btnFund {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 60px;
    border: 1px solid white;
    border-radius: 11px;
    background: #ffb3ba;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb3ba), to(#e67e87));
    background: -moz-linear-gradient(top, #ffb3ba, #e67e87);
    background: linear-gradient(to bottom, #ffb3ba, #e67e87);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    font-weight: 600;
    font-variant: normal;
    font-style: normal;
    font-size: 30px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
	position: absolute;
    top: 285px;
    left: 562px;
}
.btnFund:hover,
.btnFund:focus {
    border: 1px solid white;
    background: #ffd7df;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb3ba), to(#f5a9b0));
    background: -moz-linear-gradient(top, #ffb3ba, #f5a9b0);
    background: linear-gradient(to bottom, #ffb3ba, #f5a9b0);
    color: #ffffff;
    text-decoration: none;
}
.btnFund:active {
    background: #aa6d71;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa6d71), to(#e67e87));
    background: -moz-linear-gradient(top, #aa6d71, #e67e87);
    background: linear-gradient(to bottom, #aa6d71, #e67e87);
    top: 288px;
    left: 565px;
}

.btnFund:before{
    content:  "\0000a0";
    display: inline-block;
    height: 43px;
    width: 39px;
    line-height: 24px;
    margin: 0 -28px -6px -4px;
    position: relative;
    top: -7px;
    left: -40px;
    background: url("img/btnIcons/fundIcon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


.btnBack {
    display: inline-block;
	position: absolute;
	top: 463px;
	left: 778px;
    padding: 9px 13px 9px 13px;
    border: 1.5px solid darkslategrey;
    border-radius: 13px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c7c9));
    background: -moz-linear-gradient(top, #ffffff, #c9c7c9);
    background: linear-gradient(to bottom, #ffffff, #c9c7c9);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    color: #111111;
   
}
.btnBack:hover,
.btnBack:focus {
    color: #111111;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
    background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background: linear-gradient(to bottom, #ffffff, #f3f3f3);
}
.btnBack:active {
    top: 467px;
	left: 780px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#ffffff));
    background: -moz-linear-gradient(top, #b3b3b3, #ffffff);
    background: linear-gradient(to bottom, #b3b3b3, #ffffff);
}
.btnBack:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABTklEQVRIibWWQUoDMRSGvxbxBCJdiAzDrKS4dOG2Cy8gLorHcO11ZMAblNJDCEKhxY1DQRcyyzKUcZEEYiZvkon6w9vkTf7/5SX5MyP6UQC3wAyYAid6/AN4BZbAM7AJ8HSQAyXQAG0gGv1tHkt+D9QRxG7Uem4vHoBDArmJg+YQKx9K/miFLTJ3yfPEtthw25XZyTKxJZJACzyZREH/aXlLFNgDxRh1zo/cnmm8AzdCLoRjzc1CqG4HXAjVxayg1dzsPIlP4DIwOUaggm7/v4CriMkxAo0rUAPXpEEUqKyBu0RySaCCn5v8Akz+UGAxRlmuwRRYAWcRk/v2w2AJ/ou2dkRSbnmjuQG/VayB818IlPZSJLPbokxrKHnH7EC26+1Acq9dG/zrg2MwF9oV0xaxchcZys/3EcTm0c98RKOAUI663TOUs57q8ejflm+1Y1J405GcqgAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}


/* AVATAR CSS */

.wave-animation {
  	-moz-border-radius:50%;
  	-webkit-border-radius:50%;
  	border-radius: 50%;
  	border: 5px solid;
	border-color: black;
 	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 14px 1px rgba(0,0,0,0.73); 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 14px 1px rgba(0,0,0,0.73);
	position: absolute;
	z-index: 1;
  	left: 335px;
    top: 180px;
	width: 184px;
	height: 184px;
	background-color: #FFDDDD;
	background-size: cover;
	background-attachment: fixed;
	
}
.wave-animation .wave {
  	-moz-border-radius:50%;
  	-webkit-border-radius:50%;
  	border-radius: 50%;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;/*PNG*/
	top:0;
	left:0;
	background-image: 
	url('https://i.ibb.co/8BSmK0j/avatar-Wave-ecoBtnIDBackite3.png');
	transform: rotate(50deg);
	animation: anim 25s linear infinite;
	
}

.wave-animation .wave:before{
	opacity: 0.7;
	content: '';
  	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  	transform: rotate(15deg);

	animation: anim-rev 25s linear infinite;
	
}
.wave-animation .wave:after{
	content: '';
  	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  	transform: rotate(140deg);

	opacity: 0.7;
	animation-delay: -5s;
	animation: anim 25s linear infinite;
	
}
@keyframes anim {
	0%
	{
		background-position: 0;
	}
	100%
	{
		background-position: 1360px;
	}
}
@keyframes anim-rev {
	0%
	{
		background-position: 1360;
	}
	100%
	{
		background-position: 0px;
	}
}


#screenLogic #homeScreen .AvatarHome {
    position: absolute;
	z-index: 4;
    left: 335px;
    width: 140px;
    height: 140px;
    top: 170px;
}


/* HomeScreenTopBar */


#screenLogic #homeScreen .topBarBack {
    border-width: 2px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
	border-radius: 0 0 15px 15px;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
    box-shadow: 0px 5px 15.08px 3.92px rgba(0, 0, 0, 0.8);
    position: absolute;
    left: -1px;
    top: 0px;
    width: 857px;
    height: 90px;
    z-index: 31;
}


#homeScreen #helloHeader {
    z-index: 2;
    font-size: 20px;
	text-decoration: underline; 
	text-decoration-color: lightgray;
    width: 288px;
    font-family: "Montserrat";
    position: absolute;
    left: 17px;
    top: 19px;
   	color: #212020;
    opacity: 1;
}

#homeScreen .headerNewsText {
    font-size: 20px;
    font-family: "Montserrat";
    color: rgb(75, 75, 75);
    line-height: 1.2;
    text-align: center;
    position: absolute;
    left: 348.419px;
    top: 14px;
    z-index: 34;
    font-style: normal;
    font-weight: 400;
	display:inline;
		
}

#screenLogic #homeScreen .headerNewsIcon{
    z-index: 5;
    width: 57px;
    height: 57px;
    position: absolute;
    left: 245px;
    top: -2px;
}

.headFade {
  transform-style: preserve-3d;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.headFader1 {
  animation-name: head1;

}
.headFader2 {
  animation-name: head2;
  
}
.headFader3 {
  animation-name: head3;

}
@keyframes head1 {
  0% {
    opacity: 1;
  }
  32% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 0
  }
}
@keyframes head2 {
  0% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  33% {
    opacity: 0.5;
  }
  34% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0
  }
}
@keyframes head3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  66% {
    opacity: 0.5;
  }
  67% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


#screenLogic #homeScreen .femaleUser {
    position: absolute;
    z-index: 4;
    left: 730px;
    top: -11px;
}



/* Diagnosis Screen */

#screenLogic #fundScreen .AvatarDiag {
    position: absolute;
    display: inline;
	z-index: 20;
    margin: 0;
	top: 10px;
    left: 38px;
    width: 50px;
    height: 50px;
 
}

.wave-animationDiag {
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius: 50%;
    border: 2px solid;
  border-color: black;
   -webkit-box-shadow: 0px 2px 0px -7px #000000, 0px 2px 6px 1px rgba(0,0,0,0.73);
  box-shadow: 0px 2px 0px -7px #000000, 0px 2px 6px 1px rgba(0,0,0,0.73);
  position: absolute;
  z-index: 5;
    left: 760px;
  top: 10px;
  width: 84px;
  height: 84px;
  background-color: #e3b7ff;
  background-size: cover;
  background-attachment: fixed;
  
}
.wave-animationDiag .waveDiag {
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius: 50%;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;/*PNG*/
  top:0;
  left:0;
  background-image: 
/*   url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');*/
  url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  transform: rotate(50deg);
  animation: anim 25s linear infinite;
  
}

#screenLogic #diagScreen .AvatarDiagBig {
    position: absolute;
	z-index: 34;
    left: 470px;
    width: 142px;
    height: 140px;
    top: 170px;
}

#screenLogic #diagScreen .AvatarDiagSmall {
    position: absolute;
	z-index: 40;
	top: -3px;
    left: 738px;
    width: 50px;
    height: 50px;
 
}

.wave-animationDiag .waveDiag:before{
  opacity: 0.7;
  content: '';
    border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
    transform: rotate(15deg);

  animation: anim-rev 25s linear infinite;
  
}
.wave-animationDiag .waveDiag:after{
  content: '';
    border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
    transform: rotate(140deg);

  opacity: 0.7;
  animation-delay: -5s;
  animation: anim 25s linear infinite;
  
}


.wave-animationDiagBig {
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius: 50%;
    border: 5px solid;
  border-color: black;
   -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 14px 1px rgba(0,0,0,0.73); 
  box-shadow: 0px 10px 13px -7px #000000, 0px 0px 14px 1px rgba(0,0,0,0.73);
  position: absolute;
  z-index: 1;
    left: 335px;
  top: 180px;
  width: 184px;
  height: 184px;
  background-color: #e3b7ff;
  background-size: cover;
  background-attachment: fixed;
  
}
.wave-animationDiagBig .waveDiagBig {
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius: 50%;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;/*PNG*/
  top:0;
  left:0;
  background-image: 
  url('https://i.ibb.co/8BSmK0j/avatar-Wave-ecoBtnIDBackite3.png');
  transform: rotate(50deg);
  animation: anim 25s linear infinite;
  
}

.wave-animationDiagBig .waveDiagBig:before{
  opacity: 0.7;
  content: '';
    border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
    transform: rotate(15deg);

  animation: anim-rev 25s linear infinite;
  
}
.wave-animationDiagBig .waveDiagBig:after{
  content: '';
    border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
    transform: rotate(140deg);

  opacity: 0.7;
  animation-delay: -5s;
  animation: anim 25s linear infinite;
  
}


#diagScreen .diagnosisBody img {
    position: absolute;
    z-index: 4;
    top: 17px;
    left: 25px;}


#screenLogic #diagScreen .heartIcon {
    width: 48px;
    height: 48px;
    z-index: 6;
    position: absolute;
    left: 170px;
    top: 164px;
}

#screenLogic #diagScreen .diagHeartBtn {
    width: 90px;
    height: 90px;
	border-radius: 60px;
    position: absolute;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    z-index: 8;
    left: 200px;
    top: 150px;
    background-color: green;
	opacity: 0.0;
}

#screenLogic #diagScreen .infectIcon {
    width: 48px;
    height: 48px;
    z-index: 6;
    position: absolute;
    left: 250px;
    top: 244px;
}

#screenLogic #diagScreen .diagInfectBtn {
    width: 110px;
    height: 110px;
	border-radius: 60px;
    position: absolute;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    z-index: 8;
    left: 265px;
    top: 220px;
    background-color: green;
	opacity: 0.0;
}

#screenLogic #diagScreen .bodyIcon {
    width: 48px;
    height: 48px;
    z-index: 5;
    position: absolute;
    left: 277px;
    top: 411px;
}

#screenLogic #diagScreen .diagBodyBtn {
    width: 117px;
    height: 105px;
	border-radius: 40px;
    position: absolute;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    z-index: 8;
    left: 260px;
    top: 390px;
    background-color: green;
	opacity: 0.0;
}

#screenLogic #diagScreen .lungIcon {
    width: 48px;
    height: 48px;
    z-index: 6;
    position: absolute;
    left: 104px;
    top: 186px;
}

#screenLogic #diagScreen .diagLungBtn {
    width: 90px;
    height: 90px;
	border-radius: 60px;
    position: absolute;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    z-index: 8;
    left: 137px;
    top: 220px;
    background-color: green;
	opacity: 0.0;
}

#screenLogic #diagScreen .mindIcon {
    width: 48px;
    height: 48px;
    z-index: 6;
    position: absolute;
    left: 74px;
    top: -2px;
}

#screenLogic #diagScreen .diagMindBtn {
    width: 130px;
    height: 130px;
	border-radius: 60px;
    position: absolute;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    z-index: 8;
    left: 110px;
    top: 15px;
    background-color: green;
	opacity: 0.0;
}

#screenLogic #diagScreen #diagnosisResScreenDivDiag {
    display: none; 
    opacity: 1.0; 
    z-index: 50;
    position: absolute; 
    top:100px; 
    left: 388px; 
    width: 428px; 
    height: 346px; 
    margin: 0;
}


/* FundScreen Logic */


#screenLogic #fundScreen .fundScreenBase {
	z-index: 4;
	position: absolute;
	top: -22px;
	left: -38px;
}

 #screenLogic #fundScreen #withdrawBtn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	position: absolute;
	left: 676px;
	top: 380px;
	width: 90px;
	height: 90px;
	z-index: 5;
    padding: 0px 0px;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    -webkit-box-shadow: 1px 2px 4px 1px darkslategray;
    -moz-box-shadow: 1px 2px 4px 1px darkslategray;
    box-shadow: 1px 2px 4px 1px darkslategray;

}
#screenLogic #fundScreen #withdrawBtn:hover,
#withdrawBtn:focus {
    color: #111111;
    text-decoration: none;
}
#screenLogic #fundScreen #withdrawBtn:active {
    left: 678px;
	top: 382px;
    background: #f395ac;
    background: -webkit-gradient(linear, left top, left bottom, from(#f395ac), to(#f395ac));
    background: -moz-linear-gradient(top, #f395ac, #f395ac);
    background: linear-gradient(to bottom, #f395ac, #f395ac);
}
#screenLogic #fundScreen #withdrawBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 51px;
    width: 38px;
    line-height: 0px;
    margin: 0px 0px 8px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/Pr2GySSd/with-Draw-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


 #screenLogic #fundScreen #exchangeCoinBtn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	position: absolute;
	left: 110px;
	top: 214px;
	width: 91px;
	height: 69px;
	z-index: 5;
    padding: 0px 0px;
    border: 2px solid #000000;
	border-width: 1px;
	border-color: rgb(0,0,0);
	border-style: solid;
	border-radius: 10px;
	opacity: 0.8;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);

}


#screenLogic #fundScreen #exchangeCoinBtn:hover,
#exchangeCoinBtn:focus {
    color: #111111;
    text-decoration: none;
}
#screenLogic #fundScreen #exchangeCoinBtn:active {
    left: 112px;
	top: 216px;
    background: #f395ac;
    background: -webkit-gradient(linear, left top, left bottom, from(#f395ac), to(#f395ac));
    background: -moz-linear-gradient(top, #f395ac, #f395ac);
    background: linear-gradient(to bottom, #f395ac, #f395ac);
}
#screenLogic #fundScreen #exchangeCoinBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/XYBWQTX9/exchange-Coin-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


.wave-animationFund {
  	-moz-border-radius:50%;
  	-webkit-border-radius:50%;
  	border-radius: 50%;
  	border: 2px solid;
	border-color: black;
 	-webkit-box-shadow: 0px 2px 0px -7px #000000, 0px 2px 6px 1px rgba(0,0,0,0.73);
	box-shadow: 0px 2px 0px -7px #000000, 0px 2px 6px 1px rgba(0,0,0,0.73);
	position: absolute;
	z-index: 5;
  	left: 760px;
    top: 10px;
	width: 84px;
	height: 84px;
	background-color: #FFDDDD;
	background-size: cover;
	background-attachment: fixed;
	
}
.wave-animationFund .waveFund {
  	-moz-border-radius:50%;
  	-webkit-border-radius:50%;
  	border-radius: 50%;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;/*PNG*/
	top:0;
	left:0;
	background-image: 
/*   url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');*/
	url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
	transform: rotate(50deg);
	animation: anim 25s linear infinite;
	
}

.wave-animationFund .waveFund:before{
	opacity: 0.7;
	content: '';
  	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  	transform: rotate(15deg);

	animation: anim-rev 25s linear infinite;
	
}
.wave-animationFund .waveFund:after{
	content: '';
  	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  	transform: rotate(140deg);

	opacity: 0.7;
	animation-delay: -5s;
	animation: anim 25s linear infinite;
	
}


#screenLogic #fundScreen .AvatarFund {
    position: absolute;
	z-index: 5;
	top: -3px;
    left: 738px;
    width: 50px;
    height: 50px;
 
}



#screenLogic #fundScreen #fastActionPhoneBtn {
	position: absolute;
	left: 694px;
	top: 135px;
	z-index: 8;
	width: 53px;
	height: 53px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #5d3ad2;
    background: -webkit-gradient(linear, left top, left bottom, from(#5d3ad2), to(#4f31b3));
    background: -moz-linear-gradient(top, #5d3ad2, #4f31b3);
    background: linear-gradient(to bottom, #5d3ad2, #4f31b3);
   -webkit-box-shadow: 1px 2px 4px 0.5px darkslategray;
    -moz-box-shadow: 1px 2px 4px 0.5px darkslategray;
    box-shadow: 1px 2px 4px 0.5px darkslategray;
   
}
#screenLogic #fundScreen #fastActionPhoneBtn:hover,
.fastActionPhoneBtn:focus {
    background: #7046fc;
    background: -webkit-gradient(linear, left top, left bottom, from(#7046fc), to(#5f3bd7));
    background: -moz-linear-gradient(top, #7046fc, #5f3bd7);
    background: linear-gradient(to bottom, #7046fc, #5f3bd7);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #fundScreen #fastActionPhoneBtn:active {
    left: 696px;
	top: 137px;
    background: #38237e;
    background: -webkit-gradient(linear, left top, left bottom, from(#38237e), to(#4f31b3));
    background: -moz-linear-gradient(top, #38237e, #4f31b3);
    background: linear-gradient(to bottom, #38237e, #4f31b3);
}
#screenLogic #fundScreen #fastActionPhoneBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/qM7gnJsv/phone-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}




#screenLogic #fundScreen #fastActionElectBtn {
	position: absolute;
	left: 694px;
	top: 197px;
	z-index: 8;
	width: 53px;
	height: 53px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #5d3ad2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0ba3c), to(#f0ba3c));
    background: -moz-linear-gradient(top, #f0ba3c, #f0ba3c);
    background: linear-gradient(to bottom, #f0ba3c, #f0ba3c);
   -webkit-box-shadow: 1px 2px 4px 0.5px darkslategray;
    -moz-box-shadow: 1px 2px 4px 0.5px darkslategray;
    box-shadow: 1px 2px 4px 0.5px darkslategray;
   
}
#screenLogic #fundScreen #fastActionElectBtn:hover,
#fastActionElectBtn:focus {
    background: #f0ba3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdf48), to(#ffdf48));
    background: -moz-linear-gradient(top, #ffdf48, #ffdf48);
    background: linear-gradient(to bottom, #ffdf48, #ffdf48);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #fundScreen #fastActionElectBtn:active {
    left: 696px;
	top: 199px;
    background: #907024;
    background: -webkit-gradient(linear, left top, left bottom, from(#907024), to(#f0ba3c));
    background: -moz-linear-gradient(top, #907024, #f0ba3c);
    background: linear-gradient(to bottom, #907024, #f0ba3c);
}
#screenLogic #fundScreen #fastActionElectBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABPElEQVRIibXVvUrEQBQF4M/FQkT2AQTBQsTaUvxBsbAWSwsfQ/AZLGy0FrFQEGytRNHC0kIUsROxkgV/QFklFhMx62Y3yZo9MCS5mXvunTN37tBl9OSY04dp9CZsnzjFexlJrCBKGeNlkMN2Cvm1xhW1RCXH/8kU+64g078xjLrG7OsYyUuQtYIJzVKc4S5vgCwdZ1JsOwnfMUHCIazlDfqDCq40yvOFVezhIf6OcFGUHAY1699qLHYSYCkneduSbbfJafqnYV2HJXupUftHHKCWsN8LraQl2lXRK/ZxIvSdG/TjKTFnQ0n96AcLfrOvoZrlkHXQ/mI28b6J54L+mTgXsn8TyrhUVGPiCFtlk8N8TP6B0bxORfZgKn4e4raAX24cK/kmS2IALzjqBjmhJUeY61aAZeFEFz03vgGwEV1tYNU5lAAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #fundScreen #fastActionDataBtn {
	position: absolute;
	left: 694px;
	top: 260px;
	z-index: 8;
	width: 53px;
	height: 53px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #5d3ad2;
    background: -webkit-gradient(linear, left top, left bottom, from(#0f9ddb), to(#0f9ddb));
    background: -moz-linear-gradient(top, #0f9ddb, #0f9ddb);
    background: linear-gradient(to bottom, #0f9ddb, #0f9ddb);
   -webkit-box-shadow: 1px 2px 4px 0.5px darkslategray;
    -moz-box-shadow: 1px 2px 4px 0.5px darkslategray;
    box-shadow: 1px 2px 4px 0.5px darkslategray;
   
}
#screenLogic #fundScreen #fastActionDataBtn:hover,
#fastActionDataBtn:focus {
    background: #0f9edb;
    background: -webkit-gradient(linear, left top, left bottom, from(#18f6ff), to(#12beff));
    background: -moz-linear-gradient(top, #18f6ff, #12beff);
    background: linear-gradient(to bottom, #18f6ff, #12beff);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #fundScreen #fastActionDataBtn:active {
    left: 696px;
	top: 262px;
    background: #0c7eaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#0c7eaf), to(#0f9edb));
    background: -moz-linear-gradient(top, #0c7eaf, #0f9edb);
    background: linear-gradient(to bottom, #0c7eaf, #0f9edb);
}
#screenLogic #fundScreen #fastActionDataBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/SKt7CT5n/dataIcon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #fundScreen #fundDemoOutline{
	position: absolute;
	display: none;
	z-index: 30;
	left: 220px;
	top: 100px;
	width: 420px;
	height: 277px;
	border: 2px solid #000000;
	border-radius: 15px;
	align-content: center;
	background: #f49db0;
	opacity: 1;
}

#screenLogic #fundScreen #fundDemoOutline #demoMessageHeaderFund{
	display: block;
	font-size: 25px;
	color: black;
	text-align: center;
    font-family: "Open Sans";
	
}

#screenLogic #fundScreen #fundDemoOutline #demoMessage{
	display: none;
	color: black;
    font-family: "Open Sans";
	text-align: block; 
	font-weight: 600;
	padding: 10px 10px 10px 10px;
}

#screenLogic #fundScreen #fundDemoOutline #backButtonFundDemo {
	display: grid;
	margin: auto;
	opacity: 1.0;
	z-index: 35;
    text-align: center;
    vertical-align: middle;
    padding: 11px 35px;
    border: 1.5px solid #f56e8c;
    border-radius: 10px;
    background: #ffb5ca;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb5ca), to(#f49db0));
    background: -moz-linear-gradient(top, #ffb5ca, #f49db0);
    background: linear-gradient(to bottom, #ffb5ca, #f49db0);
    -webkit-box-shadow: #b8b8b8 0px 0px 19px 0px;
    -moz-box-shadow: #b8b8b8 0px 0px 19px 0px;
    box-shadow: #b8b8b8 0px 0px 19px 0px;
    text-shadow: #7a4f58 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #fundScreen #fundDemoOutline #backButtonFundDemo:hover,
#screenLogic #fundScreen #fundDemoOutline #backButtonFundDemo:focus {
    background: #ffd9f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd9f2), to(#ffbcd3));
    background: -moz-linear-gradient(top, #ffd9f2, #ffbcd3);
    background: linear-gradient(to bottom, #ffd9f2, #ffbcd3);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #fundScreen #fundDemoOutline #backButtonFundDemo:active {
    background: #ab6e7b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ab6e7b), to(#f49db0));
    background: -moz-linear-gradient(top, #ab6e7b, #f49db0);
    background: linear-gradient(to bottom, #ab6e7b, #f49db0);
}


/*EcoScreen */


.wave-animationEco {
  	-moz-border-radius:50%;
  	-webkit-border-radius:50%;
  	border-radius: 50%;
  	border: 2px solid;
	border-color: black;
 	-webkit-box-shadow: 0px 2px 0px -7px #000000, 0px 2px 6px 1px rgba(0,0,0,0.73);
	box-shadow: 0px 2px 0px -7px #000000, 0px 2px 6px 1px rgba(0,0,0,0.73);
	position: absolute;
	z-index: 5;
  	left: 765px;
    top: 5px;
	width: 84px;
	height: 84px;
	background-color: #99d8fa;
	background-size: cover;
	background-attachment: fixed;
	
}
.wave-animationEco .waveEco {
  	-moz-border-radius:50%;
  	-webkit-border-radius:50%;
  	border-radius: 50%;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;/*PNG*/
	top:0;
	left:0;
	background-image: 
/*   url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');*/
	url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
	transform: rotate(50deg);
	animation: anim 25s linear infinite;
	
}

.wave-animationEco .waveEco:before{
	opacity: 0.7;
	content: '';
  	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  	transform: rotate(15deg);

	animation: anim-rev 25s linear infinite;
	
}
.wave-animationEco .waveEco:after{
	content: '';
  	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url('https://i.ibb.co/8BSmK0j/avatar-Wave-White3.png');
  	transform: rotate(140deg);

	opacity: 0.7;
	animation-delay: -5s;
	animation: anim 25s linear infinite;
	
}

#screenLogic #fundScreen .AvatarEco {
    position: absolute;
	z-index: 6;
	top: -3px;
    left: 738px;
    width: 50px;
    height: 50px;
 
}

#screenLogic #ecoScreen .ecoLeftPane {
	z-index: 4;
	position: absolute;
	top: 70px;
	left: -10px;
}

#screenLogic #ecoScreen .detailOutsideBox {
    z-index: 5;
    position: absolute;
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 13px;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    width: 114px;
    height: 137px;
    z-index: 256;
  }

#screenLogic #ecoScreen .ecoRightPane {
	z-index: 4;
	position: absolute;
	top: 70px;
	left: 350px;
}

#screenLogic #ecoScreen .weatherWidget {
	z-index: 4;
	position: absolute;
	top: -15px;
	left: -40px;
}

#screenLogic #ecoScreen #tstWaterBtn {
	z-index: 4;
	position: absolute;
	top: 453px;
	left: 175px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 3px 15px;
    border: 1px solid white;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    background: linear-gradient(#a4cbf7, #5ea5fa);
    background: -webkit-gradient(linear, left top, left bottom, from(#a4cbf7), to(#5ea5fa));
    background: -moz-linear-gradient(top, #a4cbf7, #5ea5fa);
    background: linear-gradient(to bottom, #a4cbf7, #5ea5fa);
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #tstWaterBtn:hover,
#screenLogic #ecoScreen #tstWaterBtn:focus {
    border: 1px solid white;
    background: #a4cbf7;
    background: -webkit-gradient(linear, left top, left bottom, from(#a4cbf7), to(#b3d4f8));
    background: -moz-linear-gradient(top, #a4cbf7, #b3d4f8);
    background: linear-gradient(to bottom, #a4cbf7, #b3d4f8);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #tstWaterBtn:active {
    top: 455px;
    left: 177px;
    background: linear-gradient(#a4cbf7, #5ea5fa);
    background: -webkit-gradient(linear, left top, left bottom, from(#d4e3f4), to(#5ea5fa));
    background: -moz-linear-gradient(top, #a4cbf7, #5ea5fa);
    background: linear-gradient(to bottom, #a4cbf7, #5ea5fa);
}
#screenLogic #ecoScreen #tstWaterBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 43px;
    width: 29px;
    line-height: 24px;
    margin: 0px 12px -6px 8px;
    position: relative;
    top: -8px;
    left: 0px;
    background: url("https://i.postimg.cc/HnTcSvk4/water-Tst-Eco-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoSreen .cropYieldDemandTable {
    position: absolute; 
    z-index: 10;
    color: #fafafa;
    font-size: 20px; 
    font-family: Open Sans; 
    font-weight: 600;
}


#screenLogic #ecoScreen #tstSoilBtn {
	z-index: 4;
	position: absolute;
	top: 453px;
	left: 450px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 30px 3px 30px;
    border: 1px solid white;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    background: linear-gradient(#ffcb86, #f2a33b); 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcb86), to(#f2a33b));
    background: -moz-linear-gradient(top, #ffcb86, #f2a33b);
    background: linear-gradient(to bottom, #ffcb86, #f2a33b);
   
    font-size: 22px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #tstSoilBtn:hover,
#screenLogic #ecoScreen #tstSoilBtn:focus {
    background: linear-gradient(#ffcb86, #f2a33b); 
    background: -webkit-gradient(linear, left top, left bottom, from(#f2a33b), to(#ffc77d));
    background: -moz-linear-gradient(top, #ffcb86, #ffc77d);
    background: linear-gradient(to bottom, #ffcb86, #ffc77d);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #tstSoilBtn:active {
    top:455px;
    left: 452px;
    background: linear-gradient(#ffcb86, #f2a33b); 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcb86), to(#f2a33b));
    background: -moz-linear-gradient(top, #ffcb86, #f2a33b);
    background: linear-gradient(to bottom, #ffcb86, #f2a33b);
}
#screenLogic #ecoScreen #tstSoilBtn:before{

    content:  "\0000a0";
    display: inline-block;
    height: 43px;
    width: 43px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: -7px;
    left: -7px;
    background: url("https://i.postimg.cc/7LpSNNzm/soil-Tst-Eco-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #startTestBtn {
	top: 271px; 
    left: 124px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 22px 4px 22px;
    border: 1.5px solid white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    background: linear-gradient(#41a642, #41a642); 
    background: -webkit-gradient(linear, left top, left bottom, from(#41a642), to(#41a642));
    background: -moz-linear-gradient(top, #41a642, #41a642);
    background: linear-gradient(to bottom, #41a642, #41a642);
    font-size: 22px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #startTestBtn:hover,
#screenLogic #ecoScreen #startTestBtn:focus {
    border: 1.5px solid white;
    background: #008a02;
    background: -webkit-gradient(linear, left top, left bottom, from(#008a02), to(#008a02));
    background: -moz-linear-gradient(top, #008a02, #008a02);
    background: linear-gradient(to bottom, #008a02, #008a02);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #startTestBtn:active {
    top:273px;
    left: 126px;
    background: #008a02;
    background: -webkit-gradient(linear, left top, left bottom, from(#008a02), to(#008a02));
    background: -moz-linear-gradient(top, #008a02, #008a02);
    background: linear-gradient(to bottom, #008a02, #008a02);
}


#screenLogic #diagScreen #startTestBtnDiag {
	top: 271px; 
    left: 124px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 22px 4px 22px;
    border: 1.5px solid white;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    background: linear-gradient(#41a642, #41a642); 
    background: -webkit-gradient(linear, left top, left bottom, from(#41a642), to(#41a642));
    background: -moz-linear-gradient(top, #41a642, #41a642);
    background: linear-gradient(to bottom, #41a642, #41a642);
   
    font-size: 22px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #diagScreen #startTestBtnDiag:hover,
#screenLogic #diagScreen #startTestBtnDiag:focus {
    border: 1.5px solid white;
    background: #008a02;
    background: -webkit-gradient(linear, left top, left bottom, from(#008a02), to(#008a02));
    background: -moz-linear-gradient(top, #008a02, #008a02);
    background: linear-gradient(to bottom, #008a02, #008a02);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #diagScreen #startTestBtnDiag:active {
    top:273px;
    left: 126px;
    background: #008a02;
    background: -webkit-gradient(linear, left top, left bottom, from(#008a02), to(#008a02));
    background: -moz-linear-gradient(top, #008a02, #008a02);
    background: linear-gradient(to bottom, #008a02, #008a02);
}


#screenLogic #ecoScreen .ecoDetailBtns {
	z-index: 9;
	opacity: 0.8;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2px 15px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    font-size: 19px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);

}


#screenLogic #ecoScreen #seeDrugsDetailBtn {
    position: absolute;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 17px;
	left: 218px;
	top: 370px;
	background: #a79dcb;
    background: -webkit-gradient(linear, left top, left bottom, from(#a79dcb), to(#a79dcb));
    background: -moz-linear-gradient(top, #a79dcb, #a79dcb);
    background: linear-gradient(to bottom, #a79dcb, #a79dcb);
    z-index: 9;
	opacity: 0.8;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 19px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45)

}
#screenLogic #ecoScreen #seeDrugsDetailBtn:hover,
#screenLogic #ecoScreen #seeDrugsDetailBtn:focus {
    background: #c8bcf4;
    background: -webkit-gradient(linear, left top, left bottom, from(#c8bcf4), to(#c8bcf4));
    background: -moz-linear-gradient(top, #c8bcf4, #c8bcf4);
    background: linear-gradient(to bottom, #c8bcf4, #c8bcf4);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #seeDrugsDetailBtn:active {
    top: 371px;
    left: 219px;
    background: #645e7a;
    background: -webkit-gradient(linear, left top, left bottom, from(#645e7a), to(#a79dcb));
    background: -moz-linear-gradient(top, #645e7a, #a79dcb);
    background: linear-gradient(to bottom, #645e7a, #a79dcb);
    
}





#screenLogic #ecoScreen #seeFoodDetailBtn {
    z-index: 9;
	opacity: 0.8;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 21px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    font-size: 17px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45);
	position: absolute;
	left: 75px;
	top: 370px;
	background: #fac178;
    background: -webkit-gradient(linear, left top, left bottom, from(#fac178), to(#fac178));
    background: -moz-linear-gradient(top, #fac178, #fac178);
    background: linear-gradient(to bottom, #fac178, #fac178);
}
#screenLogic #ecoScreen #seeFoodDetailBtn:hover,
#screenLogic #ecoScreen #seeFoodDetailBtn:focus {
    background: #ffe890;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe890), to(#ffe890));
    background: -moz-linear-gradient(top, #ffe890, #ffe890);
    background: linear-gradient(to bottom, #ffe890, #ffe890);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #seeFoodDetailBtn:active {
    background: #af8754;
    background: -webkit-gradient(linear, left top, left bottom, from(#af8754), to(#fac178));
    background: -moz-linear-gradient(top, #af8754, #fac178);
    background: linear-gradient(to bottom, #af8754, #fac178);
    left: 76px;
    top: 371px;
}






#screenLogic #ecoScreen #seeSoilDetailBtn {
    z-index: 9;
	opacity: 0.8;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 23px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    font-size: 17px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45);
	position: absolute;
	left: 74px;
	top: 215px;
	background: #ff864a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff864a), to(#ff864a));
    background: -moz-linear-gradient(top, #ff864a, #ff864a);
    background: linear-gradient(to bottom, #ff864a, #ff864a);
}
#screenLogic #ecoScreen #seeSoilDetailBtn:hover,
#screenLogic #ecoScreen #seeSoilDetailBtn:focus {
    background: #ffa159;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa159), to(#ffa159));
    background: -moz-linear-gradient(top, #ffa159, #ffa159);
    background: linear-gradient(to bottom, #ffa159, #ffa159);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #seeSoilDetailBtn:active {
    left: 75px;
	top: 216px;
    background: #99502c;
    background: -webkit-gradient(linear, left top, left bottom, from(#99502c), to(#ff864a));
    background: -moz-linear-gradient(top, #99502c, #ff864a);
    background: linear-gradient(to bottom, #99502c, #ff864a);
}




#screenLogic #ecoScreen #seeWaterDetailBtn {
    z-index: 9;
	opacity: 0.8;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 18px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    font-size: 17px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45);
	position: absolute;
	left: 217px;
	top: 215px;
	background: #336eef;
    background: -webkit-gradient(linear, left top, left bottom, from(#336eef), to(#336eef));
    background: -moz-linear-gradient(top, #336eef, #336eef);
    background: linear-gradient(to bottom, #336eef, #336eef);
}
#screenLogic #ecoScreen #seeWaterDetailBtn:hover,
#screenLogic #ecoScreen #seeWaterDetailBtn:focus {
    background: #3d84ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d84ff), to(#3d84ff));
    background: -moz-linear-gradient(top, #3d84ff, #3d84ff);
    background: linear-gradient(to bottom, #3d84ff, #3d84ff);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #seeWaterDetailBtn:active {
    background: #1f428f;
    background: -webkit-gradient(linear, left top, left bottom, from(#1f428f), to(#336eef));
    background: -moz-linear-gradient(top, #1f428f, #336eef);
    background: linear-gradient(to bottom, #1f428f, #336eef);
    left: 218px;
	top: 216px;
}


/* ECO SCREEN DETAIL */

#screenLogic #ecoScreen #requestBtn {
	position: absolute;
	z-index: 56;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 27px;
	left: 155px;
	width: 115px;
	height: 31px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    background: #e94048;
    background: -webkit-gradient(linear, left top, left bottom, from(#e94048), to(#e94048));
    background: -moz-linear-gradient(top, #e94048, #e94048);
    background: linear-gradient(to bottom, #e94048, #e94048);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #requestBtn:hover,
#screenLogic #ecoScreen #requestBtn:focus {
    background: #ff4d56;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4d56), to(#ff4d56));
    background: -moz-linear-gradient(top, #ff4d56, #ff4d56);
    background: linear-gradient(to bottom, #ff4d56, #ff4d56);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #requestBtn:active {
    top: 28px;
	left: 156px;
    background: #e94048;
    background: -webkit-gradient(linear, left top, left bottom, from(#e94048), to(#ff4d56));
    background: -moz-linear-gradient(top, #e94048, #ff4d56);
    background: linear-gradient(to bottom, #e94048, #ff4d56);
}



#screenLogic #ecoScreen #provideBtn {
	position: absolute;
	z-index: 56;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 27px;
	left: 10px;
	width: 115px;
	height: 31px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    background: #65bf89;
    background: -webkit-gradient(linear, left top, left bottom, from(#65bf89), to(#65bf89));
    background: -moz-linear-gradient(top, #65bf89, #65bf89);
    background: linear-gradient(to bottom, #65bf89, #65bf89);
  	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font-size: 16px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #provideBtn:hover,
#screenLogic #ecoScreen #provideBtn:focus {
    background: #79e5a4;
    background: -webkit-gradient(linear, left top, left bottom, from(#79e5a4), to(#79e5a4));
    background: -moz-linear-gradient(top, #79e5a4, #79e5a4);
    background: linear-gradient(to bottom, #79e5a4, #79e5a4);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #provideBtn:active {
    top: 28px;
	left: 11px;
    background: #65bf89;
    background: -webkit-gradient(linear, left top, left bottom, from(#65bf89), to(#79e5a4));
    background: -moz-linear-gradient(top, #65bf89, #79e5a4);
    background: linear-gradient(to bottom, #65bf89, #79e5a4);
}


#screenLogic #ecoScreen .supplyChooserBtn {
	z-index: 9;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 70.44px;
	height: 67.25px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    color: #111111;
    text-decoration: none;
}


#screenLogic #ecoScreen .supplyChooserBtn:hover,
#screenLogic #ecoScreen .supplyChooserBtn:focus {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen .supplyChooserBtn:active {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}


#screenLogic #ecoScreen .supplyChooserBtn:hover,
#screenLogic #ecoScreen .supplyChooserBtn:focus {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen .supplyChooserBtn:active {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}


#screenLogic #ecoScreen #supplyDrugBtn {
	z-index: 9;
	position: absolute;
	top: 133px;
	left: 420px;
	
	display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 70.44px;
	height: 67.25px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
    
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    text-decoration: none;
}
#screenLogic #ecoScreen #supplyDrugBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 37px;
    width: 52px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/52r9y8gF/pillIcon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #supplyDrugBtn:hover,
#screenLogic #ecoScreen #supplyDrugBtn:focus {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen #supplyDrugBtn:active {
    top: 135px;
	left: 422px;
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}




#screenLogic #ecoScreen #supplyGadgetBtn {
	z-index: 9;
	position: absolute;
	top: 211px;
	left: 420px;
	
	display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 70.44px;
	height: 67.25px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
   
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    text-decoration: none;
}



#screenLogic #ecoScreen #supplyGadgetBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 38px;
    width: 35px;
    line-height: 24px;
    margin: 0px 5px 4px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/SsnVfbbK/gadget-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #supplyGadgetBtn:hover,
#screenLogic #ecoScreen #supplyGadgetBtn:focus {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen #supplyGadgetBtn:active {
    top: 213px;
	left: 422px;
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}


#screenLogic #ecoScreen #supplyHygieneBtn {
	z-index: 9;
	position: absolute;
	top: 290px;
	left: 420px;
	
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 70.44px;
	height: 67.25px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
 
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    text-decoration: none;
	
}
#screenLogic #ecoScreen #supplyHygieneBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 44px;
    width: 46px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/q7z29cbb/hygiene-Icon.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #supplyHygieneBtn:hover,
#screenLogic #ecoScreen #supplyHygieneBtn:focus {
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen #supplyHygieneBtn:active {
    top: 292px;
	left: 422px;
    background: #cdbad9;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}



#screenLogic #ecoScreen .detailSupplyItem {
	position: absolute;
	z-index: 9;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 121px;
	height: 29px;
    border: 1.5px solid #000000;
    border-radius: 2px;
    background: #d1a9ce;
    background: -webkit-gradient(linear, left top, left bottom, from(#d1a9ce), to(#d1a9ce));
    background: -moz-linear-gradient(top, #d1a9ce, #d1a9ce);
    background: linear-gradient(to bottom, #d1a9ce, #d1a9ce);
  	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 16px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen .detailSupplyItem:hover,
#screenLogic #ecoScreen .detailSupplyItem:focus {
    background: #cb85c6;
    background: -webkit-gradient(linear, left top, left bottom, from(#cb85c6), to(#cb85c6));
    background: -moz-linear-gradient(top, #cb85c6, #cb85c6);
    background: linear-gradient(to bottom, #cb85c6, #cb85c6);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen .detailSupplyItem:active {
    background: #3d7352;
    background: -webkit-gradient(linear, left top, left bottom, from(#c974c3), to(#c974c3));
    background: -moz-linear-gradient(top, #c974c3, #c974c3);
    background: linear-gradient(to bottom, #c974c3, #c974c3);
}


/* Hygiene Articles */

#screenLogic #ecoScreen #tampons {
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 133px;
	left: 530px;	
}

#screenLogic #ecoScreen #pads {
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 182px;
	left: 530px;	
}

#screenLogic #ecoScreen #diapers {
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 231px;
	left: 530px;	
}

#screenLogic #ecoScreen #soap {
	
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 280px;
	left: 530px;	
	
}

#screenLogic #ecoScreen #masks {
	
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 329px;
	left: 530px;	
	
}

#screenLogic #ecoScreen #condoms {
	
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 133px;
	left: 670px;	
}

#screenLogic #ecoScreen #sanitiser {
	
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 182px;
	left: 670px;	
	
}

#screenLogic #ecoScreen #toothpaste {
	
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 231px;
	left: 670px;	
	
	
}

#screenLogic #ecoScreen #toothbrush {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 280px;
	left: 670px;	
	
	
}

#screenLogic #ecoScreen #whipes {
	
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 329px;
	left: 670px;	
	
}

/* Gadgets */

#screenLogic #ecoScreen #crutches {
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 133px;
	left: 530px;	
}

#screenLogic #ecoScreen #syringes {
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 182px;
	left: 530px;	
}

#screenLogic #ecoScreen #tubes {
	z-index: 9;
	position: absolute;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	top: 231px;
	left: 530px;	
}

#screenLogic #ecoScreen #bloodGauge {
	font: normal normal bold 14px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	z-index: 9;
	position: absolute;
	top: 280px;
	left: 530px;	
	
}

#screenLogic #ecoScreen #stethoscope {
	font: normal normal bold 15px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
	z-index: 9;
	position: absolute;
	top: 329px;
	left: 530px;	
	
}

#screenLogic #ecoScreen #forceps {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 133px;
	left: 670px;	
}

#screenLogic #ecoScreen #casts {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 182px;
	left: 670px;	
	
}

#screenLogic #ecoScreen #bandages {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 231px;
	left: 670px;	
	
	
}

#screenLogic #ecoScreen #scissors {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 280px;
	left: 670px;	
	
	
}

#screenLogic #ecoScreen #pumps {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 329px;
	left: 670px;	
	
}

/* Drugs */

#screenLogic #ecoScreen #malariaDr {
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 133px;
	left: 530px;	
}

#screenLogic #ecoScreen #hivDr {
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 182px;
	left: 530px;	
}

#screenLogic #ecoScreen #tbcDr {
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 231px;
	left: 530px;	
}

#screenLogic #ecoScreen #pneumoniaDr {

	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 280px;
	left: 530px;	
	
}

#screenLogic #ecoScreen #painkillersDr {

	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 329px;
	left: 530px;	
	
}

#screenLogic #ecoScreen #diarrheaDr {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 133px;
	left: 670px;	
}

#screenLogic #ecoScreen #measlesDr {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 182px;
	left: 670px;	
	
}

#screenLogic #ecoScreen #antibioticsDr {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 231px;
	left: 670px;	
	
	
}

#screenLogic #ecoScreen #thyroidDr {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 280px;
	left: 670px;	
	
	
}

#screenLogic #ecoScreen #diabetesDr {
	
	z-index: 9;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
	position: absolute;
	top: 329px;
	left: 670px;	
	
}

/* Water Details */

#screenLogic #ecoScreen #requestBtnWater {
	position: absolute;
	z-index: 9;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 330px;
	left: 611px;
	width: 115px;
	height: 25px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    background: #e94048;
    background: -webkit-gradient(linear, left top, left bottom, from(#e94048), to(#e94048));
    background: -moz-linear-gradient(top, #e94048, #e94048);
    background: linear-gradient(to bottom, #e94048, #e94048);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 16px;
    font-family: "Open Sans";
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #requestBtnWater:hover,
#screenLogic #ecoScreen #requestBtnWater:focus {
    background: #ff4d56;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4d56), to(#ff4d56));
    background: -moz-linear-gradient(top, #ff4d56, #ff4d56);
    background: linear-gradient(to bottom, #ff4d56, #ff4d56);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #requestBtnWater:active {
    top: 332px;
	left: 612px;
    background: #8c262b;
    background: -webkit-gradient(linear, left top, left bottom, from(#8c262b), to(#e94048));
    background: -moz-linear-gradient(top, #8c262b, #e94048);
    background: linear-gradient(to bottom, #8c262b, #e94048);
}

/* foodDetails */


#screenLogic #ecoScreen .foodChooserBtnGreen {
	z-index: 9;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 87.19px;
	height: 75.13px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
	background: #bbdec2;
    background: -webkit-gradient(linear, left top, left bottom, from(#bbdec2), to(#bbdec2));
    background: -moz-linear-gradient(top, #bbdec2, #bbdec2);
    background: linear-gradient(to bottom, #bbdec2, #bbdec2);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    color: #111111;
    text-decoration: none;
}

#screenLogic #ecoScreen .foodChooserBtnGreen:hover,
#screenLogic #ecoScreen .foodChooserBtnGreen:focus {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen .foodChooserBtnGreen:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen .foodChooserBtnYellow {
	z-index: 9;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 87.19px;
	height: 75.13px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
	background: #fff9c3;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff9c3), to(#fff9c3));
    background: -moz-linear-gradient(top, #fff9c3, #fff9c3);
    background: linear-gradient(to bottom, #fff9c3, #fff9c3);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    color: #111111;
    text-decoration: none;
}

#screenLogic #ecoScreen .foodChooserBtnYellow:hover,
#screenLogic #ecoScreen .foodChooserBtnYellow:focus {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen .foodChooserBtnYellow:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}


#screenLogic #ecoScreen .foodChooserBtnRed {
	z-index: 9;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 87.19px;
	height: 75.13px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
	background: #ef7077;
    background: -webkit-gradient(linear, left top, left bottom, from(#ef7077), to(#ef7077));
    background: -moz-linear-gradient(top, #ef7077, #ef7077);
    background: linear-gradient(to bottom, #ef7077, #ef7077);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    color: #111111;
    text-decoration: none;
}

#screenLogic #ecoScreen .foodChooserBtnRed:hover,
#screenLogic #ecoScreen .foodChooserBtnRed:focus {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen .foodChooserBtnRed:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}







#screenLogic #ecoScreen #riceBtn {
	z-index: 9;
	position: absolute;
	top: 127.75px;
	left: 435px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width: 87.19px;
	height: 75.13px;
    padding: 0px 0px;
    border:1.8px solid #000000;
    border-radius: 8px;
	background: #bbdec2;
    background: -webkit-gradient(linear, left top, left bottom, from(#bbdec2), to(#bbdec2));
    background: -moz-linear-gradient(top, #bbdec2, #bbdec2);
    background: linear-gradient(to bottom, #bbdec2, #bbdec2);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px;
    font-family: "Open Sans";
    color: #111111;
    text-decoration: none;
	
}
#screenLogic #ecoScreen #riceBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 60px;
    width: 60px;
    line-height: 24px;
    margin: 0 0px 2px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/GhFjwWY4/Rice.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #riceBtn:hover,
#screenLogic #ecoScreen #riceBtn:focus {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ead7f6), to(#ead7f6));
    background: -moz-linear-gradient(top, #ead7f6, #ead7f6);
    background: linear-gradient(to bottom, #ead7f6, #ead7f6);
}
#screenLogic #ecoScreen #riceBtn:active {
    top: 128.75px;
	left: 436px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}








#screenLogic #ecoScreen #yamsBtn {
	z-index: 9;
	position: absolute;
	top: 217px;
	left: 435px;
	
	
}
#screenLogic #ecoScreen #yamsBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 43px;
    width: 63px;
    line-height: 27px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/Fs5x6rft/Yams.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #yamsBtn:active {
    top: 218px;
	left: 436px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen #bananaBtn {
	z-index: 9;
	position: absolute;
	top: 306.25px;
	left: 435px;
	
	
}
#screenLogic #ecoScreen #bananaBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 56px;
    width: 53px;
    line-height: 24px;
    margin: 0 3px 2px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/YCx8g5q5/Banana.png") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #bananaBtn:active {
    top: 307.25px;
	left: 436px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen #cocoaBtn {
	z-index: 9;
	position: absolute;
	top: 127.75px;
	left: 561px;
	
	
}
#screenLogic #ecoScreen #cocoaBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 51px;
    width: 76px;
    line-height: 24px;
    margin: 0 2px -1px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/TPY0ctKp/cocoa.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #cocoaBtn:active {
    top: 128.75px;
	left: 562px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen #cornBtn {
	z-index: 9;
	position: absolute;
	top: 217px;
	left: 561px;
	
	
}
#screenLogic #ecoScreen #cornBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 50px;
    width: 63px;
    line-height: 24px;
    margin: 0 0px 3px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/mZFwVzgN/Corn.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #cornBtn:active {
    top: 218px;
	left: 562px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen #cocoYamsBtn {
	z-index: 9;
	position: absolute;
	top: 306.25px;
	left: 561px;
	
	
}
#screenLogic #ecoScreen #cocoYamsBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 42px;
    width: 70px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/d1h9bDmF/Cocoyams.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #cocoYamsBtn:active {
    top: 307.25px;
	left: 562px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}


#screenLogic #ecoScreen #coffeeBtn {
	z-index: 9;
	position: absolute;
	top: 127px;
	left: 687px;
	
	
}
#screenLogic #ecoScreen #coffeeBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 46px;
    width: 70px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/HxFtdHBy/Coffee.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #coffeeBtn:active {
    top: 128px;
	left: 688px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen #beansBtn {
	z-index: 9;
	position: absolute;
	top: 217px;
	left: 687px;
	
	
}
#screenLogic #ecoScreen #beansBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 58px;
    width: 57px;
    line-height: 24px;
    margin: 0 0px 3px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/zftj2Thp/Beans.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #beansBtn:active {
    top: 218px;
	left: 688px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}

#screenLogic #ecoScreen #wheatBtn {
	z-index: 9;
	position: absolute;
	top: 306.25px;
	left: 687px;
}
#screenLogic #ecoScreen #wheatBtn:before{
    content:  "\0000a0";
    display: inline-block;
    height: 64px;
    width: 42px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("https://i.postimg.cc/SR8fK5vt/Wheat.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #wheatBtn:active {
    top: 307.25px;
	left: 688px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdbad9), to(#cdbad9));
    background: -moz-linear-gradient(top, #cdbad9, #cdbad9);
    background: linear-gradient(to bottom, #cdbad9, #cdbad9);
}


/* Pop Ups Eco */
/* Provide PopUp */

#screenLogic #ecoScreen #providePopUp {
	z-index: 20;
	position: absolute;
	left: -65px;
	top: -24px;
	
}

#screenLogic #ecoScreen #totalFrameProvide {
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    background-color: transparent;
    position: absolute;
    left: 117px;
    top: 268px;
    width: 192px;
    height: 199px;
    z-index: 24;
	
}



#screenLogic #ecoScreen #submitProvideEcoBtn {
	z-index: 25;
	position: absolute;
	top: 470px;
	left: 380px;
	width: 235px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;	
    border: 1.5px solid #ffffff;
    border-radius: 5px;
    background: #f62055;
    background: -webkit-gradient(linear, left top, left bottom, from(#f62055), to(#c51a44));
    background: -moz-linear-gradient(top, #f62055, #c51a44);
    background: linear-gradient(to bottom, #f62055, #c51a44);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
 	font-size: 26px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #submitProvideEcoBtn:hover,
#screenLogic #ecoScreen #submitProvideEcoBtn:focus {
    background: #ff2666;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2666), to(#ec1f52));
    background: -moz-linear-gradient(top, #ff2666, #ec1f52);
    background: linear-gradient(to bottom, #ff2666, #ec1f52);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #submitProvideEcoBtn:active {
    top: 471px;
	left: 381px;
    background: #941333;
    background: -webkit-gradient(linear, left top, left bottom, from(#941333), to(#c51a44));
    background: -moz-linear-gradient(top, #941333, #c51a44);
    background: linear-gradient(to bottom, #941333, #c51a44);
}

#screenLogic #ecoScreen #btnBackProvidePop {
	z-index: 30;
    display: inline-block;
	position: absolute;
	top: 470px;
	left: 826px;
    padding: 9px 13px 9px 13px;
    border: 2px solid #b3b3b3;
    border-radius: 13px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c7c9));
    background: -moz-linear-gradient(top, #ffffff, #c9c7c9);
    background: linear-gradient(to bottom, #ffffff, #c9c7c9);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);

    color: #111111;
   
}
#screenLogic #ecoScreen #btnBackProvidePop:hover,
#screenLogic #ecoScreen #btnBackProvidePop:focus {
    border: 1px solid #ffffff;
    color: #111111;
}
#screenLogic #ecoScreen #btnBackProvidePop:active {
    top: 471px;
	left: 827px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#ffffff));
    background: -moz-linear-gradient(top, #b3b3b3, #ffffff);
    background: linear-gradient(to bottom, #b3b3b3, #ffffff);
}
#screenLogic #ecoScreen #btnBackProvidePop:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABTklEQVRIibWWQUoDMRSGvxbxBCJdiAzDrKS4dOG2Cy8gLorHcO11ZMAblNJDCEKhxY1DQRcyyzKUcZEEYiZvkon6w9vkTf7/5SX5MyP6UQC3wAyYAid6/AN4BZbAM7AJ8HSQAyXQAG0gGv1tHkt+D9QRxG7Uem4vHoBDArmJg+YQKx9K/miFLTJ3yfPEtthw25XZyTKxJZJACzyZREH/aXlLFNgDxRh1zo/cnmm8AzdCLoRjzc1CqG4HXAjVxayg1dzsPIlP4DIwOUaggm7/v4CriMkxAo0rUAPXpEEUqKyBu0RySaCCn5v8Akz+UGAxRlmuwRRYAWcRk/v2w2AJ/ou2dkRSbnmjuQG/VayB818IlPZSJLPbokxrKHnH7EC26+1Acq9dG/zrg2MwF9oV0xaxchcZys/3EcTm0c98RKOAUI663TOUs57q8ejflm+1Y1J405GcqgAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #ecoProvReqDoneMess{
	position: absolute;
	display: none;
	z-index: 30;
	left: 220px;
	top: 100px;
	width: 420px;
	height: 277px;
	border: 2px solid #000000;
	border-radius: 15px;
	align-content: center;
	background: #63b467;
	opacity: 1;
}

#screenLogic #ecoScreen #ecoProvReqDoneMess #ecoProvReqHeaderMess{
	display: block;
	font-size: 25px;
	color: white;
	text-align: center;
    font-family: "Open Sans";
	
}

#screenLogic #ecoScreen #ecoProvReqDoneMess #ecoProvReqMessageMain{
    position: absolute;
    top: 82px;
    left: 48px;
	color: white;
    z-index: 40;
    font-family: "Open Sans";
    font-size: 19px;
	text-align: block; 
	font-weight: 600;
	padding: 10px 10px 10px 10px;
}

#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonEcoReqProvMess {
    
    position: absolute;
    display: inline;
	opacity: 1.0;
	z-index: 35;
    left: 144px;
    top: 203px;
    padding: 11px 35px;
    border: 1.5px solid #ffffff;
    border-radius: 10px;
    background: #65bf89;
    background: -webkit-gradient(linear, left top, left bottom, from(#65bf89), to(#65bf89));
    background: -moz-linear-gradient(top, #65bf89, #65bf89);
    background: linear-gradient(to bottom, #65bf89, #65bf89);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    text-shadow: #7a4f58 1px 1px 1px;
    font-size: 20px;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
}



#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonEcoReqProvMess:hover,
#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonEcoReqProvMess:focus {
    background: #79e5a4;
    background: -webkit-gradient(linear, left top, left bottom, from(#79e5a4), to(#79e5a4));
    background: -moz-linear-gradient(top, #79e5a4, #79e5a4);
    background: linear-gradient(to bottom, #79e5a4, #79e5a4);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonEcoReqProvMess:active {
    left: 145px;
    top: 205px;
    background: #3d7352;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d7352), to(#3d7352));
    background: -moz-linear-gradient(top, #3d7352, #3d7352);
    background: linear-gradient(to bottom, #3d7352, #3d7352);
   
}



#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonFundDemo:hover,
#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonFundDemo:focus {
    background: #ff4d56;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4d56), to(#ff4d56));
    background: -moz-linear-gradient(top, #ff4d56, #ff4d56);
    background: linear-gradient(to bottom, #ff4d56, #ff4d56);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #ecoProvReqDoneMess #backButtonFundDemo:active {
    left: 142px;
    top: 205px;
    background: #8c262b;
    background: -webkit-gradient(linear, left top, left bottom, from(#8c262b), to(#e94048));
    background: -moz-linear-gradient(top, #8c262b, #e94048);
    background: linear-gradient(to bottom, #8c262b, #e94048);
   
}

/* Quantity */

/* plus Button */

#screenLogic #ecoScreen #providePopUp #plusBtnQuantEco {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 323px;
	left: 258px;
	width: 37px;
	height: 37px;
    
    border: 3px solid #000000;
    border-radius: 50%;
    background: #60b564;
    background: -webkit-gradient(linear, left top, left bottom, from(#60b564), to(#60b564));
    background: -moz-linear-gradient(top, #60b564, #60b564);
    background: linear-gradient(to bottom, #60b564, #60b564);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #plusBtnQuantEco:hover,
#screenLogic #ecoScreen #providePopUp #plusBtnQuantEco:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #plusBtnQuantEco:active {
    top: 324px;
	left: 259px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #plusBtnQuantEco:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}

/* minus Button */

#screenLogic #ecoScreen #providePopUp #minusBtnQuantEco {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 323px;
	left: 126px;
	width: 37px;
	height: 37px;
    
    border: 3px solid #000000;
    border-radius: 50%;
    background: #60b564;
    background: -webkit-gradient(linear, left top, left bottom, from(#60b564), to(#60b564));
    background: -moz-linear-gradient(top, #60b564, #60b564);
    background: linear-gradient(to bottom, #60b564, #60b564);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #minusBtnQuantEco:hover,
#screenLogic #ecoScreen #providePopUp #minusBtnQuantEco:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #minusBtnQuantEco:active {
    top: 324px;
	left: 127px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #minusBtnQuantEco:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAWklEQVRIie3QMQqAMBBE0R+Nl/Eq6Tyox0krnkNMLGIhC4GolTIPFnaaHVgQke9zJo/ABAxn3oH+xr4BMxBrhSuQX85yPdiZglRrfsqbHCgvssWtEuVFIvIrB8jTHAFN7pyBAAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}


/* Price Buttons Percentage */

#screenLogic #ecoScreen #providePopUp #priceMinus20 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 120px;
	left: 108px;
	width: 57.67px;
	height: 57.67px;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #efc530;
    background: -webkit-gradient(linear, left top, left bottom, from(#efc530), to(#efc530));
    background: -moz-linear-gradient(top, #efc530, #efc530);
    background: linear-gradient(to bottom, #efc530, #efc530);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus20:hover,
#screenLogic #ecoScreen #providePopUp #priceMinus20:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus20:active {
    top: 122px;
	left: 110px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #priceMinus20:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #priceMinus15 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 123px;
	left: 183px;
	width: 51.9px;
	height: 51.9px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #8ec89a;
    background: -webkit-gradient(linear, left top, left bottom, from(#8ec89a), to(#8ec89a));
    background: -moz-linear-gradient(top, #8ec89a, #8ec89a);
    background: linear-gradient(to bottom, #8ec89a, #8ec89a);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus15:hover,
#screenLogic #ecoScreen #providePopUp #priceMinus15:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus15:active {
    top: 125px;
	left: 185px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #priceMinus15:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7.5px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #priceMinus10 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 126px;
	left: 253px;
	width: 46.14px;
	height: 46.14px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #ff8400;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#ff8400));
    background: -moz-linear-gradient(top, #ff8400, #ff8400);
    background: linear-gradient(to bottom, #ff8400, #ff8400);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus10:hover,
#screenLogic #ecoScreen #providePopUp #priceMinus10:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus10:active {
    top: 127px;
	left: 254px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #priceMinus10:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7.5px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #priceMinus5 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 129px;
	left: 318px;
	width: 40.37px;
	height: 40.37px;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #fe4a5d;
    background: -webkit-gradient(linear, left top, left bottom, from(#fe4a5d), to(#fe4a5d));
    background: -moz-linear-gradient(top, #fe4a5d, #fe4a5d);
    background: linear-gradient(to bottom, #fe4a5d, #fe4a5d);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus5:hover,
#screenLogic #ecoScreen #providePopUp #priceMinus5:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus5:active {
    top: 130px;
	left: 319px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #priceMinus5:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7.5px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #priceMinus2 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 130px;
	left: 376px;
	width: 34.6px;
	height: 34.6px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee));
    background: -moz-linear-gradient(top, #eeeeee, #eeeeee);
    background: linear-gradient(to bottom, #eeeeee, #eeeeee);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus2:hover,
#screenLogic #ecoScreen #providePopUp #priceMinus2:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #priceMinus2:active {
    top: 131px;
	left: 377px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #priceMinus2:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 1px 0px 0px -7.5px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}




#screenLogic #ecoScreen #providePopUp #pricePlus20 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 127px;
	left: 829px;
	width: 34.6px;
	height: 34.6px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #959595;
    background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#959595));
    background: -moz-linear-gradient(top, #959595, #959595);
    background: linear-gradient(to bottom, #959595, #959595);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus20:hover,
#screenLogic #ecoScreen #providePopUp #pricePlus20:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus20:active {
    top: 128px;
	left: 830px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #pricePlus20:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -2.5px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #pricePlus15 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 125px;
	left: 770px;
	width: 40.37px;
	height: 40.37px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #aaaaaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#aaaaaa));
    background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa);
    background: linear-gradient(to bottom, #aaaaaa, #aaaaaa);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus15:hover,
#screenLogic #ecoScreen #providePopUp #pricePlus15:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus15:active {
    top: 126px;
	left: 771px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #pricePlus15:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0px 0px 0px -8px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #pricePlus10 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 123px;
	left: 707px;
	width: 46.14px;
	height: 46.14px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #bfbfbf;
    background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#bfbfbf));
    background: -moz-linear-gradient(top, #bfbfbf, #bfbfbf);
    background: linear-gradient(to bottom, #bfbfbf, #bfbfbf);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus10:hover,
#screenLogic #ecoScreen #providePopUp #pricePlus10:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus10:active {
    top: 124px;
	left: 708px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #pricePlus10:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -8px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #pricePlus5 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 121px;
	left: 635px;
	width: 51.9px;
	height: 51.9px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #d2d2d2;
    background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
    background: -moz-linear-gradient(top, #d2d2d2, #d2d2d2);
    background: linear-gradient(to bottom, #d2d2d2, #d2d2d2);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus5:hover,
#screenLogic #ecoScreen #providePopUp #pricePlus5:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus5:active {
    top: 123px;
	left: 637px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #pricePlus5:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


#screenLogic #ecoScreen #providePopUp #pricePlus2 {
	position: absolute;
	z-index: 25;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	top: 119px;
	left: 562px;
	width: 57.67px;
	height: 57.67px;
    
    border: 2px solid #000000;
    border-radius: 50%;
    background: #e5e5e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e5e5e5));
    background: -moz-linear-gradient(top, #e5e5e5, #e5e5e5);
    background: linear-gradient(to bottom, #e5e5e5, #e5e5e5);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus2:hover,
#screenLogic #ecoScreen #providePopUp #pricePlus2:focus {
    background: #73d978;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d978), to(#73d978));
    background: -moz-linear-gradient(top, #73d978, #73d978);
    background: linear-gradient(to bottom, #73d978, #73d978);
    color: #ffffff;
    text-decoration: none;
}
#screenLogic #ecoScreen #providePopUp #pricePlus2:active {
    top: 121px;
	left: 564px;
    background: #3a6d3c;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a6d3c), to(#60b564));
    background: -moz-linear-gradient(top, #3a6d3c, #60b564);
    background: linear-gradient(to bottom, #3a6d3c, #60b564);
}
#screenLogic #ecoScreen #providePopUp #pricePlus2:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px -7px;
    position: relative;
    top: 0px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVklEQVRIiWNgIB5sZ2Bg+A/F24nVxESCBWSBUQtGLRi1gIGBkYH4XGnCwMAgAmW/YWBgOEOsBf9JdxfxgOZBxMLAwLCDSLVkBREpYLQ0HbVg1ILBagEATfsNc6FMi/8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}

#screenLogic #ecoScreen #requestPopUp #btnBackReqPop {
	z-index: 30;
    display: inline-block;
	position: absolute;
	top: 310px;
	left: 580px;
    padding: 9px 13px 9px 13px;
    border: 2px solid #b3b3b3;
    border-radius: 13px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c7c9));
    background: -moz-linear-gradient(top, #ffffff, #c9c7c9);
    background: linear-gradient(to bottom, #ffffff, #c9c7c9);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);

    color: #111111;
   
}
#screenLogic #ecoScreen #requestPopUp #btnBackReqPopk:hover,
#screenLogic #ecoScreen #requestPopUp #btnBackReqPop:focus {
    border: 1px solid #ffffff;
    color: #111111;
}
#screenLogic #ecoScreen #requestPopUp #btnBackReqPop:active {
    top: 311px;
	left: 581px;
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#ffffff));
    background: -moz-linear-gradient(top, #b3b3b3, #ffffff);
    background: linear-gradient(to bottom, #b3b3b3, #ffffff);
}
#screenLogic #ecoScreen #requestPopUp #btnBackReqPop:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABTklEQVRIibWWQUoDMRSGvxbxBCJdiAzDrKS4dOG2Cy8gLorHcO11ZMAblNJDCEKhxY1DQRcyyzKUcZEEYiZvkon6w9vkTf7/5SX5MyP6UQC3wAyYAid6/AN4BZbAM7AJ8HSQAyXQAG0gGv1tHkt+D9QRxG7Uem4vHoBDArmJg+YQKx9K/miFLTJ3yfPEtthw25XZyTKxJZJACzyZREH/aXlLFNgDxRh1zo/cnmm8AzdCLoRjzc1CqG4HXAjVxayg1dzsPIlP4DIwOUaggm7/v4CriMkxAo0rUAPXpEEUqKyBu0RySaCCn5v8Akz+UGAxRlmuwRRYAWcRk/v2w2AJ/ou2dkRSbnmjuQG/VayB818IlPZSJLPbokxrKHnH7EC26+1Acq9dG/zrg2MwF9oV0xaxchcZys/3EcTm0c98RKOAUI663TOUs57q8ejflm+1Y1J405GcqgAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}

#demoBtn {
    position: absolute;
    z-index: 30;
    top: 239px;
    left: 210px;
    width: 168px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 2.5px solid white;
    border-radius: 10px;
    background: #395D93;
    font: 600 24px "Open Sans";
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);

}


  #demoBtn:hover,
  #demoBtn:focus {
    background: #7292c2;

  }
  #demoBtn:active {
    top: 241px;
    left: 212px;
    background: #395D93;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#395D93), to(#395D93));
    background: -moz-linear-gradient(top, #395D93, #395D93);
    background: linear-gradient(to bottom, #395D93, #395D93);
  }

  footer {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    color: darkslategrey;
    left: 0;
  }

  footer p {
    margin: 0;
  }

  footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  footer li {
    display: inline-block;
    margin: 0 10px;
  }