html, div, img, ul, p, ol, li, table, tr, th, td, form, body {
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}
table, div {
	width: 100%;
	position: relative;
}
table {
	border-collapse: collapse;
}
html {
	min-height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
/*	background-color: #777777;  */
	color: #000000;
	font-size: 16px;
	font-size: 1.1vw;
/*	background: -webkit-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: -moz-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: -o-linear-gradient(bottom left, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);
	background: linear-gradient(to top right, rgba(43, 40, 50, 0.8) 0%, rgba(83, 86, 99, 0.8) 45%, rgba(69, 77, 91, 0.6) 60%);  */
	min-height: 100%;
	min-height: 100vh;
	background-color: #dee3e6;
	background-color: #ffffff;

}
a {
	color: #000000;
	text-decoration: none;
	border: none;
}
/* new fonts */
#vw_element {
	width: 1px;
	width: 50vw;
}
#outer_wrapper {
	width: 70%;
	min-width: 250px;
	margin: auto;
}
.logo {
	width:18%;
	padding:1em 0;
}

.title-header {
	text-align: center;
	font-family: Geneva, Verdana, sans-serif;
	font-weight: bold;
	padding: 3px 0;
	margin: 0 0 3px 0;
	color: #000000;
	font-size: 120%;
/*	box-shadow: 0px 1px 5px rgb(200,200,200);
	box-shadow: 0px 0px 35px rgba(200,200,200,0.3) inset;
	border-radius: 0 0 25px 25px;  */
}
.title-header span {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.title-header td:last-child {
	width: 5%;
	min-width: 40px;
}
.title-header td:last-child img {
	width: 80%;


}
.title-header td:last-child div {
	border: 1px rgb(210,210,210) solid;
	border: 1px rgba(210,210,210,0.5) solid;  
	right: 50%;
	border-radius: 5px;
/*	box-shadow: 0px 0px 2px rgb(229,229,229);
	box-shadow: 0px 0px 3vw rgba(229,229,229,0.4) inset;  */
	text-align: center;
	min-width: 2.5em;
}
#settings_btn {
   cursor:pointer;
}
.settings-btn-inactive {
	background-color: none;

}
.settings-btn-inactive:hover {
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,0.8);
}
.settings-btn-active {
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,0.8);
}
.banner-cnt {
	background-color:#dee3e6;
	padding: 1em 1em;
}
.banner-cnt  img:first-child {
	width:95%;
	display:block;
	margin:auto;
}
.banner-cnt img:last-child {
	display:none;
	width:100%;
}

/*  menu */
#menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	z-index: 20;
	display: none;
}
#menu .menu-inner {
	background-color: #ced6d8;
	box-shadow: 0px 0px 15px rgba(100,100,100,0.4) inset;
	padding: 5px 2%;
	z-index: 100;
}
#menu ul li {
	list-style: none;
	margin: 10px 0;
	padding: 3px 2% 3px 2%;
}
#menu ul li p:first-child {
	font-size: 120%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	padding-bottom: 3px;
	border-bottom: 1px solid rgb(245,245,245);
	margin-bottom: 5px;
	color: #aaaaaa;
}
#menu ul li p:first-child img {
	height: 1.5em;
	width: auto;
	margin-right: 1em;
}
.menu-contact-us-button {
	background-color: #008000;
	width: 10em;
	text-align: center;
	padding: 10px 2%;
	margin: 1em 0;
	box-shadow: 0px 1px 5px rgb(100,100,100);
	box-shadow: 0px 0px 35px rgba(0,0,0,0.5) inset;
	border-radius: 5px;
	color: #ffffff;
	font-size: 120%;
}
.menu-contact-us-button:hover {
	background-color: #049f03;
}
.menu-to-archive-button, .menu-to-downloads-button, .menu-to-support-button  {
	padding: 10px 1%;
	border-radius: 5px;
	color:#ffffff;
	background-color:#808080;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3) inset;
	width: 10em;
	text-align: center;
	margin: 1em 0;
	font-size: 120%;
}
.menu-to-archive-button:hover {
	background-color:#A1A1A1;
}
.menu-to-downloads-button {
	background-color: #f3d8ad;
	color:#000000;
}
.menu-to-downloads-button:hover {
	background-color: #f6e1c0;
}
.menu-to-support-button {
color:#000000;
 background-color:#B0C4DE  ;
}
.menu-to-support-button:hover {
background-color:#bbcee5
}
.menu-banner-cnt {
	margin: 20px 0;
}
.menu-banner-cnt img {
	width: 100%;
}
.menu-banner-cnt img:last-child {
	display: none;
}
.type_h2 {
	font-size: 130%;
	padding-top: 0;
	border-bottom:1px #bbbbbb solid;
	color:#333333;
	padding-bottom:0.5em;
	margin-bottom:1em;
	margin-top:2em;
}
.tag-list  li{
	display:inline-block;
	padding: 0.75em 2em;
	list-style:none;
	margin:5px 10px;
	background-color: #212225;
	color:#ffffff;
	font-size:110%;
}
.tag-list  li:hover {
	background-color: #434345;
	cursor:pointer;
}

