@font-face {
    font-family: 'Intro Regular';
    src: url('fonts/intro-regular.eot');
    src: url('fonts/intro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/intro-regular.woff') format('woff'),
         url('fonts/intro-regular.ttf') format('truetype'),
         url('fonts/intro-regular.svg#Intro Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'WarnockPro-ItDisp';
    src: url('fonts/warnockpro-itdisp.eot');
    src: url('fonts/warnockpro-itdisp.eot?#iefix') format('embedded-opentype'),
         url('fonts/warnockpro-itdisp.woff') format('woff'),
         url('fonts/warnockpro-itdisp.ttf') format('truetype'),
         url('fonts/warnockpro-itdisp.svg#WarnockPro-ItDisp') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*************************** integrated css***************/
.container {
	width: 978px;
	margin: 0 auto;
	position:relative;
}

.container {font-size:.75em;width:100%; background-color:#fff} 
 
 
 .wrapper {width:100%;overflow:hidden}
 
 header {overflow:hidden;background:#FFF; height:58px; padding-top:30px;}
 
 
 /*****************************************************===== header ===***************==*/
header h1 { padding:0px 0 0 8px;color:#000;font-weight:lighter;float:left} /*insert logo here in front of backgroung*/
header h1 a {margin-top:-25px; color:#161616;text-decoration:none}
 
header nav {padding:5px 0px 20px 0px;}

header nav ul {float:right;font-family: 'Intro Regular';}
header nav ul li {float:left;padding:0 0 0 8px;
 list-style:none;}

header nav ul li a {
	position:relative;
	float:left;
	font-size:12px;
	color:#121212;
	font-weight:lighter;
	text-decoration:none;
	text-transform:uppercase;
 	font-family: 'Intro Regular';
	line-height:20px;
	background-color:#FFF;
	padding: 25px 15px 0 1px;
}

header nav ul li a:hover, header nav ul li a.current {color:#008040;}

header nav ul li a:after {display:block;position:absolute;right:1px;top:13px;width:0px;height:0px; }

 
/**********************************===================================integrated css ends===============================*********/

 

/********************news feed*******************************/

#news-feed{bottom:0;height:60px;left:0;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}




#news-feed.hovered .nested,
#news-feed.hovered .nested:hover{margin:0}
#news-feed.hovered .nested .item,
#news-feed.hovered .nested:hover .item{-webkit-transform:rotate3d(1,0,0,0deg);-moz-transform:rotate3d(1,0,0,0deg);-ms-transform:rotate3d(1,0,0,0deg);-o-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg)}

#news-feed>.title{background:#018917;opacity:0.75;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
 border-top-left-radius:20px;
float:right;
height:100%;

 
letter-spacing:3px;
line-height:60px;
padding:0 20px 0 25px;
position:absolute;
text-transform:uppercase;
-webkit-transition:background-color .2s linear;
-moz-transition:background-color .2s linear;
-ms-transition:background-color .2s linear;
-o-transition:background-color .2s linear;
transition:background-color .2s linear;
right:0;
top:0;
z-index:10
}

#news-feed>.title.hover{background:#018917;}
#news-feed > .title.hovered a{color:#FFFFFF}

#news-feed > .title a{color:#d0d0d0;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}

#news-feed
.nested{background:#018917;opacity:0.75;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:100%;margin:60px
0 0 0;padding:0
0 0 0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}

#news-feed .nested
.list{height:100%;margin:0
auto;max-width:980px;-webkit-perspective:1000px;perspective:1000px;width:100%}

#news-feed .nested
.item{border-left:1px solid #383838;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:100%;margin:0
auto;padding:0
15px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;width:auto;-webkit-transform:rotate3d(1,0,0,180deg);-moz-transform:rotate3d(1,0,0,180deg);-ms-transform:rotate3d(1,0,0,180deg);-o-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg);-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}


#news-feed .nested .item:nth-child(1){-webkit-transition-delay: .0s;-moz-transition-delay: .0s;-o-transition-delay: .0s;transition-delay: .0s}
#news-feed .nested .item:nth-child(2){-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}

#news-feed .nested .item:nth-child(3){-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s}
#news-feed .nested .item:nth-child(4){-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s}
#news-feed .nested .item:last-child{border-right:1px solid #383838}

#news-feed .nested .item:hover{background-color:#FFF;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s}

#news-feed .nested .item:hover
.title{color:#000}
#news-feed .nested .item:hover:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#news-feed .nested .item:hover:nth-child(2){-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#news-feed .nested .item:hover:nth-child(3){-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#news-feed .nested .item:hover:nth-child(4){-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#news-feed .nested .item
.visual{display:none}

#news-feed .nested .item
.feature{color:#777;display:inline;font:normal 1.5em "blockgothiclightextraconroman", Arial, sans-serif;letter-spacing:3px;line-height:60px;margin:0
5px 0 0;text-transform:uppercase; }
#news-feed .nested .item
.title{color:#FFF;display:inline;font:normal 1.5em "blockgothicmediumextracoroman", Arial, sans-serif;
letter-spacing:5px;line-height:60px;text-transform:uppercase;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;}



/*****/

/*****/

#news-preview{background:#FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;bottom:100px;display:block;height:136px;left:40%;filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-filter:"alpha(opacity=0)";opacity:0;overflow:visible;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);width:235px;z-index:0}#news-preview.active{bottom:100px;display:block;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;-ms-filter:"alpha(opacity=100)";opacity:1;z-index:20}#news-preview.animated{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}#news-preview
.nested{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden;height:100%;padding:5px;width:100%}#news-preview .nested
.visual{display:block;height:100%;margin:0
auto;width:100%}
#news-preview
.separator{bottom:-21px;color:#FFF;font-size:20px;left:0;position:absolute;text-align:center;width:100%}



/****/

/********************************news-feed and news-previedw ends***********/

.testHeight{
	height:101px !important;
}