/*.row[class*="span"] {background:rgba(255,0,0,.2)}
*/
/*IMAGES*/
#home {
	background: url(../img/raphael-edit2.jpg) no-repeat 50% 50%;
}

#philosophy {
	background: url(../img/photo-3.jpg) no-repeat 50% 50%;
}

#ladies {
	background: url(../img/photo-1.jpg) no-repeat 50% 50%;
}

#gentlemen {
	background: url(../img/photo-13.jpg) no-repeat 50% 50%;
}

#menus {
	background: url(../img/menus.jpg) no-repeat 50% 50%;
}

#innovate .cell {
	min-height: 180px;
}

#location {
	background: url(../img/location.jpg) no-repeat 50% 50%;
}

#home, #philosophy, #ladies, #gentlemen, #menus, #location {
	background-attachment: fixed!important;
	background-position: 50% 0;
	background-size:cover;
	min-height: 800px;
}



/*General Classes*/
#topics .caption > p {min-height: 110px;}
.cei-logo {padding: 18px;}
h1, h2, h3, h4, h5, h6, .nav li  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.2;
	margin: .25em 0 .125em;
	text-rendering: optimizelegibility;
	text-shadow: 0 2px 3px rgba(0,0,0,.2);
}

h2 {
	margin-top: 70px;
	font-size: 76px;
	letter-spacing: -7px;
}

h3, .h3 {
	font-size: 28px;
	line-height: 1.2;
	text-rendering: optimizelegibility;
	text-shadow: 0 2px 3px rgba(0,0,0,.2);
	margin-bottom: 16px;
}

h4, .h4 {
	font-size: 20px;
	line-height: 1.2;
	text-rendering: optimizelegibility;
	text-shadow: 0 2px 3px rgba(0,0,0,.4);
}

.cslider h4 {color:#ffe600; font-weight: 600;}

.cslider.apps img, .reflect { 
	width: 60px; padding: 10px 10px 0;
 	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.3)));
}

.cslider.apps .overview  li {
	border:none; background:none;
}

i {
	color:#ffe600; 
	font-style: normal; 
	display: block; 
	font-weight: 700; 
	/* margin-bottom:1em; */
	background-color: #CCC;
	padding-left: 6px;
	border-radius: 10px;
	opacity: 0.8;
	margin-top: 3px;
}

.largeintro {
font-size: 21px;
line-height: 1.6;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-rendering: optimizelegibility;
margin: 0 0 1em;
width: 300px;
letter-spacing: -.04em;
text-shadow: 0 1px 2px 
rgba(0,0,0,.3);
}

.toleft {float:left; margin-right:20px;}
.toright {float:right; margin-left:20px;}

.pointer {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #E6C039 transparent;
	left: 130px;
	position: relative;
	top: 18px;
}

/*Redefined Bootstrap*/
body {
	background: #c7c7c7;
	color:#000;
	/*padding-top: 60px;*/
}

::selection {
background: #ffe600;
background: rgba(0,0,0, 0.3);
color: #ccc;
}

.offset3 > [class*="span"]:first-child {
	margin-left:0;
}

a {color:#ffe600;}
.container p a.btn:hover {color:#369;text-decoration:none; border-bottom: none;}
.container p a:hover, .viewport a:hover {color: #ffe600; text-decoration:none; border-bottom: 1px dotted;}

.navbar-fixed-top {
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
.navbar-inner {opacity: .9;
-moz-opacity: .9;
/* filter:alpha(opacity=.99); */
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {background: #555555; background: rgba(228, 230, 245, 0.3);}

.navbar .span2 {
margin: 12px 0 0 0;
}
.navbar .nav {
	position: fixed;
	left:50%;
	display: block;
	float: none;
	margin: 0;
	/* top: 68px; */
	width: 480px;
	background: #333;
	background: rgba(0,0,0,.3);
	padding: 6px;
	border-radius: 7px;
	margin-left:-240px
}

.navbar .nav li {
	background: #212121;
	background: rgba(0,0,0,.4);
	margin: 3px 0 0 0;
	border-radius: 5px;
	border: 1px solid rgba(78, 119, 250, 0.2);
}

/* .navbar .nav > li:first-child {margin-top: 0;}*/

.navbar .brand {padding: 10px 20px 10px 10px; margin-left:0;}
.navbar .nav > li > a {
float: none;
padding: 8px 10px;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.nav a:hover {text-indent: 20px;}
/*.row .thumbnails {margin-top:20px;}*/
.thumbnail {border:none;}
/*.thumbnail {border: 1px solid #999; border: 1px solid rgba(255, 255, 255, 0.24)}*/

.modal {width:700px;}
.modal.wide {width: 960px; margin-left: -480px;padding: 0;}
.modal.wide .modal-body {max-height: 800px;padding: 0;}

.modal p,
.modal h2,
.modal h3,
.modal h4,
.modal li {color:#777;}

.modal-header {background: #f0f0f0}


.thumbnail > img {
	width:100%; 
	box-shadow: 0 0 40px 20px rgba(0,0,0,.4);
	border:solid 1px #ccc; 
	opacity:.4;
}

footer p {
	color:#ccc;
	margin-top:0;
	margin-left:4px;
	margin-bottom:0;
	background-color: #2c2c2c;
}

/*Media Queries*/

@media (max-width: 979px) {
		body {padding-top:0;}
}

@media (max-width: 767px) {


	.cei-logo {display: none;}
	.navbar .nav {}	

}


/*tablet*/
@media (min-width: 768px) {
.navbar .nav {
	/*width: 206px;*/
}

.navbar .nav > li {
	float:left; 
	overflow:hidden; 
	font-size:14px;
	display: block;
}



}

@media screen and (min-width:768) and (max-width:1024px) {

	#home, #topics, #events, #tools, #words, #innovate, #thinkbig {
		width: 1024px;
		background-size:contain!important;
		min-height: 768px;
	}

}

/*/tablet*/

/*769*/
@media (min-width: 769px) {

	/*.navbar .nav {width: 260px;}*/

}
/*/769*/
@media (max-width: 979px) {

	.nav-collapse {display: none;}
	
}

/*1200*/
@media (min-width: 1200px) {
	.navbar .nav {width: 480px; /*bottom: 0; background: rgba(0, 51, 102, 0.59);*/}
	#thinkbig div.cslider { height: 360px; overflow:hidden; margin-top:-130px; }
}
/*/1200*/