/* reset -------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: arial;
  vertical-align: baseline;
}

body { 
  /*line-height: 1; */
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

li { list-style-type: none;}

/*-------------------------------------------- */

html, body {
	margin: 0;
/*	background: #fff;*/
	 font-size: 0.9em;
}

#wrap{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
	}
#header{
	width:1000px;
	height:auto;
	float:left;
	background-color:#2b4f88;
	}
#header h1{
	width:auto;
	height:auto;
	float:left;
	margin:27px 0px 34px 32px;
	}	
#header blockquote{
	width:auto;
	height:auto;
	float:right;
	color:#FFFFFF;
	font-size:13px;
	margin:30px 20px 0px 0px;
	}	
#header blockquote a{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	margin:0px 5px;
	}	
	
#header blockquote a:hover{
	color:#df281a;
	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	margin:0px 5px;
	}
	
#nav{
	width:100%;
	height:auto;
	float:left;
	margin-top:38px;
	border-bottom:4px solid #df281a;
	}
#sub_nav{
	width:100%;
	height:38px;
	float:left;
	background:url(../images/ass_bar.png) repeat-x;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	}	
	
#sub_nav ul{
	width:700px;
	height:auto;
	float:left;
	margin-left:14px;
	line-height:36px;
	}	
	
#sub_nav ul li{
	width:auto;
	height:auto;
	float:left;

	}
#sub_nav ul li a{
	margin:0px 8px;
	color:#000000;
	text-decoration:none;
	}	
#sub_nav ul li a:hover{
	margin:0px 8px;
	color:#df281a;
	text-decoration:none;
	}
	#sub_nav ul li .blue{
	margin:0px 8px;
	color:#004b95;
	text-decoration:none;
	}
		
#search{
	width:auto;
	height:auto;
	float:right;
	margin-top:7px;
	margin-right:20px;
	color:#000000;
	}
#search input{
	width:auto;
	height:auto;
	float:left;
	margin:0px 0px 0px 5px;
	}	
.search_bg{
	width:168px;
	height:18px;
	border:1px solid #afaca8;
	padding:2px 5px;
		}
			
#middle{
	width:1000px;
	height:auto;
	float:left;
	padding-top:11px;
	padding-bottom:15px; background: #fff;
	}
	
#bannar_con{
	width:1000px;
	height:275px;
	float:left;
	background:url(../images/bannar_bg.png) no-repeat;

	}
		
#bannar{
	width:698px;
	height:255px;
	float:left;
	background:url(../images/bannar.png) no-repeat;
	margin:10px 25px 00px 10px;
	}	
#bannar_con h1{
	width:206px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#1e365c;
	font-weight:normal;
	margin-top:65px;
	}	
#bannar_con h1 strong{
	width:206px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#1e365c;
	font-weight:700;
	}	
	
#bannar_con p{
	width:206px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#1e365c;
	font-weight:normal;
	margin-top:18px;
	}	
#latest_news{
	width:960px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#1e365c;
	font-weight:normal;
	margin-top:10px;
	background:#2b4f88;
	padding:10px 20px;
	}	
	#latest_news h2{
	width:auto;
	height:auto;
	float:left;
	background:url(../images/latest-news-arrow.png) no-repeat;
	background-position:right;
	padding:0px 20px 0px  10px;
	background-color:#FFFFFF;
	font-size:12px;
	line-height:22px;
	margin-right:10px;

	}
	
	#news-container
{
	width: 800px; 
	margin: auto;
	height:42PX;
	float:left;

}

#news-container ul li div a
{

	color:#FFFFFF;
	font-size:12PX;
	margin-top:3px;
	text-decoration:none;
}
	
/*#latest_news p{
	width:800px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	margin-top:4px;
	}	*/
#middle_content{
	width:960px;
	padding:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:#545454;
	}	
#left_content{
	width:694px;
	margin-right:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
