*{margin:0;padding:0;}
body {
	font-size:13pt;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 70px;
}

.container {
	display: block !important;
}
 
h1, #content_wrapper h1{font-size:24px;font-weight:bold;}
 
p, ul{color:#222222;}
h1{color:#4f276d;}
h2{font-size:14pt;color:black;font-weight:bold;}

.t1 {font-size:14pt;color:black;font-weight:bold;margin-left:10px}
.bggrey {
	background-color:#fafafa;
}
.p1 { border : 0; margin-left:0px;margin-right:0px;padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}
code{font-family:Courier New, Courier;font-size:10pt;margin:0px;background-color:#FAFAFA}
 
ul{padding-top:6px;list-style-type:none;line-height:21px;}
.underline{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#8f9aa5;clear:both;}

/* Responsive images for feature screenshots */
img { max-width: 100%; height: auto; }
.shot {
	max-width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(79,39,109,0.12);
	margin-top: 10px;
}
.feature-row { margin-bottom: 60px; }
.feature-row .lead { color: #515151; }
.feature-row h1 { margin-top: 10px; }
.p1 p { min-height: 60px; }
.hero-lead { color: #515151; font-size: 15pt; }
.section-sub { color: #888; text-transform: uppercase; letter-spacing: 1px; font-size: 11pt; font-weight: 500; }
@media (max-width: 767px) {
	.feature-row { text-align: center; margin-bottom: 40px; }
	.p1 p { min-height: 0; }
}
/* Call-to-action buttons */
.cta-wrap { margin-top: 22px; }
.btn-cta {
	display: inline-block;
	background-color: #4f276d;
	color: #ffffff !important;
	font-weight: 500;
	font-size: 14pt;
	text-decoration: none;
	padding: 12px 28px;
	border-radius: 6px;
	border: 1px solid #4f276d;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
	box-shadow: 0 6px 18px rgba(79,39,109,0.20);
}
.btn-cta:hover, .btn-cta:focus {
	background-color: #3c1d54;
	color: #ffffff !important;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(79,39,109,0.30);
}
.btn-cta.secondary {
	background-color: transparent;
	color: #4f276d !important;
	box-shadow: none;
	margin-left: 10px;
}
.btn-cta.secondary:hover, .btn-cta.secondary:focus {
	background-color: #f5f0fa;
	color: #4f276d !important;
}
@media (max-width: 767px) {
	.btn-cta.secondary { margin-left: 0; margin-top: 12px; }
}

/* Subtle hero screenshot animation */
@keyframes heroFloat {
	0%   { transform: translateY(0) scale(1); }
	50%  { transform: translateY(-8px) scale(1.006); }
	100% { transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: no-preference) {
	.hero-anim { animation: heroFloat 7s ease-in-out infinite; }
}

.look{background-color:#FF00FF;}
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
.navbar-inverse {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-nav a{
	color: #4f276d !important;
	text-decoration: none;
} 
.navbar-nav a:hover {
	color: #000000 !important;
}
 
.navbar-nav>.active>a , .navbar-nav>.active>a:hover {
	background-color: #4f276d !important;
	 color: #ffffff !important;

}
.navbar-toggle  {
    background-color: #4f276d;
}
.navbar-toggle .icon-bar { background-color: #ffffff; }
/* JS-free mobile menu: checkbox controls the collapse */
#nav-toggle-cb { display: none; }
@media (max-width: 767px) {
	#navbar.navbar-collapse { display: none; }
	#nav-toggle-cb:checked ~ #navbar.navbar-collapse { display: block; }
}
#footer {
	font-size: 12px;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	clear: both;
	vertical-align: middle;
	background-color: #FAFAFA;
	margin-bottom: 0px;
	padding-top: 20px;
	margin-top: 40px;
}

#footer h1 {
	font-size: 14px;
	text-decoration: none;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #555;
}

#footer li {
	margin-bottom: 0px;
	line-height: 17px;
	list-style-type: none;
}

#footer ul a {
	font-size: 13px;
	color: #666;
}

#footer li a {
	text-decoration: none;
}

#footer p {
	margin-top: 1em;
	color: #666;
	text-align: center;
	font-size: 0.91em;
}

#footer img {
	vertical-align: middle;
}

#footer #copyright {
	text-align: left;
	float: left;
	width: 600px;
	padding-left: 10px;
}

#footer #facebook {
	text-align: right;
	float: left;
	width: 268px;
	padding-right: 10px;
	line-height: 1.2em;
}

#footer #facebookicon {
	text-align: right;
	float: left;
	width: 94px;
	margin-top: 1.2em;
}