.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: left;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family:"Century Gothic";
    font-size: 16px;
    margin: 0 30px 0 0;
	padding:10px;
	background:rgba(0, 0, 0, 0.5);
	width:30%;
	float:right;
	font-weight:normal;
	text-align:justify;
	line-height:24px;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/infra-banne2.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
.mb_footer_top{
	position:fixed;
	bottom:25px;
	left:0px;
	width:60%;
	font-size:13px;
	z-index:4;
}
.mb_footer_right{
	position:fixed;
	bottom:25px;
	right:0px;
	width:35%;
	font-size:13px;
	z-index:4;
}
.fo_top
{
	background:#fff;
	height:150px;
}
.col55, .col45, .col22, .col33, .col50
{
	float:left;
	box-sizing: border-box;
}
.col55
{
	width:55%;
}
.col50
{
	width:50%;
}
.col45
{
	width:67%;
}
.col22
{
	width:22%;
}
.col33
{
	width:33%;
}
.hello
{
	background:rgb(250, 122, 4);
	height:100%;
	padding:20px 11px;
	text-align:left;
	position:relative;
}
.hello
{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.tweet-footer {
	position: absolute;
	bottom: 100%;
	width: 250px;
	right:0;
	font-family:"Century Gothic";
}
.news-title-block, .tweet-title-block, .drlinside-title-block {
	font-size: 14px;
	font-weight: normal;
	padding: 10px 15px;
	color: #fff;
	display: block;
	background-color: rgb(250, 122, 4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffa311,endColorstr=#99ffa311);
	position: relative;
	cursor: pointer;
	z-index: 2;
	transition: background-color .25s ease-in-out;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	text-align: center;
}
.tweet-toggle-block {
	background: #fff;
	background: rgb(250, 122, 4);
	/* padding: 5px 15px; */
	color: #666;
	display: none;
	height: 245px;
	overflow: hidden;
}
.news-footer {
	position: absolute;
	bottom: 100%;
	width: 250px;
	right:260px;
	font-family:"Century Gothic";
}
.news-title-block, .tweet-title-block, .drlinside-title-block,.cont-title-block {
	font-size: 14px;
	font-weight: normal;
	padding: 10px 15px;
	color: #fff;
	display: block;
	background-color: rgb(250, 122, 4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffa311,endColorstr=#99ffa311);
	position: relative;
	cursor: pointer;
	z-index: 2;
	transition: background-color .25s ease-in-out;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	text-align: center;
}
.news-toggle-block {
	background: #fff;
	background: rgb(250, 122, 4);
	/* padding: 5px 15px; */
	color: #666;
	display: none;
	height: 245px;
	overflow: hidden;
}
.active .close-toggle {
	background: #de8c0a url(../images/up-down-arrow2.jpg);
	opacity: 1;
}
.close-toggle  {
	width: 40px;
	height: 36px;
	background: url(../images/up-down-arrow.jpg);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	opacity: .6;
}
.cont-footer {
	position: absolute;
	top:280%;
	width: 40px;
	height:250px;
	left:0;
	font-family:"Century Gothic";
}
.cont-toggle-block {
	background: #fff;
	background: rgb(250, 122, 4);
	/* padding: 5px 15px; */
	color: #666;
	display: none;
	height: 165px;
	overflow: hidden;
}
@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 30px }
	.news-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 200px;
		font-family: "Century Gothic";
	}
	.tweet-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 0;
		font-family: "Century Gothic";
	}
}
@media screen and (max-width: 980px) { 
    .cb-slideshow li div h3 { font-size: 30px }
	.news-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 200px;
		font-family: "Century Gothic";
	}
	.tweet-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 0;
		font-family: "Century Gothic";
	}
}
@media screen and (max-width: 768px) { 
    .cb-slideshow li div h3 { font-size: 30px }
	.news-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 200px;
		font-family: "Century Gothic";
		display:none;
	}
	.tweet-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 0;
		font-family: "Century Gothic";
		display:none;
	}
	.mb_footer_top {
		position: fixed;
		bottom: 25px;
		left: 0px;
		width: 100%;
		font-size: 13px;
		z-index: 4;
	}
}
@media screen and (max-width: 640px) { 
    .cb-slideshow li div h3 { font-size: 30px }
    .cb-slideshow li div h3 { font-size: 30px }
	.news-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 200px;
		font-family: "Century Gothic";
		display:none;
	}
	.tweet-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 0;
		font-family: "Century Gothic";
		display:none;
	}
	.mb_footer_top {
		position: fixed;
		bottom: 25px;
		left: 0px;
		width: 100%;
		font-size: 13px;
		z-index: 4;
	}
	.cont-footer {
		position: absolute;
		top:280%;
		width: 40px;
		height:250px;
		left:0;
		font-family:"Century Gothic";
		display:none;
	}#cont-slid
	{
		display:block;
	}
}
@media screen and (max-width: 480px) { 
    .cb-slideshow li div h3 { font-size: 30px }
    .cb-slideshow li div h3 { font-size: 30px }
	.news-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 200px;
		font-family: "Century Gothic";
		display:none;
	}
	.tweet-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 0;
		font-family: "Century Gothic";
		display:none;
	}
	.mb_footer_top {
		position: fixed;
		bottom: 25px;
		height:280px;
		left: 0px;
		width: 100%;
		font-size: 13px;
		z-index: 4;
	}
	.cont-footer {
		position: absolute;
		top:280%;
		width: 40px;
		height:250px;
		left:0;
		font-family:"Century Gothic";
		display:none;
	}
	.col55, .col45, .col22, .col33, .col50
	{
		width:100%;
		clear:both;
	}
	#triangle-left {
		width: 0;
		height: 0;
		border-top: 11px solid transparent;
		border-right: 14px solid #fff;
		border-bottom: 11px solid transparent;
		position: absolute;
		top: 42%;
		right: 0px;
		display:none;
	}
	.hello {
		background: rgb(250, 122, 4);
		height: 50%;
		padding: 20px 10px;
		text-align: center;
		position: relative;
	}#cont-slid
	{
		display:none;
	}
}
@media screen and (max-width: 320px) { 
    .cb-slideshow li div h3 { font-size: 30px }
    .cb-slideshow li div h3 { font-size: 30px }
	.news-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 200px;
		font-family: "Century Gothic";
		display:none;
	}
	.tweet-footer {
		position: absolute;
		bottom: 100%;
		width: 180px;
		right: 0;
		font-family: "Century Gothic";
		display:none;
	}
	.mb_footer_top {
		position: fixed;
		bottom: 25px;
		height:280px;
		left: 0px;
		width: 100%;
		font-size: 13px;
		z-index: 4;
	}
	.cont-footer {
		position: absolute;
		top:280%;
		width: 40px;
		height:250px;
		left:0;
		font-family:"Century Gothic";
		display:none;
	}
	.col55, .col45, .col22, .col33, .col50
	{
		width:100%;
		clear:both;
	}
	#cont-slid
	{
		display:none;
	}
}