.segment-cnt {
	width: 23%;
	margin: 0 0 0 0.25em;
	margin-top: 10px;
/*	background-color: #8790ad;
	-webkit-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
	-moz-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
	box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;  */
	min-width:100px;

background-color: #ffffff;
		border-radius:10px;
	background-color: #dee3e6;

}
.segment-cnt:hover {
	-ms-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	cursor: pointer;
/*	background-color: #9fa8c3;  
	cursor: pointer;  */
	background-color: #ededed;  

}
.segment-cnt:hover table p:after {
/*	background: -webkit-linear-gradient(left, rgba(159,168,195,0), rgba(159,168,195,1.0)70%);
	background: -o-linear-gradient(right, rgba(159,168,195,0), rgba(159,168,195,1.0)70%);
	background: -moz-linear-gradient(right, rgba(159,168,195,0), rgba(159,168,195,1.0)70%);
	background: linear-gradient(to right, rgba(159,168,195,0), rgba(159,168,195,1.0) 70%);  */
	background-color: #ededed;  
}
.segment-cnt div {
	padding: 5px;
	padding: 0.25vw 0.25vw 2vw 0.25vw;

}
.segment-cnt div img {
	width: 100%;
	border-radius:10px;
}
.segment-cnt table {
	margin-top: 5px;
}
.segment-cnt table td {
	vertical-align: top;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 120%;
	color: #ffffff;
	padding: 0 5px;
	color:#000000;

}
.segment-cnt table p {
	height: 2.5em;
	overflow: hidden;
	line-height: 1.2em;
}
.segment-cnt table p:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 1.2em;
/*	background: -webkit-linear-gradient(left, rgba(135,144,173,0), rgba(135,144,173,1.0)70%);
	background: -o-linear-gradient(right, rgba(135,144,173,0), rgba(135,144,173,1.0)70%);
	background: -moz-linear-gradient(right, rgba(135,144,173,0), rgba(135,144,173,1.0)70%);
	background: linear-gradient(to right, rgba(135,144,173,0), rgba(135,144,173,1.0) 70%);   */
		background-color: #dee3e6;

}
@supports (-webkit-line-clamp: 2) {
.segment-cnt  table p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
    }
