@charset "UTF-8";
/* CSS Document */
html{
	margin:0;
	padding:0;
	background-color: #000;
	z-index: 1;
}

body{
	margin:0;
	padding:0;
	text-align:left;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	font-family: 'Open Sans', sans-serif;
}

a:hover{
	text-decoration:none;
}

a:hover, a:active, a:focus {  
    outline: 0;  
} 

.font-ubuntu{
	font-family: 'Ubuntu', sans-serif;
}

.zoom:hover{
	background-color: #FFF;
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.7);
  	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.7);
  	box-shadow: 0px 0px 6px rgba(0,0,0,.7);
  	cursor: default;
	overflow:visible;	
}

.inline{
	display: inline;
}

.read-better{
	font-size: 18.5px;
	font-weight: 200;
	line-height: 27px;
}

.box-shadow{
	margin-bottom: 10px;
	box-shadow: 0 10px 10px 3px #E2E2E2;
		-webkit-box-shadow: 0 10px 10px 3px #E2E2E2;
		-moz-box-shadow: 0 10px 10px 3px #E2E2E2;
		-o-box-shadow: 0 10px 10px 3px #E2E2E2; zoom: 1;
}

.walls {
	margin-bottom: 10px;
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    	border-radius: 5px;
}

.form-gate{
	position:relative;
	margin-top: 20px;	
}

.form-gate-header{
	position:absolute;
	top: -35px;
	background-color:#FFF;
	padding: 0 10px;
}

.space{
	padding-bottom: 30px;
}

.space-small{
	padding-bottom: 15px;
}

.space-left{
	padding-left: 30px;
}

