/* CSS Document */


/* Layout */

.macontainer
{
	width:99%;
	margin:var(--gap) auto;
	color:var(--txt);
	background-color: var(--bkg);
	display: grid;
	grid-gap: var(--gap);
	grid-template-columns: repeat(5, 1fr);
}

.maheader
{
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	background-color: var(--bkg);
	cursor:default;
}

.malogo
{
	grid-column: 1 / 3;
}

.mamenu
{
	grid-column: 3 / -1;
	justify-self: end;
	align-self: end;
	display: grid;
	grid-template-rows: auto 1fr;
	margin-right:20px;
}

.maadv
{
	grid-column: 1 / -1;
	text-align:center;
	/* height: 120px; */
	/* height: 35px; */
	padding:10px;
	color: var(--mid);
	background-color: var(--bkg);
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#093b46), to(#6f156c));/* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #093b46,  #6f156c);
	/*background: -o-linear-gradient(top,  #093b46 0%,#6f156c 100%);/* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #093b46 0%,#6f156c 100%);/* IE10+ */
	/*background: linear-gradient(to bottom,  #093b46 0%,#6f156c 100%);/* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#093b46', endColorstr='#6f156c');*/
	/* cursor: pointer; */
}

#maadvimg
{
	/* height: 130px; */
}

.mabody
{
	grid-column: 1 / -1;
	display: grid;
	grid-gap: var(--gap);
	grid-template-columns: repeat(5, 1fr);
}

.macontent
{
	grid-column: 1 / -2;
}

.maside
{
	grid-column: -2 / -1;
	padding:10px;
}

.mafooter
{
	grid-column: 1 / -1;
	text-align: center;
}



/* Styles */

/* logo */

.malogo a:hover
{
	text-decoration: none;
}

.malogocontainer
{
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto auto 1fr;
}

.titlelogo
{
	width:78px;
	height:80px;
}

.titletext
{
	margin-top:10px;
	line-height:200%;
}

.titletextup
{
	font-family:'Times New Roman';
	font-size:2em;
	letter-spacing:1px;
	/*text-shadow: 0px 1px 1px #2a0202;*/
	color: var(--lnk);
}

.titletextdown
{
	font-family:'Times New Roman';
	font-weight:bold;
	font-size:0.85em;
	letter-spacing:0.41em;
	/*text-shadow: 0px 1px 1px #2a0202;*/
	color: var(--lnk);
}




/* Menu */

.mamenuicon
{
	visibility: hidden;
}

.mamenuicon div
{
    margin: 5px;
	width: 20px;
    height: 3px;
    background-color: var(--wht);
}

ul.mamenucontainer
{
	justify-self: end;
	align-self: end;
}

ul.mamenucontainer li
{
	display:inline;
}

ul.mamenucontainer a
{
	display:inline-block;
	text-decoration: none;
	color: var(--lnk);
	padding:7px 6px;
	font-size:0.8em;
	margin-bottom:5px;
}

ul.mamenucontainer a:active, ul.mamenucontainer a:hover
{
	background-color: var(--lnk);
	color: var(--wht);
	text-decoration: none;
}

ul.mamenucontainer img
{
	vertical-align:middle;
}

.mlnk-highlight
{
	background-color: var(--lnk);
	color: var(--wht) !important;
	text-decoration: none;
}

.mlnksep
{
	color: var(--lnk);
}

#ma-mmenu
{
	--mm-color-background: var(--lnk);
	--mm-color-background-highlight: var(--lnk);
	--mm-color-background-emphasis: var(--ttl);
	--mm-color-text: var(--wht);
	--mm-color-text-dimmed: var(--bkg);
	visibility:hidden;
	display: none;
}
.ma-mmenu-selected
{
	background-color: var(--lnk);
	color: var(--wht) !important;
	text-decoration: none;
}





/* Side */

.social
{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr auto auto auto auto auto;
	margin-right: 20px;
	height:20px;
	margin-top:15px;
}