.segment-cnt  table p:after  {
        display: none;
    }
}
.segment-cnt .sinhala-text {
	font-family: "Iskoola Pota", "SinhalaSangamMN", sans-serif;
	font-size: 90%;
}
/* error page */
.error-page-cnt {
	width:96%;
	margin-left:2%;
	color:#000000;
	min-height:20em;
	min-height: 50vh;
}
.error-page-cnt p:first-child {
	font-size:200%;
	font-weight:bold;
	margin:10px 0;
}
.error-page-cnt p:nth-child(2) {
	font-size:120%;
	margin:10px 0;
}
.error-page-cnt span {
   color:#bbbbbb;
}
.error-page-cnt a input {
	padding: 5px 0.75em;
	text-align: center;
	border: none;
	color: #000000;
	background-color: #ced6d8;
	box-shadow: 0px 0px 15px rgba(100,100,100,0.4) inset;
	border-radius: 25px;
	cursor: pointer;
	font-size: 120%;
	border:none;
}
.error-page-cnt a {
	color: #000000;
}
.error-page-cnt a input:hover {
	background-color: #e5eaeb;
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);	
}
/* downloads  */
.downloads-page-cnt {
	color:#000000;
}
.downloads-options-intro {
	margin:1em 0 2em 0;
}
.downloads-options-intro  p{
	margin:1em 0
}
.downloads-options-intro span {
	font-weight:bold;
	font-size:110%;
	color:#d60b02;
}
.downloads-options-intro  a  {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}
.app-download-cnt {
    margin:1em 0;
}
.app-download-cnt table:nth-child(even) {
margin-left:1em;
}
.download-app-segment {
	width:48%;
  background-color:#dee3e6;
  margin:0.5em 0;
}
.download-app-segment td {
	vertical-align:top;
	border:1px #ffffff solid;
	height:12em; 
	padding:0.5em 0.5em;
}
.download-app-segment td ul li {
	list-style:none;
}
.download-app-segment td ul li  a {
	text-decoration:underline;
	color:#000000;
	cursor:pointer;
}
.download-app-segment td ul li a img {
	text-decoration:none;
}
.download-app-segment td:first-child {
    width:45%;
}
.download-app-segment td:first-child p {
    font-size:110%;
	font-weight:bold;
}
.download-app-segment td:first-child img {
	width:5em;
	border-radius:0.5em;
	margin:0.5em auto;
} 
.download-app-segment td ul li:nth-child(1) img {
	width:10em;
}
.download-app-segment td ul li:nth-child(2) img {
	width:10em;
}
.download-app-segment td ul li:nth-child(3) img {
	width:14em;
}
.desktop-shortcut-cnt
{
    width: 4em;
    height: 4em;
    position: relative;
	background-size:100% 100%;
	background-repeat:no-repeat;
	border-radius:0.5em;
	margin:0 0 1em 1em;;
}
.desktop-shortcut-cnt:after
{
    content: '';
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    bottom:-0.5em;
    left:-0.5em;
	background:#ffffff;
	background-image: url(../images/download-icons/shortcut-icon.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	border:0.05em #888888 solid;	
}

/* support  */
.support-page-cnt {
	color:#000000;
}
.support-page-cnt a {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}
.support-faq-list li{
	list-style:none;
	margin:0.5em 0;
}
.support-segment-title {
	font-size:110%;
	font-weight:bold;
	margin:2em 0 0.5em 0;
	text-decoration:underline;
}
.support-segment-title a {
	cursor: text;
}
.support-segment-desc  p {
	margin:0.5em 0;
}
.support-segment-desc .support-text-type1 {
	margin:1em 0;
	 font-weight:bold;
}
.support-list-type1 {
	list-style-type:decimal;
    width:90%;
	margin-left:5%;	
}
.support-list-type1 li{
	margin:1em 0;
}
.support-list-type1 li img {
	margin:0.5em 0;
	max-width:100%;
}
.support-list-type1 li:nth-child(2) img {
  width:30em;
}
.support-list-type1 li:nth-child(3) img {
  width:40em;
}
.checksum-table {
	table-layout:fixed;
}
.checksum-table td{
	border:1px solid #ffffff;
	padding:0.5em;
	word-wrap: break-word;
	background-color: #dee3e6;
}
.checksum-table tr td:first-child {
	width:30%;
}
.checksum-table li {
	list-style:none;
	margin:0.5em 0;
}
.checksum-table li span {
	font-weight:bold;
	color:#444444;
}


/*  footer  */
#footer {
	position: relative;
	margin-top: 20px;
	padding: 20px 0;
	color: #000000;
	box-shadow: 0px 1px 5px rgb(200,200,200);
	box-shadow: 0px 0px 35px rgba(200,200,200,0.3) inset;
	font-size: 90%;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.footer-table {
	width: 80%;
	margin: auto;
}
.footer-menu {
	width: 60%;
}
.footer-contact {
	width: 40%;
}
.footer-menu table {
	width: 95%;
	margin: auto;
}
.footer-menu p {
	text-align: center;
	margin: 5px auto;
	padding-bottom: 8px;
	border-bottom: 1px rgb(200,200,200) solid;
	border-bottom: 1px rgba(200,200,200,0.3) solid;
	width: 90%;
}
.footer-menu div {
	padding: 0 2% 10px 2%;
	width: 90%;
	margin: auto;
}
.footer-menu div ul {
	width: 80%;
	margin: auto;
}
.footer-menu table td:first-child {
	width: 30%;
	vertical-align: middle;
}
.footer-menu ul {
	list-style: none;
}
.footer-menu ul  li {
  padding:0.25em 0;
}

#footer_cpyrt {
	text-align: center;
	margin: 20px 0 10px 0;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
#footer_cpyrt p {
	border-top: 1px rgb(200,200,200) solid;
	border-top: 1px rgba(200,200,200,0.3) solid;
	padding-top: 10px;
	width: 80%;
	margin: auto;
}
#footer_cpyrt a {
	text-decoration: underline;
}
#footer_email {
	font-size: 120%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	padding-bottom: 10px;
}
.google-play-badge {
   padding:1em 0;
}
.google-play-badge img {
	width:12em;
     max-width:80%;
}