#welcome{
	width:654px;
	float:left;

	}	
#welcome h1{
	width:654px;
	float:left;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:22px;
	}	
#welcome h1 span{
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#64a0ff;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:22px;
	}	
	
#welcome img{
	float:left;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	border:3px solid #bdbdbd;
	margin-right:23px;
	}
#welcome p{
	width:385px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12pt;
	color:#fff;
	text-align:justify;
	}	
#welcome p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12pt;
	color:#64a0ff;
	text-align:justify;
	text-decoration:none;
	background:url(../images/arrow.jpg) no-repeat;
	background-position:right;
	padding-right:10px;
	}	
#welcome p a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12pt;
	color:#fff;
	text-align:justify;
	text-decoration:none;
	background:url(../images/arrow.jpg) no-repeat;
	background-position:right;
	padding-right:10px;
	}
	
		
#replace{
	width:694px;
	float:left;
	}	
#replace h1{
	width:694px;
	float:left;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:26px;
	margin-top:26px;
	}	
#replace h1 span{
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#64a0ff;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:22px;
	}
#replace ul{
	width:658px;
	height:auto;
	float:left;
	background:#b4b4b4;
	padding:0px 8px 8px 8px;
	}	
#replace ul li{
	width:auto;
	height:auto;
	float:left;

	
	}	
#replace ul li{
	width:auto;
	height:auto;
	float:left;
	}	
.odd{
	background:url(../images/croos_blue_box.png) no-repeat;	background-position:top;
	width:305px;
	height:107px;
		padding:9px 9px 0px 9px;
	float:left;
	margin-right:8px;
	margin-top:8px;
	}
.odd h2{
	color:#3c3c3c;
	font-size:12px;
	font-weight:700;
	}
.odd img{
	width:84px;
	height:69px;
	padding:5px 7px 8px 6px; 
	float:left;
	margin-right:5px;
	background:url(../images/thumbnail_bg.png) no-repeat;

	}		
.odd p{
	width:192px;
	height:auto;
	float:left;
	font-size:11px;
	color:#606060;
	line-height:12pt;
	padding:2px 0px;
	}
.odd a{
	width:192px;
	height:auto;
	float:right;
	font-size:11px;
	color:#2f5189;
	line-height:12pt;
	font-weight:700;
	text-decoration:none;
	text-align:right;
	}
	.odd a:hover{
	width:192px;
	height:auto;
	float:right;
	font-size:11px;
	color:#FF0000;
	line-height:12pt;
	font-weight:700;
	text-decoration:none;
	text-align:right;
	}
.odd h2{
	width:182px;
	height:auto;
	float:left;
	font-size:12px;
	font-weight:700;

	}	


.even{
	background:url(../images/croos_blue_box.png) no-repeat;
	width:305px;
	height:107px;
	padding:9px 9px 0px 9px;
	float:left;
	background-position:top;
		margin-top:8px;
	}
.even img{
	width:84px;
	height:69px;
	padding:5px 7px 8px 6px; 
	float:left;
	margin-right:5px;
	background:url(../images/thumbnail_bg.png) no-repeat;
	
	}
	.even h2{
	color:#3c3c3c;
	font-size:12px;
	font-weight:700;
	}		
.even p{
	width:190px;
	height:auto;
	float:left;
	font-size:11px;
	color:#606060;
	line-height:12pt;
	padding:5px 0px;
	}
.even a{
	width:190px;
	height:auto;
	float:left;
	font-size:11px;
	color:#2f5189;
	line-height:12pt;
	font-weight:700;
	text-decoration:none;
	text-align:right;

	}
	.even a:hover{
	width:190px;
	height:auto;
	float:left;
	font-size:11px;
	color:#FF0000;
	line-height:12pt;
	font-weight:700;
	text-decoration:none;
	text-align:right;

	}
.even h2{
	width:182px;
	height:auto;
	float:left;
	font-size:12px;
	font-weight:700;

	}		
	
				