.social a
{
	
}

.social a img
{
	width:20px;
	height:20px;
}

.quicklinks
{
	width:90%;
	text-align: center;
	margin:5px;
	margin-top: 20px;
	padding: 10px 5px;
	background-color: var(--lnk);
	color: var(--bkg);
	font-size:1em;
	font-weight:bold;
	display: block;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	text-decoration:none;
}

.quicklinks:hover
{
	color: var(--wht);
	font-size:1em;
	display: block;
}

#callus {
	text-align: center;
	margin-bottom: 20px;
}

#call-us-button
{
	width:70%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 5px;
	font-size:0.9em;
	font-weight:bold;
	display: block;
	border:0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	text-decoration:none;
	background-color: var(--ocr);
	color: var(--bkg);
	cursor: pointer;
}

#call-us-button:hover
{
	color: var(--txt);
	display: block;
}

#reportproblem
{
	background-color: var(--ocr);
	color: var(--bkg);
}

#news
{
	padding:10px;
}

.newstitle
{
	font-size:1.2em;
	padding:5px;
	padding-left:10px;
	margin:0;
	margin-bottom:5px;
	color: var(--bkg);
	background: var(--mid);
}

.maside ul
{
	margin:0;
	padding:0px;
	list-style-type:none;
	font-size:0.74em;
	line-height:170%;
}

.maside ul li
{
	padding:10px;
	margin-bottom:5px;
	background-color: var(--bkg);
}

.masideoff
{
	display: none;
}

.alphabet
{
	width:200px;
	height:150px;
}





/* Content */

#maincontent
{
	padding:10px 30px;
	text-align: center;
}

/* Footer */

.copyright
{
	margin:10px;
	font-size: 0.8em;
	text-align: center;
}




/* General */

img
{
	border:0;
}

p
{
	line-height:200%;
}

.dltr
{
	direction: ltr;
}

.drtl
{
	direction: rtl;
}
/* 
.bfcolors
{
	background-color: var(--bkg);
	color: var(--txt);
} */

.shadows
{
	/*Shadows*/
	-moz-box-shadow:    0px 0px 9px 2px var(--shd);
	-webkit-box-shadow: 0px 0px 9px 2px var(--shd);
	box-shadow:         0px 0px 9px 2px var(--shd);
}

.iconsshadows
{
	/*Shadows*/
	/* -moz-box-shadow:    0px 0px 9px 0.2px var(--shd);
	-webkit-box-shadow: 0px 0px 9px 0.2px var(--shd);
	box-shadow:         0px 0px 9px 0.2px var(--shd); */
}

.mask
{
	overflow: hidden;
}

.roundedCorners
{
	/*Corners*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;/* future proofing */
	-khtml-border-radius: 6px;/* for old Konqueror browsers */
}

.gradientothertop
{
	/*Gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0C381E), to(#043618));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #0C381E,  #043618);/* for firefox 3.6+ */
	background: -o-linear-gradient(top,  #0C381E 0%,#043618 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0C381E 0%,#043618 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #0C381E 0%,#043618 100%);/* W3C */
}

.gradientietop
{
	/*Gradients*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C381E', endColorstr='#043618' );/* IE6-9 */
}

.gradientotherbottom
{
	/*Gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#13713a), to(#0C381E));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #13713a,  #0C381E);/* for firefox 3.6+ */
	background: -o-linear-gradient(top,  #13713a 0%,#0C381E 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #13713a 0%,#0C381E 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #13713a 0%,#0C381E 100%);/* W3C */
}

.gradientiebottom
{
	/*Gradients*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13713a', endColorstr='#0C381E' );/* IE6-9 */
}

.opacity
{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}

.stroke
{
	text-shadow: 3px 3px 3px #2a0202;
}

.clear
{
	clear:left;
}

.ma_cntr
{
	text-align: center;
}

/* WhatsApp */
#wsap {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 3000;
}