.space-left-small{
	padding-left: 15px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.large-radius{
		-webkit-border-radius: 15px;
    	-moz-border-radius: 15px;
    	border-radius: 15px;
}

.radius{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.small-radius{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.border-bottom{
	border-bottom: 2px solid #DDD;
}

.border-top{
	border-top: 2px solid #DDD;
}

.no-border{
	margin: 0;
	border:none;
}

.click{
	cursor: pointer;
 	cursor: hand;
}

.center{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

.link a{
	color: #6CF;
	text-decoration:none;
}
.link a:hover{
	color:#69C;
}

.jumbotron p {
  	line-height: 200%;
}

.transparent-bg{
	background-color:transparent;
}

.doubleUnderline {
    text-decoration:underline;
    border-bottom: 1px solid #000;
}

iframe, object, embed {
	max-width: 100%!important;
}

.overflow{
	-webkit-overflow-scrolling:touch;
	overflow: auto;
}

/* Colors ===================================*/
.black {
	background-color: #000;
}

.white{
	background-color: #FFF;
}

.blue {
	background-color: #369;
}

.blue2 {
	background-color: #06C;
}

.green {
	background-color: #00CE00;	
}

.light-blue{
	background-color:#EAF3FF;
}

.light-gray{
	background-color:#DDD;
}

.light-gray2{
	background-color: #F2F4F7;
}

.dark-gray{
	background-color:#666;
}

.orange{
	background-color:#DE6126;
}

.font-black{
	color:#000;
}

.font-white{
	color: #fff;
}

.font-blue{
	color:#6CF;
}

.font-blue2{
	color:#06C;
}

.font-lightblue{
	color: #09F;
}

.font-green{
	color: #3F3;
}

.font-orange{
	color: #DE6126;
}

.font-orange2{
	color:#FC3;
}

.font-orange3{
	color:#F90;
}

.font-gray{
	color:#DDD;
}

.font-darkgray{
	color:#666;
}

.font-yellow{
	color:yellow;
}

.font-red{
	color:#C30;
}


/* Nav & Header ===================================*/

.intro{
	/*background-color: #FC7264;*/
	background-color: #CCC;
	background: url("../image/triangular.png");
	background-attachment:fixed;
	padding-bottom: 150px;
	padding-top: 90px;
}

.intro-box{
	margin-bottom: 5px;
	padding: 15px;
}

.intro-box h1{
	font-size:32px;
	line-height: 38px;
	text-align:center;
}

.about{
	padding: 5px 10px;
	margin-bottom: 50px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.headline{
	padding-top: 50px;
	
}

.nav-item {
  zoom: 1;
  margin-top: 5px;
}

.nav-item:before,
.nav-item:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-item:after {
  clear: both;
}

.nav-item > li {
  margin-bottom: 5px;
}

.nav-item > li > a{
	font-family: 'Ubuntu', sans-serif;
	color: #000!important;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding: 8px 8px;
	margin: 0 10px;
  	line-height: 20px;
	text-decoration: none;
}

.nav-item a:hover{
	border-bottom: 4px solid #06C;
	margin-bottom: -4px;
}

.nav-shadow{
	box-shadow: 0px 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
	padding: 15px 0;
	border-top: 1px solid rgba(0,0,0,.2);
}

/* Main ================================*/


/* footer ================================*/
.footer{
	padding:20px 0;
	background-color:#000;
}

/* Graphic ================================*/
#logo{
	background: url("../image/listmedia-logo.png") no-repeat top left;
	height: 34px;
	width: 170px;
	display: block;	
	background-size:contain;
}

.support{
	background: url("../image/support.png") no-repeat bottom center;
	height: 200px;
	width: 100%;
	display: block;
	background-size:contain;
}

.tech{
	background: url("../image/tech.png") no-repeat bottom center;
	height: 200px;
	width: 100%;
	display: block;
	background-size:contain;
}

.design{
	background: url("../image/design.png") no-repeat bottom center;
	height: 200px;
	width: 100%;
	display: block;
	background-size:contain;
	margin-top: 100px;
}

.database{
	background: url("../image/database.png") no-repeat bottom center;
	height: 200px;
	width: 100%;
	display: block;
	background-size:contain;
	margin-top: 100px;
}

.analytics{
	background: url("../image/analytics.png") no-repeat bottom center;
	height: 200px;
	width: 100%;
	display: block;
	background-size:contain;
	margin-top: 100px;
	
}

#map_canvas{
	border-top: 5px solid #999;
	height: 400px;
	width:100%;
}

.triangular-blue{
	background: url("../image/triangular-blue.png");
	background-attachment:fixed;
}

.aba-member{ 
	background:url("../image/member.png") top left no-repeat;
	width:78px;
	height:35px;
	background-position:-10px -10px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 5px;
	margin: 0 10px;
}
.sema-member{ 
	background:url("../image/member.png") top left no-repeat;
	width:26px;
	height:35px;
	background-position:-10px -55px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 5px;
	margin: 0 10px;
}
.ppai-member{ 
	background:url("../image/member.png") top left no-repeat;
	width:71px;
	height:35px;
	background-position:-10px -100px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 5px;
	margin: 0 10px;
}
.dma-member{ background:url("../image/member.png") top left no-repeat;
	width:67px;
	height:35px;
	background-position:-10px -145px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 5px;
	margin: 0 10px;
}
.cose-member{ background:url("../image/member.png") top left no-repeat;
	width:37px;
	height:35px;
	background-position:-46px -55px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 5px;
	margin: 0 10px;
}
.asi-member{ background:url("../image/member.png") top left no-repeat;
	width:65px;
	height:35px;
	background-position:-10px -190px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 5px;
	margin: 0 10px;
}

.membership{
	padding: 20px 0;
}

@media screen and (max-width: 400px) {
	.visible-xl{
		display: none!important;
	}
	.hidden-xl{
		display: block!important;
	}
}

@media screen and (max-width: 767px) {
	.pull-right{
		float:none!important;
	}
	.pull-left{
		float:none!important;
	}
	.visible-xl{
		display: none!important;
	}
	.hidden-xl{
		display: block!important;
	}
	.inner-header{
		background: #33A6F5 url("../image/butterfly-small.png") no-repeat top left!important;
		background-size: auto;
		background-attachment:fixed!important;	
	}
	.support, .tech{
		height: 200px!important;
		width: 100%!important;
	}
	
	.design, .database, .analytics{
		margin-top: 30px!important;
	}
	.jumbotron p {
	 	font-size: 18px;
  	}
	
	.intro-box h1{
		font-size: 20px!important;
		line-height: 24px!important;	
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-xl{
		display: none!important;
	}
	.hidden-xl{
		display: block!important;
	}
	.inner-header{
		background: #33A6F5 url("../image/butterfly-med.png") no-repeat top center;
		background-attachment:fixed;
	}
	.intro{
		margin-top: 80px;
	}
	
	.intro-box h1{
		font-size: 25px;	
	}
	.nav-item > li > a{
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#logo{
		height: 28px;
		width: 140px;
	}
	.container > .navbar-header,
	.container > .navbar-collapse {
		margin-right: -30px;
		margin-left: -10px;
	 }
}

@media (min-width: 992px) {
	.visible-xl{
		display: none!important;
	}
	.hidden-xl{
		display: block!important;
	}
	
	.nav-item > li > a{
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (min-width: 1200px) {
	.visible-xl{
		display: none!important;
	}
	.hidden-xl{
		display: block!important;
	}
}

@media (min-width: 1400px) {
	.visible-xs, .visible-sm, .visible-md, .visible-lg {
		display: none!important;
	}
	.hidden-xs, .hidden-sm, .hidden-md, hidden-lg {
		display: block!important;
	}
	.visible-xl {
		display:block!important;
	}
	.hidden-xl {
		display: none!important;
	}
}