#right_content{
	width:246px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
	
.right_content_top{
	width:246px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:11px;
	}	
	
.right_content_top h1{
	width:246px;
	height:36px;
	float:left;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#1e365c;
	font-size:14px;
	text-transform:normal;
	background:url(../images/right_header.png) no-repeat;
	line-height:36px;
	}
.right_content_top_box{
	width:226px;
	height:auto;
	padding:10px;
	float:left;
	text-transform:uppercase;
	background:url(../images/right_header_bot.png) no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
	}	
.right_content_top_box img{
	width:auto;
	height:auto;
	float:left;
	}
.right_content_top_box h2{
	width:130px;
	height:auto;
	float:left;
	font-size:11px;
	font-weight:700;
	color:#2d528b;
		text-transform:none;
	}
.right_content_top_box p{
	width:130px;
	height:auto;
	float:left;
	text-transform:none;
	color:#606060;
	font-size:11px;
	line-height:pt;
	}
.right_content_top_box p a{
	text-transform:none;
	color:#2d528b;
	font-size:11px;
	text-decoration:none;
	}
	.right_content_top_box p a:hover{
	text-transform:none;
	color:#FF0000;
	font-size:11px;
		text-decoration:none;
	}
			
.img_border{
	border:1px solid #e1e0e0;
	padding:4px;
	margin-right:10px;
	}		
.img_read{
	margin-top:4px;
	margin-right:10px;
	}	
.announce{
	width:246px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:11px;
	}	
	
.announce h1{
	width:246px;
	height:35px;
	float:left;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#1e365c;
	font-size:14px;
	text-transform:normal;
	background:url(../images/announce_top.png) no-repeat;
	line-height:36px;
	}
.announce_top_box{
	width:226px;
	height:86px;
	padding:10px ;
	float:left;
	background:url(../images/announce_bg.png) no-repeat;
	background-position:bottom;

	}	

.announce_top_box p a{
	width:226px;
	height:auto;
	float:left;
	text-transform:none;
	color:#000;
	font-size:11px;
	line-height:11pt;
	}
.announce_top_box a{
	width:226px;
	height:auto;
	float:left;
	text-transform:none;
	color:#039dd7;
	font-size:11px;
	font-weight:700;
	line-height:11pt;
	text-align:right;
	text-decoration:none;
	}
	.announce_top_box a:hover{
	width:226px;
	height:auto;
	float:left;
	text-transform:none;
	color:#000;
	font-size:11px;
	font-weight:700;
	line-height:11pt;
	text-align:right;
	text-decoration:none;
	}		
#tender{
	background:url(../images/tender_bg.png) no-repeat;
	width:246px;
	height:91px;
	float:left;
	}		
#tender h1{
	width:226px;
	height:auto;
	float:left;
	margin:12px 10px;
	}	
#tender p{
	width:226px;
	height:auto;
	float:left;
	margin:8px 10px;
	}	
		
		
#footer{
	width:1000px;
	float:left;
/*	background:url(../images/footer.png) no-repeat;
	background-position:top;*/
	min-height:164px;
	background-color:#656565;
	color:#FFFFFF;
	}
#footer ul{
	width:493px;
	height:auto;
	float:left;
	margin:54px 0px 0px 242px;
	}
#footer ul li{
	width:auto;
	height:auto;
	float:left;
	}
#footer ul li a{
	width:auto;
	height:auto;
	float:left;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	margin:0px 8px;
	
	}
	#footer ul li a:hover{
	width:auto;
	height:auto;
	float:left;
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
	margin:0px 8px;
	}