/* terms */
.terms-cnt, .terms-cnt a {
	color: #000000;
}
.terms-cnt p {
	margin: 10px 0;
	font-family: Geneva, Verdana, sans-serif;
}
.terms-cnt .terms-heading {
	margin: 30px 0;
	font-size: 120%;
	color: #000000;
}
.terms-cnt p:first-child {
	font-size: 140%;
}
.terms-cnt ul {
	margin: 6px 0 6px 6%;
}
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}
#outer_wrapper {
	width: 80%;
}
#menu {
	width: 70%;
}
.logo {
	width:8em;
}
}
@media only screen and (max-width: 1000px) {
#outer_wrapper {
	width: 90%;
}
#menu {
	width: 80%;
}

.footer-table {
	width: 98%;
}
}
@media only screen and (max-width: 800px), (max-width: 900px) and (min-resolution: 115dpi), (max-width: 1025px) and (min-resolution: 128dpi), (max-width: 1150px) and (min-resolution: 146dpi), (max-width: 1300px) and (min-resolution: 165dpi), (max-width: 1500px) and (min-resolution: 185dpi), (min-resolution: 215dpi) {
#outer_wrapper {
	width: 100%;
}
#menu {
	width: 100%;
}
.title-header {
	border-radius: 0 0 8px 8px;
	border-radius: 0 0 3vw 3vw;
}
.logo {
	width: 9em;
}
.title-header td:last-child div {
	min-width: 3em;
}
.banner-cnt  img:first-child {
	display:none;
	}
.banner-cnt img:last-child {
	display:block;
	max-width:30em;
	margin:auto;
}
.type_h2  {
	width:97.5%;
}
.tag-list  li{
	padding: 0.65em 1.5em;
	margin:5px 10px;
}
.segment-cnt {	
	margin-top: 2vw;
	width: 31%;
	margin: 0 0 0 0.5em;
	margin-top: 10px;
}
.content {
	width:97.5%;
	margin:auto;
}
.app-download-cnt table:nth-child(even) {
margin-left:0;
}
.download-app-segment {
	width:95%;
  margin:0.5em 0;
  max-width:35em;
}
.content {
  padding-left:2.5%;
}

.segment-cnt table td {
	padding: 0 1vw;
}
#footer {
	padding: 3vw 0;
}
.footer-menu div {
	border-radius: 10px;
	border-radius: 5vw;
	padding: 0 2% 2vw 2%;
}
.footer-menu ul  li {
  padding:0.5em 0;
}
#footer_cpyrt {
	margin: 3vw 0 2vw 0;
}
#footer_email {
	font-size: 110%;
}
.terms-cnt {
	width: 96%;
	margin: 0 2%;
}
}
/*  small screen */
@media (max-width: 500px), (max-width: 600px) and (min-resolution: 100dpi), (max-width: 700px) and (min-resolution: 120dpi), (max-width: 850px) and (min-resolution: 140dpi),(max-width: 1000px) and (min-resolution: 170dpi), (max-width: 1200px) and (min-resolution: 200dpi) {
#outer_wrapper {
	width: 100%;
}
.title-header {
	font-size: 16px;
}

.menu-banner-cnt img:last-child {
	display: block;
}
.menu-banner-cnt img:first-child {
	display: none;
}
.segment-cnt {
	font-size: 14px;
	width: 46.5%;
	margin: 0 0 0 0.5em;
	margin-top: 5px;
}
.segment-cnt table td p {
	height: 3.6em;
}
@supports (-webkit-line-clamp: 3) {
.segment-cnt  table p {
        -webkit-line-clamp: 3;
    }
}
.footer-menu {
	width: 90%;
	margin-left: 5%;
}
.footer-contact {
	width: 90%;
	margin-left: 5%;
	margin-top: 5px;
	text-align: center;
}
}
@media only screen and (max-width: 360px) {
.title-header {
	font-size: 14px;
}
.segment-cnt {
	font-size: 13px;
}
.segment-cnt table td p {
	height: 4.8em;
}
@supports (-webkit-line-clamp: 4) {
.segment-cnt  table p {
        -webkit-line-clamp: 4;
    }
}
}