﻿/*css document valid on http://www.designmeena.com/*/

body{ font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#333333;line-height:175%}
body{
	/*background-image:url(../images/bg.png);*/
	
	background: #e9ecef!important;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;} 
li{list-style-type:none;}
ol,ul {list-style:none;}
/*a{color:#fff;}   */
table{ margin:0 auto;}
img{vertical-align:top;border:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}   
caption,th {text-align:left;} 
.none{display:none}


.nav-bd a:link {color:#FFFFFF;text-decoration:none;}
a:link {text-decoration:none;}
/*a:visited {color:#333;text-decoration:none;}*/


.white{color:white;}	
.white A:link {COLOR:white;text-decoration:none;}
.white A:visited {TEXT-DECORATION:none;}
.white A:hover {COLOR:white;TEXT-DECORATION: none;}

.cblue{color:#fff}	
.cblue A:link {COLOR:#fff;text-decoration:none;}
.cblue A:visited {TEXT-DECORATION:none;}
.cblue A:hover {COLOR:#fff;TEXT-DECORATION: none;}

.cblues{color:#fff}	
.cblues A:link {COLOR:#fff;text-decoration:none;}
.cblues A:visited {TEXT-DECORATION:none;}
.cblues A:hover {COLOR:#fff;TEXT-DECORATION: none;}


.f14,.f14 a:link,f14 a:hover, f14 a:visited{font-size:14px;line-height:185%;}	

.center{text-align:center;}
.pd5{
	padding:5px;
}
.top{
	border-bottom:4px #CCCCCC solid;
	background: #000000;
	margin-top: 127px !important;
}
header {
    background: white;
    width: 1100px;
    height: 125px;
    position: relative;
	margin:auto;
}
.header-logo{
	width:25%;
	float:left;
}
/*#logo {
    width: 350px;
    height: 115px;
    display: block;
    opacity: .9;
    position: absolute;
    left: 10px;
    top: 12px;
    z-index: 10;
}*/
#logo img{
    width:100%;
	padding:10px;
	}
.hide {
    position: absolute;
    left: -999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.gray{color:#666666}
.gray a:link,.gray a:visited,.gray a:hover{color:#666666}
.clear{
	clear:both;
}
.w980{
	width:1100px;
	margin:0 auto;
	position: relative;
}
.m-left{;
	float:left;
	width:230px;
}
.m-left{
	padding-bottom:20px;


}
.m-l-mid{
	
	padding-left:10px;
	padding-top:5px;
}

.m-l-mid a{
color:#FFFFFF;
}


.nav-bd{
	width:205px;
}
.nav-bd li{
	/*height:28px;
	line-height:28px;
	font-weight:bold;
	text-indent:10px;
	border-bottom:1px #80BFFF solid;*/
	
/*	height: 37px;
    line-height: 33px;
    font-weight: bold;
    text-indent: 10px;
    border-bottom: 1px #ffffff solid;
    background-color: #686262;
    width: 188px;
    margin-left: 8px;
    color: white;*/
	
	
	height: 42px;
    line-height: 40px;
    font-weight: bold;
    text-indent: 10px;
    border-bottom: 1px #ffffff solid;
    background-color: #035077;
    width: 210px;
    margin-left: 8px;
    color: white;
}

.m-l-mid h2{
	/*background-image:url(../images/t_bg.gif);
	width:205px;
	height:37px;
	line-height:30px;
	text-indent:10px;
	color:white;
	font-weight:bold;
	font-size:17px;
	text-align:center;
	background-repeat:no-repeat*/
	
	width: 210px;
    height: 31px;
    line-height: 30px;
    text-indent: 7px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    /* text-align: center; */
    background-repeat: no-repeat;
    background: #a8152c;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0px;
	
}
.m-l-mid h2 a:link ,.m-l-mid h2 a:visited{
	color:white;
}
.m-l-mid h3 a:link ,.m-l-mid h3 a:visited{
	color:white;
}

.m-l-mid h3{
	background-image:url('images/t_bg_1.gif');
	width:205px;
	height:37px;
	line-height:30px;
	text-indent:10px;
	color:white;
	font-weight:bold;
	font-size:14px;
	background-repeat:no-repeat
}

.main{
	
	background-color:white;
	background:white url('images/left_bgs.jpg') repeat-y left bottom;
	padding-bottom:10px;
	padding-top:10px;

	
}
.m-right{
	float:left;
	width:740px;
	background-image:url('images/right_bg.jpg');
	background-repeat:repeat-y;
	height:auto!important;
      height:650px;
      min-height:650px;

}
.m-right-i{
	float:left;
	width:855px;
	background-image:url('images/right_bg.jpgs');
	background-repeat:repeat-y;
	text-align:justify;
}
.m-r-h{
	
	background-image:url('images/right_1.jpg');
	height:26px;
	background-repeat:no-repeat;
}
.m-r-bd{
	padding:15px;
}
.hh{
	height:48px;
	line-height:48px;
	margin-bottom:8px;
	border-bottom:1px #CCCCCC solid;
	font-size:36px;
	/*text-indent:55px;*/
}
.style25 {
		font-size: 17px;
		color: #005ea8;
}
.style27 {
		
		font-size: large;
		color: #a8152c;
}
.m-bds {
    width: 97%;
    float: left;
    margin-left: 17px;
}
.pd10 .content{
	text-align:center;
}
.pd10 td{
       font-size: 14px;
    letter-spacing: 1px;
}
.r-hhh h3{
      font-size: 26px;
      letter-spacing: 1px;
      margin: 8px 0px 12px 0px;
      color: #a8152c;
}
.btn-primary{
    display: inline-block;
    padding: 10px 0px;
    margin-bottom:6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    width: 200px;
	background: linear-gradient(to right,#ee3435, #ef4b4c);
    border: 1px solid #939191;
}
.right-bttn{
     width: 200px;
    float: left;
    margin-left: 15px;
    margin-top:29px;
}
.right-bttn a{
    margin-top:10px;
}
#table1 td{
	padding-left:5px;
}
.h1{
	background-image:url(../images/logo_1.png);
	background-repeat:no-repeat;
}
.h2{
	background-image:url('images/logo_2.png');
	background-repeat:no-repeat;
}
.h3{
	background-image:url('images/logo_3.png');
	background-repeat:no-repeat;
}

.con-txt{
	margin-bottom:10px;
	text-align:justify
}
.toppic{
	
}
.toppic .list{
	float:left;
	width:50%;

}
.con-txt a:link ,.con-txt a:visited{
	color:#fff;
	
}
.news-list{
}
.news-list .date{
	color:green;
}
.news-list li{
	
	margin:2px;
	padding:2px;
	border-bottom:1px #CCCCCC dashed
	
}
.logo-s{
	background-image:url('images/date.png');
	height:160px;
	width:200px;
	float:left;
	background-repeat:no-repeat;
	background-position:center center;
}
.logo-rr{

float:left;
display:inline;
width:450px;
margin-left:10px;
	
}
.date-list{
	
}
.date-list li{
	margin:2px;
	padding:2px;
	border-bottom:1px #E7E7E7 solid;
}
.date-list .date{
	font-weight:bold;
	float:right;
	color:#0033CC
}
.pc-loop{
	float:left;
	width:120px;
	margin:4px 6px;
	
}
.pc-pic{
	height:130px;
	background-color:green
}
.pc-tt{
	line-height:120%;
	text-align:center;
	margin-top:4px;
}
.logo-link{
margin-bottom:5px;
}
.logo-link img{
	border:1px #CCCCCC solid
}
.logo-link .logos{
	float:left;
	background-color:gray;
	margin:5px;
}
.foot{
	
	border-top: 3px #c2b9b9 solid;
	text-align:center;
	background-color:white;
	
}
.foot div{
	padding:5px 0px;
	font-size:15px;
	letter-spacing:2px;
}
.footer-bttm{
     /*margin:4em 0em 2em 0em;*/
	 font-size:15px;
	letter-spacing:2px;
}
/*--- facebook code start here ---*/
.social-media{
     margin:0px 17px;
}
.scrollbar-table {
    float: left;
    height: 235px;
    width: 100%;
    background: #F5F5F5;
    margin-bottom: 25px;
    padding: 10px;
}
.associate {
    width: 506px;
    float: left;
}
.associate h5{
    background: #a8152c;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    color: #fff;
    padding: 6px 0px;
    letter-spacing: 1px;
 }
.table-associate{
    width:407px;
	float:left;
}
.facebook{
    width: 265px;
    float: left;
    margin:0px 0px 10px 15px;
}
.facebook h5{
    background: #a8152c;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    color: #fff;
    padding: 6px 0px;
    letter-spacing: 1px;
}
.twitter{
    width: 265px;
    float: left;
    margin:0px 0px 10px 15px;
}
.twitter h5{
    background: #a8152c;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    color: #fff;
    padding: 6px 0px;
    letter-spacing: 1px;
}
.scrollbar
{
	float: left;
	height:235px;
	width: 261px;
	background: #F5F5F5;
	overflow-y: scroll;
	overflow-x:hidden;
	margin-bottom: 25px;
	padding:15px;
	margin: 0px 2px 25px 2px;
}
.scrollbar p{
    padding:20px 15px;
}
.scrollbar ul li{
	display:block;
	}
.force-overflow
{
	min-height: 200px;
}
/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #a8152c;
}

#style-3::-webkit-scrollbar-table
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-table-thumb
{
	background-color: #ef4b4c;
}

.listppp{
	text-align:center;
	font-size:14px;
	}
	
	.listppp h4{
	width:48%;
	float:left;
	font-size: 14px;
    margin: 15px 0px;
	}
	.listppp a{
	text-decoration:none;
	color:#996600;	
	}
	.listppp a:hover{
	text-decoration:none;
	color:#FF9900;	
	}
	
	.style3{
	color:#FF0000;
	}
	
.footer-associ-grid{
	padding:0px 17px;
}	
.footer-assct-title{
	font-size: 24px;
    margin-left: 17px;
    font-weight: 600;
}	
	
	
	
	
	
	
	
	
	
	     .content-bttn h2{
      color: #000;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
	 }
.content-bttn p{
      color: #000;
    font-size: 14px;
   text-align:left;
	 }	 
.submission-paper{
       background:#ece5e5;
	   width:190px;
	   height: 70px;
	   float:left;
	   margin: 10px 10px 10px 10px;
	   padding:5px 5px;
	   border-bottom: 4px solid #a8152c;
	   box-shadow: 2px 2px 2px 0px #aab9c3;
}
.submission-paper img{
        float:left;
		width:35px;
		margin-right: 3px;
}

.download-paper{
       background:#ece5e5;
	   width:190px;
	   height: 70px;
	   float:left;
	   margin: 10px 11px;
	   padding:5px 5px;
	   border-bottom: 4px solid #a8152c;
	   box-shadow: 2px 2px 2px 0px #aab9c3;
}
.download-paper img{
        float:left;
		width:35px;
}
.download-samplepaper{
       background:#ece5e5;
	   width:190px;
	   height: 70px;
	   float:left;
	   margin: 10px 6px;
	   padding:5px 5px;
	   border-bottom: 4px solid #a8152c;
	   box-shadow: 2px 2px 2px 0px #aab9c3;
}
.download-samplepaper img{
        float:left;
		width:35px;
}
.contact-us{
       background:#ece5e5;
	   width:190px;
	   height: 70px;
	   float:left;
	   margin: 10px 0px 10px 11px;
	   padding:5px 5px;
	   border-bottom: 4px solid #a8152c;
	   box-shadow: 2px 2px 2px 0px #aab9c3;
}
.contact-us img{
        float:left;
		width:35px;
}


/*--- gallery code---*/ 
.recent-publ {
    background: #eae9e9;
    padding: 10px;
    box-shadow: 0px 1px 1px 1px #aab9c3;
    width: 233px;
    float: left;
    margin: 10px 21px;
}
.recent-publ img{
      width:100%;
	  height:150px;
}
.recent-publ h4{
    font-size: 13px;
    letter-spacing: 1px;
    margin: 5px 2px;
	  }	
.past_associate{
	background: #a8152c;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    color: #fff;
    padding: 6px 0px;
    letter-spacing: 1px;
	margin: 0px 17px;
}
.call_cont ul li{
	list-style:inside;
}

.assct-images a{
    width: 100%;
    border: 1px solid #f3f3f3;
    float: left;
    margin: 10px auto;
    box-shadow: 2px 2px 2px 0px #aab9c3;
}

.assct-images a img{
   height: 90px;
    max-width: 100%;
    width: fit-content;
    margin: auto;
    display: block;
    padding: 10px;
	object-fit: contain;
}
.nav-bd li a:hover{
	color:#dddfe1;
	}
a:focus, a:hover{
	color: #ed710f !important;
	}

.bannerimg{
	width: 100%;
	opacity: 0.5;
}
.sociallogostyle{
	height:214px;
	width:485px; 
}
.headertext{
	float:right; 
	font-weight:bold; 
	font-size:18px; 
	width:100%; 
	text-align:right; 
	padding:5px;
}
.wpchannel{
	padding: 0 2px 0 8px;
}
.wpchannelimg{
	width: 100%;
}
.slider-content {
    content: "";
    display: inline-block;
    width: 100%;
    left: 0px;
    /* top: 35px; */
    text-align: left;
    position: absolute;
}
.slider-content .heading {
    padding-left: 22px;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
}
.slider-content h2 {
    color: #fdfbfa;
    width: 100%;
    text-align: center;
    font-size: 26px;
}
#banner .slider-content a {
    text-transform: capitalize;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
}
.button-42 {
    background-image: linear-gradient(-180deg, #ab1b33, #f1542a);
    border-radius: 12px;
    color: #FFFFFF;
    display: inline-block;
    height: 40px;
    text-align: center;
    padding: 0px 15px;
    border: none;
}
.btn-dsn-- {
    text-align: center;
}
.new_c li{
padding-left: 10px;
    list-style: disc;
    margin-left: 20px;
}
.mobwpchannel{
	display: none;
	text-align: center;
}
.footersocial{
	display: inline-flex;
	gap: 10px;
}
.footersocial li a{
	color: #000;
}
@media screen and (min-device-width: 300px) and (max-device-width: 900px){

	#logo img {
		width: 80%;
	}
	.bannerimg{
		width: -webkit-fill-available;
		height: 170px;    	
	}

	.slider-content .heading{
		font-size: 17px !important;
	}

	.slider-content h2{
		font-size: 17px !important;
	}
	.slider-content{
		top: auto !important;
	}

	.recent-publ img{
		height: 230px !important;
	}

	.w980{
		width: 100%;
	} 
	.main{
		padding: 10px;
	}
	.m-l-mid{
		padding:0;
	}
	.m-l-mid h2 {
		width: auto;
        padding: 2px;
        font-size: 16px;
	}
	.nav-bd {
		width: 100%;
		padding: 0;
	}
	.nav-bd li{
		font-size: 14px;
        height: auto;
        line-height: 30px;
		width: 97%;
	}
	.m-right-i{
		width: 100%
	}
	.hh{
		height: auto;
		font-size: 26px;
	}
	.style25 {
		font-size: 16px;
	}
	.style27 {
		font-size: 16px;
	}
	.submission-paper {
		width: 100%;
		margin: 10px auto;
	}
	.download-paper {
		width: 100%;
		margin: 0 auto;
	}
	.download-samplepaper {
		width: 100%;
		margin: 10px auto;
	}
	.contact-us {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;

	}
	.m-bds {
		width: 100%;
		padding: 10px;
		margin-left: 0;
	}

	.recent-update1 {
		padding: 10px;
	}
	.recent-publ {
		padding: 15px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.associate {
		width: 100%;
	}

	.table-associate {
		width: 100%;
	}
	.sociallogostyle{
		height:auto;
		width:100%; 
	}
	.scrollbar-table{
		height: 180px;
	}

	.facebook {
		width: 100%;
		margin: 0 auto;
	}
	.scrollbar {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.twitter{
		width: 100%;
		margin: 0 auto;
	}
	.header-logo {
		width: 60%;
	}
	header {
		width: 100%;
		height: 125px;
	}

	#tnav ul{
		position: absolute;
		left: 20px;
	}
	.headertext{
		width: auto;
		float: none;
		text-align: center;
		/* margin-left: 15px; */
		margin-top: 0;
	}
	.m-left {
		width: 100%;
		padding-bottom: 0;
	}

	.skd_home table tbody tr{
		flex-direction: column;
			display: flex;
	}

	#imageElement{
		width: 100%;
	}
	.button-42 {
		height: 30px;
		padding: 0px 10px;
	}
	.wpchannel{
		display: none;
	}
	.mobwpchannel{
		display: block;
	}
	.wpchannelimg {
    	width: 75%;
	}
	.m-r-bd {
		padding: 0 15px;
	}
	.h1, h1 {
		font-size: 28px;
	}
	.assct-images a img {
		height: 75px;
		padding: 5px;
	}
}
.sub-title{
	font-size: 18px;
    font-weight: 600;
}
.organize-title{
	font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #a8142c;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 12px;
    border-radius: 12px;
    font-weight: 700;
    color: #ffffff;
}
