/*General styles starts*/
*{margin:0;padding:0}
:focus{outline:0}
html{height:100%;padding-bottom:1px}
body{margin:0;color:#444;font:normal 13px/18px "Microsoft YaHei",SimSun}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.mar-t-15{margin-top:15px}
p{margin-bottom:15px; font-size: 16px; line-height: 22px;}
a{text-decoration:none;color:#1b6e90}
a:hover{color:#1a6d8d; }
#container_wrap{margin:0 auto}
.container{margin:0 auto;width:990px;position:relative}
.top-arrow{width:42px;height:42px;padding:0;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;top:480px;right:6px;display:none;z-index:999;background: #f5f5f5 url(../images/scroll-top-arrow.png) no-repeat 0 0}
.top-arrow:hover{text-decoration:none}
.txtcentre{text-align:center!important}
.blutxtlogo{color:#2696c4;font-weight:700}
.bluetxt { color: #006a44;   font-weight: bold;}
.thinner{font-weight:400}

/*General styles ends*/

.color-strips-wrap{background-color: #1a6d8d; height: 6px; width: 100%}
ul.strips{margin: 0; padding: 0;}
ul.strips li{width: 123.75px; height: 6px; float: left; display: inline-block; list-style-type: none}
ul.strips li.color1{ background-color: #1894d2}
ul.strips li.color2{ background-color: #1a6d8d}
ul.strips li.color3{ background-color: #119c4a}
ul.strips li.color4{ background-color: #6e9a43}
ul.strips li.color5{ background-color: #f8971d}
ul.strips li.color6{ background-color: #ffd503}
ul.strips li.color7{ background-color: #a52576}
ul.strips li.color8{ background-color: #69194f}


/************ Homepage Banner starts ************/
.homepage-banner-wrap{background:url(../images/homepage-banner.jpg);background-size: cover; height:486px;display:block;position:relative;text-align:center;}
.homepage-banner-wrap .logo{ background:url(../images/logo-asec.png) no-repeat; width: 328px; height: 105px; position: absolute; left: 0; top: 10px}
.homepage-banner-wrap .banner-title{font-size:40px;font-weight:bold;line-height:40px;color:#a52576;position:relative;top:230px; float: right}
.homepage-banner-wrap a.grey-center-button{background:#1a6d8d;border:0px solid #0099cc;padding:8px 40px;color:#fff;position:relative;top:310px; left: 500px; font-weight:bold; font-size: 18px}
.homepage-banner-wrap a.grey-center-button:hover{background:#0286b2;color:#fff; transition-delay:0.2s easeout}

#navgation_links_wrap {
    position: absolute;
	top:40px;
	right: 0;
    padding: 0;
    clear: right;
	
}


#navigation {margin: 0; padding: 0}
#navigation > li {
    position: relative;
    display: block;
    padding: 0;
	margin: 0 0 0 35px;
	float: left;
    
}
#navigation > li > a {
	font-size: 18px;
	font-weight: bold;
	color: #585858;
    line-height: 18px;
    padding: 9px 0px 10px;
    display: block;
    text-align: center;
	
}
#navigation  > li > a:hover {
    border-bottom: 3px solid #a52576;
}
/************ Homepage Banner ends ************/


.section-wrap{padding: 40px 0; overflow: hidden}
.common-heading{font-size: 30px; color: #a52576; display: block; margin-bottom: 30px;}
.sub-heading{font-size: 18px; font-weight: bold; color: #444; display: block; margin-bottom: 25px;}

#aboutus-list-wrap {background: #f2f2f2; padding: 20px 10px 20px 35px; margin: 30px 0 0 0; overflow: hidden}
ul.list-arrow{padding: 0;    margin: 0;    list-style-type: none;}
ul.list-arrow li{width:265px;float:left;background:url(../images/list-arrow.png) no-repeat 0px 2px;padding:8px 8px 8px 40px;font-size:16px; font-weight: bold}
ul.list-arrow li:hover{background:url(../images/list-arrow-hover.png) no-repeat 0px 2px;  }
ul.list-arrow li a{color: #444}
ul.list-arrow li a:hover{color:#1a6d8d}

.members-lft{width: 496px; height: 380px; float: left; border: 0px solid red; margin-right: 30px}
ol.list-numbered{margin: 0; padding: 0}
ol.list-numbered li{line-height: 22px; margin: 0 0 3px 20px; font-size: 14px;}
.members-rt{width: 424px; height: 288px; float: left; border: 0px solid red;background: #e8f0f3; padding: 20px; font-size: 16px; line-height: 28px; }
.numberCircle {border-radius:50%;width:12px;height:12px;padding:8px;margin:0 10px 0 0;background: #444;border:0px solid #666;color:#fff;text-align:center;font:18px Arial, sans-serif;float: left;line-height:12px;}

ul.partner-logos {margin: 0;padding: 0;list-style-type: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 120px;row-gap: 30px;}
ul.partner-logos li {display: inline-flex;align-items: center;width: 100%;justify-content: center;
}



/*Footer styles starts*/
.color-strips-wrap-footer{background-color: #1a6d8d; height: 11px; width: 100%; margin: 70px 0 0 0}
ul.strips-footer{margin: 0; padding: 0;}
ul.strips-footer li{width: 123.75px; height: 11px; float: left; display: inline-block; list-style-type: none}
ul.strips-footer li.color1{ background-color: #1894d2}
ul.strips-footer li.color2{ background-color: #1a6d8d}
ul.strips-footer li.color3{ background-color: #119c4a}
ul.strips-footer li.color4{ background-color: #6e9a43}
ul.strips-footer li.color5{ background-color: #f8971d}
ul.strips-footer li.color6{ background-color: #ffd503}
ul.strips-footer li.color7{ background-color: #a52576}
ul.strips-footer li.color8{ background-color: #69194f}


.btm-footer-wrap{border-top:0px solid #006a44;background: #282b30; height: 254px; padding: 10px 0 0 0}
.btm-footer{float:left;width:100%;margin-top:16px;color:#000; }
.btm-footer .footer-left-col{width:460px; color: #636363;font-size: 14px; float: left; margin: 0}
.btm-footer .footer-left-col ul.footer_links {float: left;    margin: 10px 0 0 0;    padding: 0 0 0 20px; width:210px; list-style:outside none none}
.btm-footer .footer-left-col ul.footer_links li {color: #636363; font-size: 16px;    line-height: 22px;    margin: 2px 0;  }
.btm-footer .footer-left-col ul.footer_links li.heading {color:#636363;font-size:18px; margin-bottom:18px;display:block; font-weight:bold; line-height:14px }
.btm-footer .footer-left-col ul.footer_links li a {color: #636363; font-size: 16px;    text-decoration: none;padding:0 0 1px 0;}
.btm-footer .footer-left-col ul.footer_links li a:hover { border-bottom: 1px solid #636363}
.btm-footer .footer-divider{width: 100%; height: 1px; background-color: #37393d; padding: 0 ; margin: 30px 0 20px 0; float: left}
.btm-footer .footer-right-col{float: right; width:310px; color: #636363;font-size: 14px; margin: 0 }

/*Footer styles ends*/

.sidenav {width: 110px; position: fixed;    z-index: 1;    top: 91px;    right: 0;    background: #ffffff;    overflow-x: hidden;    /* padding: 8px 0; */    border: 2px solid #0099cc;	font-size:14px}
.sidenav a {padding: 5px;    text-decoration: none; color:#000000; border-bottom: 1px solid #cccccc;font-size: 12px !important; cursor: pointer; display: block}
.sidenav .head {padding:5px;    text-decoration: none;  display: block;background: #0099cc; font-weight: bold; color:#ffffff}
.sidenav a:hover {color: #064579; background: #ccc}
.main {    margin-left: 140px; /* Same width as the sidebar + left position in px */    font-size: 28px; /* Increased text to enable scrolling */    padding: 0px 10px;}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	    width: 20%;
    border-left: 1px solid #ccc;
	font-size: 20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 20px 45px !important;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent ul{
font-size: 16px; display: block;
}
.tabcontent ul li{ margin-bottom: 10px;
    font-size: 16px;}
.sidenav a.active{background: #ccc!important}