*{
    margin:0;
    padding:0;
}
html{
    background:url('../images/background.jpg') #fefefe;
    position:relative;
}
body{
    padding: 50px 0 50px 0;
    font:14px/1.3 'Segoe UI',Arial, sans-serif;
    color:#4D5E65;
    min-height:500px;
    overflow-x:hidden
}
a,a:hover,a:active,a:visited{color:#04A3FF}
img{border:0}
header{
    font-family: 'Audiowide', cursive;
    font-size:130px;
    color:#93D0EA;
    text-shadow: 2px 3px #eaeff0;
    text-align:center;
}
header>span{
    font-family: 'Patrick Hand SC', cursive;
    font-size:36px;
    color:#4d5e65;
    text-shadow:1px 2px #eaeff0;
    display:block
}
.main-container{
    margin:20px 50px 0 50px;
    text-align:center;
    display:block
}
.item{
    width:300px;
    margin:10px;
    vertical-align:top;
    background-color:#fff;
    box-shadow:1px 2px #eaeff0;
    border-radius:2px;
    display:inline-block
}
.item-img{
    width:300px;
    height:180px;
    background-position:center top;
    border-radius:2px 2px 0 0;
    box-shadow:0px 0px 100px 0px #1a1a1a inset;
    overflow:hidden;
}
.item-img .item-logo{
    width:64px;
    height:64px;
    margin-top:60px;
    padding:3px;
    background-color:#fff;
    border-radius:3px;
    cursor:pointer
}
.item-img .item-logo:active{margin-top:65px;margin-bottom:-5px;}
.item-desc{
    padding:10px;
    color:#4d5e65;
    text-align:left
}
.item-desc>h3{font-size:21px}
.item-desc .btn{
    margin-top:10px;
    padding:5px 8px 5px 8px;
    font-size:11px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    border-radius:2px;
    box-shadow:0 1px 1px #d5d5d5;
    display:inline-block;
}
.tag,.date{margin-left:3px;font-size:11px;text-transform:uppercase;vertical-align:15%}
/* CSS Icons */
.icon {
	line-height:100%;
	width: 1em;
	height: 1em;
	position: relative;
	display: inline-block;
	/*float: left;*/
}
.icon-small {
	font-size: 1em;
}
.icon-mid {
	font-size: 2em;
}
.icon-large {
	font-size: 4em;
}
.icon-extra-large {
	font-size: 8em;
}
.icon-huge {
	font-size: 12em;
}
/* Tag */
.icon-tag {
	position: absolute;
	top: 0;
	left: .25em;
	width: .6em;
	height: .75em;
	background-color: rgb(102, 102, 102); /* #666 */
	border-top-left-radius: .0625em;
	border-top-right-radius: .0625em;
}
.icon-tag:before,
.icon-tag:after {
	content: "";
	position: absolute;
	top: .75em;
	width: 0;
	height: 0;
	border-width: .191em;
	border-style: solid;
}
.icon-tag:before {
	left: 0;
	border-color: rgb(102, 102, 102) transparent transparent rgb(102, 102, 102); /* #666 */
}
.icon-tag:after {
	left: .25em;
	border-color: rgb(102, 102, 102) rgb(102, 102, 102) transparent transparent; /* #666 */
}
/* Calendar */
.icon-calendar{
	position: absolute;
	top: .125em;
	left: 0;
	width: .875em;
	height: .6875em;
	border-width: .255em .0925em .0925em .0925em;
	border-style: solid;
	border-color: rgb(102, 102, 102); /* #666 */
	background-color: rgb(249, 249, 249); /* #f9f9f9 */
	border-radius: .0625em;
}
.icon-calendar:before{
	content: "";
	position: absolute;
	top: -.35em;
	left: .15em;
	width: .49em;
	height: .325em;
	border-width: 0 .125em;
	border-style: solid;
	border-color: rgb(102, 102, 102); /* #666 */
}
.icon-calendar:after{
	content: ":::";
	position: absolute;
	top: -.25em;
	left: .30em;
	font-family: Arial, sans-serif;
	font-size: .5em;
	font-weight: bold;
	color: rgb(102, 102, 102); /* #666 */
}
.btn-red{background-color:#e74c3c}
.btn-fb{background-color:#3161C6}
.btn-tw{background-color:#04A3FF}
.btn-gplus{background-color:#FF5D04}
footer{margin-top:20px;color:#4d5e65}
.animatescroll{background-image:url('../images/animatescroll.png')}
.failsafe{background-image:url('../images/failsafe.png')}
.contentshare{background-image:url('../images/contentshare.png')}
.appstore{background-image:url('../images/appstore.png')}
.simplefill{background-image:url('../images/simplefill.gif')}
.compzets{background-image:url('../images/compzets.png')}
.fb{background-image:url('../images/fb.png')}
.tw{background-image:url('../images/tw.png')}
.gplus{background-image:url('../images/gplus.png')}
/*For Flexicel*/
.nbs-flexisel-container {
    margin:20px 0;
    display:inline-block;
    position:relative;
    max-width:76%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    max-height:70px;
    background-color:#fff;
    box-shadow:1px 2px #eaeff0;
    border:1px solid #eaeff0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin:12px 0;
    max-width:200px;
    max-height:45px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}
.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}
.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}
/*Helper Classes*/
.mr_top_20x{margin-top:20px}
.fl{float:left}
.al{text-align:left}
.disp_inl_blk{display:inline-block}
/*For Responsiveness*/
@media (min-width:32.5em) and (max-width: 61.250em) {
    body{font-size:13px}
    header{font-size:100px}
    header>span{font-size:26px}
    .main-container{margin:20px 0 0 0}
}
@media (min-width: 32.5em) and (max-width: 38.688em) {
    body{font-size:13px}
    header{font-size:100px}
    header>span{font-size:26px}
    .main-container{margin:20px 0 0 0}
    .tag{font-size:10px}
}
@media (max-width: 32.438em) {
    body{font-size:12px}
    header{font-size:78px}
    header>span{font-size:22px}
    .main-container{margin:20px 0 0 0}
    .tag{font-size:10px}
}