#footer p{
	width:940px;
	height:auto;
	float:left;
	margin:10px ;
	text-align:center;
	line-height:14pt;
	}
	
	#footer a{
	text-align:center;
	font-size:12px;
	color:#fff;
	text-decoration:none
	}
		#footer a:hover{
	text-align:center;
	font-size:12px;
	color:#FF0000;
	text-decoration:none
	}
	
	
	
	
	
	/****************************  tab start *****************************/
	#glowmenu {border-bottom: 4px solid #df281a; float: left;width: 100%;}
.glowingtabs{float:left;width:auto;font-size: 11px;line-height:normal; padding:0 0 0 10px;/*border-bottom: 4px solid #df281a; */}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background: url(../images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
 line-height: 16px;       

}

.glowingtabs a span{
float:left;
display:block;
background:url(../images/glowtab.gif) no-repeat right top;
padding:6px 12px 4px 6px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
    
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs li.selected a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
position:absolute;
top: 0;
border: 1px solid #c8c8c8; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #c8c8c8; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 3px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/
background-color: #df281a;
color:#FFFFFF;
}
/***********************tanmoy login portion***************************************************/
/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Arial;
margin: 0px 0px 0px 0px;
padding: 0;
position: absolute;
left: 20px;
top: 0;
list-style-type: none;
background: white;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 120px; /*width of menu (not including side paddings)*/
color: #000;
background:#ebebeb;
text-decoration: none;
padding: 4px 10px;
border-bottom: 1px solid #fff;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 130px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #df281a;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

	
	
	/************************* tab end ****************************/




 /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  /*max-width: 1170px;*/
 
    clear: both;
    float: left;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */


#cd-timeline {
  position: relative;
  padding: 0;
  /*margin-top: 2em;*/
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
   /* margin-top: 3em;*/
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.cd-left {
    float: left;
}

.cd-left::before {
	top: 24px;
	left: 100%!important;
    border-color: transparent!important;
    border-left-color: white!important;
}

.cd-right {
	float: right;
}

.cd-rigth::before {
	top: 24px;
    left: 100%;
    right: auto;
    border-color: transparent;
    border-right-color: white;
}

@media screen and (max-width: 1169px) and (min-width: 240px) {
	.cd-timeline-content::before{
		border: none!important;
	}
	,cd-timeline-content {
		display: block;
	}
	.cd-left, .cd-right {
		float: left;
	}
	.cd-left::before {
		top: 15px!important;
		right: 100%!important;
		left: auto !important;
		border: 7px solid transparent!important;
		border-color: transparent!important;
		border-right: 7px solid white !important
	}
	
	.cd-timeline-img strong {
		font-size: 15px!important;
	}
	
}


.cd-timeline-img strong {
	font-size: 21px;
}


.cd-timeline-img {
	font-size: 21px;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
   /*  -webkit-border-radius: 50%;
    border-radius: 50%;
   background-color: #f0f0f0;
    color: #9c9c9c;
     font-size: 12px;
    padding-top: 6px;*/
    text-align: center;
    line-height: 1;
   
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}


.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -35px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  /*box-shadow: 0 3px 0 #d7e4ed;*/
  border: 1px solid #ddd;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #4A3EAC;
    font-weight: normal;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 12px;
    color: #8b8b8b;

}
.cd-timeline-content p a { color: #3399FF;text-decoration: none; }
.cd-timeline-content p a:hover { color: #8b8b8b;text-decoration: none; }     
.degree { color: #3399FF; }  
        
        
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 10px 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
   font-size: 12px;
      border-top: 1px dashed  #a2a2a2;
      padding-top: 10px;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 10px;
    width: 41%;
  }
  
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
        
        .contact-con { float: left; width: 100%; clear: both; margin-bottom: 15px; }
        .contact-left { width: 40%; margin-right: 5%; float: left; color: #fff; }
          .contact-left a { color: #2B4F88; text-decoration: none ;}
         .contact-left a:hover { color: #fff;  }
     .contact-right { width: 55%;  float: left;}
        .clearfix{ clear: both; }
        .map-border{ border: 10px solid #fff; box-sizing: border-box; }