/*------------------------------------------------------------------

Project:	Electoral - HTML Template
Version:	1.0
Updated:	10/10/2014
Authors:	QBKL Studio


[Table of contents]

1. Generic
	1.1. Typography
	1.2. Structural
2. Header
3. Body
	3.1. Content Elements
		3.1.1. Hero
		3.1.2. CTA Boxes
		3.1.3. Tables
		3.1.4. Form Elements
		3.1.5. Social Profiles
	3.2. Sections
	3.3. Extra Components
		3.3.1. Team members
		3.3.2. Alerts
		3.3.3. Headline List
		3.3.4. Carousels and Sliders
		3.3.5. Responsive Tabs
		3.3.6. Galleries
		3.3.7. Maps
		3.3.8. Pricing
		3.3.9. Blog
4. Sidebar and Widgets
5. Footer
6. Media Queries

-------------------------------------------------------------------*/


/* 1. Generic */
html {
	height: 100%;
}
body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #444;
	background-color: #ffffff;
	height: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
a {
	color: #ff7800;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:focus,
a:active,
a:visited {
	color: #ff7800;
}
a:hover {
	color: #000000;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;
}
input,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
	margin-right: 5px;
}
input[type="radio"] {
	-moz-appearance: radio;
	-webkit-appearance: radio;
}
input[type="checkbox"] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}
table {
	width: 100%;
	border-collapse: colapse;
	border-spacing: 1px;
}
td {
	padding: 7px 5px;
	border-top: 1px solid #cec4bd;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
th {
	padding: 7px 5px;
	font-size: 0.813em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: left;
	color: #000;
	border-bottom: 2px solid #cec4bd;
}
.hide-mobile {
	display: initial;
}
.show-mobile {
	display: none;
}

/* 1.1. Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
}
.section-headline {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 2.250em;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	white-space: normal;
	word-wrap: break-word;
	color: #054469;
}
.section-headline span {
	display: block;
	font-size: 0.5em;
	font-weight: normal;
	color: #0b93e3;
}
.section-headline em {
	font-style: normal;
	color: #032438;
}
.section-headline a {
	color: #054469;
}
.section-headline a:hover {
	color: #0b93e3;
}
.section-headline.inverted {
	color: #8dd1fa;
}
.section-headline.inverted em {
	color: #fff;
}
.section-headline.inverted a {
	color: #8dd1fa;
}
.section-headline.inverted a:hover {
	color: #0b93e3;
}
.box-headline {
	display: block;
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 1.500em;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
	color: #fff;
}
.box-headline a {
	color: #fff;
}
.sub-headline {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	color: #054469;
}
.sub-headline a {
	color: #054469;
}
.sub-headline span {
	color: #ff7800;
}
.deco-headline {
	padding: 0 0 0 47px;
	background-image: url(../img/headline-flag.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.deco-headline1 {
	padding: 0 0 0 47px;
	background-image: url(../img/headline-flag1.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.deco-headline2 {
	padding: 0 0 0 47px;
	background-image: url(../img/headline-flag2.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.deco-headline3 {
	padding: 0 0 0 47px;
	background-image: url(../img/headline-flag3.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.button,
.button:focus,
.button:active,
.button:visited {
	display: inline-block;
	padding: 14px 15px;
	margin: auto;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	background: #ff7800;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.button:hover,
.button:focus:hover,
.button:active:hover,
.button:visited:hover {
	color: #fff;
	background-color: #054469;
}
.button.button-alt,
.button:focus.button-alt,
.button:active.button-alt,
.button:visited.button-alt {
	background-color: #054469;
}
.button.button-alt:hover,
.button:focus.button-alt:hover,
.button:active.button-alt:hover,
.button:visited.button-alt:hover {
	background-color: #ff7800;
}
.button.button-outline,
.button:focus.button-outline,
.button:active.button-outline,
.button:visited.button-outline {
	padding: 12px 13px;
	color: #ff7800;
	border: 2px solid #ff7800;
	background-color: transparent;
}
.button.button-outline:hover,
.button:focus.button-outline:hover,
.button:active.button-outline:hover,
.button:visited.button-outline:hover {
	color: #054469;
	border-color: #054469;
}
.button.button-outline.button-alt,
.button:focus.button-outline.button-alt,
.button:active.button-outline.button-alt,
.button:visited.button-outline.button-alt {
	color: #054469;
	border-color: #054469;
	background-color: transparent;
}
.button.button-outline.button-alt:hover,
.button:focus.button-outline.button-alt:hover,
.button:active.button-outline.button-alt:hover,
.button:visited.button-outline.button-alt:hover {
	color: #ff7800;
	border-color: #ff7800;
}
.button.button-large,
.button:focus.button-large,
.button:active.button-large,
.button:visited.button-large {
	padding: 18px 20px;
	font-size: 14px;
}
.button.button-large.button-outline,
.button:focus.button-large.button-outline,
.button:active.button-large.button-outline,
.button:visited.button-large.button-outline {
	padding: 16px 18px;
}
.button i.fa,
.button:focus i.fa,
.button:active i.fa,
.button:visited i.fa {
	font-weight: normal;
	margin-right: 5px;
	margin-left: 0;
}
.button i.fa.icon-on-right,
.button:focus i.fa.icon-on-right,
.button:active i.fa.icon-on-right,
.button:visited i.fa.icon-on-right {
	margin-left: 5px;
	margin-right: 0;
}
.button.button-icon,
.button:focus.button-icon,
.button:active.button-icon,
.button:visited.button-icon {
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}
.button.button-icon i.fa,
.button:focus.button-icon i.fa,
.button:active.button-icon i.fa,
.button:visited.button-icon i.fa {
	margin: 0;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}

/* Alignment: WP Specific */
.alignleft,
.alignleft:first-child {
	float: left;
	margin: 5px 30px 1em 0;
}
.alignright,
.alignright:first-child {
	float: right;
	margin: 5px 0 1em 30px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 1em auto;
}
.small-text {
	font-size: 14px;
}
.big-text {
	font-size: 1.500em;
	font-weight: 300;
}
.note {
	padding: 30px;
	border: 1px solid #e4deda;
	background-color: #faf8f7;
}
.note > *:first-child {
	margin-top: 0;
}
.note > *:last-child {
	margin-bottom: 0;
}
code {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	color: #0b93e3;
}
blockquote {
	background-color: #efebe9;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 30px;
	font-family: Georgia, serif;
	font-size: 1.125em;
	font-style: italic;
	border-left: 5px solid #ff7800;
}
p {
	margin: 1.5em 0;
}

/* 1.2. Structural */
.simple-half {
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* 2. Header */
#header {
		background-color: #032438;
	color: #fff;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
	z-index: 1;
	 
}
#logo {
	float: left;
}
#logo img {
	display: block;
	margin: 15px 0;
}
#nav {
	display: block;
	float: right;
	/* styling for both css and generated arrows */
	/* styling for right-facing arrows */
}
#nav #nav-toggle {
	display: none;
}
#nav a {
	display: inline-block;
	width: 100%;
	height: 80px;
	padding: 35px 25px 0 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-transform: uppercase;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#nav a span {
	display: block;
	font-size: 0.750em;
	font-weight: 400;
	color: #0b93e3;
	text-transform: none;
}
#nav a:hover {
	background-color: #00385d;
}
#nav a:hover span {
	color: #fff;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul li {
	position: relative;
	float: left;
	border-left: 1px solid #054469;
	background-image: none;
}
#nav ul li > a {
	background-position: 15px 80px;
}
#nav ul li.nav-special > a {
	/*background-image: url(../img/nav-special-bg.png);*/
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-color: #ff7800;
}
#nav ul li.nav-special > a span {
	color: #ffbc80;
}
#nav ul li:hover > a {
	padding-top: 15px;
	background-image: url(../img/nav-arrow-right.png);
	background-repeat: no-repeat;
	background-position: 15px 61px;
	background-color: #00385d;
}
#nav ul li:hover > a.sf-with-ul {
	background-image: url(../img/nav-arrow-down.png);
}
#nav ul li:hover > a span {
	color: #fff;
}
#nav ul li ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	background-color: #032438;
	min-width: 12em;
	/* allow long menu items to determine submenu width */
	*width: 12em;
	/* no auto sub width for IE7, see white-space comment below */
}
#nav ul li ul li {
	float: none;
	width: 100%;
	border-left: 0;
	border-top: 1px solid #054469;
}
#nav ul li ul li a {
	height: auto;
	padding: 15px 25px 15px 15px;
	font-size: 0.813em;
	font-weight: normal;
	text-transform: none;
	background-image: none;
}
#nav ul li ul li a:hover {
	background-image: none;
}
#nav ul li ul ul {
	top: -1px;
	left: 100%;
}
#nav ul li.nav-reverse ul {
	left: auto;
	right: 0;
}
#nav ul li.nav-reverse ul ul {
	right: 100%;
}
#nav ul li:hover > ul,
#nav ul li.sfHover > ul {
	display: block;
}
#nav .sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 4px solid transparent;
	border-top-color: #0b93e3;
	visibility: hidden;
}
#nav .sf-arrows > li > .sf-with-ul:focus:after,
#nav .sf-arrows > li:hover > .sf-with-ul:after,
#nav .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white;
	/* IE8 fallback colour */
}
#nav .sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #0b93e3;
	visibility: visible;
}
#nav .sf-arrows ul li > .sf-with-ul:focus:after,
#nav .sf-arrows ul li:hover > .sf-with-ul:after,
#nav .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #fff;
}

/* 3. Body */
#main {
	min-height: 400px;
}
.page-header {
	padding: 35px 0 15px 0;
	background-color: #e4deda;
	background-image: url(../img/header-flag.png);
	background-repeat: no-repeat;
	background-position: 60% center;
}
.page-header.large {
	padding: 135px 0 35px 0;
	font-size: 1.5em;
}
.page-header .section-headline {
	margin: 0;
}
.content {
	margin-top: 5px;
	margin-bottom: 5px;
}
.content .section-headline {
	color: #999;
}
.content .section-headline span {
	color: #999;
}
.content h1:not(.section-headline),
.content h2:not(.section-headline),
.content h3:not(.section-headline),
.content h4:not(.section-headline) {
	font-weight: 700;
	text-transform: uppercase;
	color: #054469;
}
.content h5,
.content h6 {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-weight: normal;
	color: #054469;
	text-transform: uppercase;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin: 2rem 0 1rem 0;
}
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
	color: #054469;
}

/* 3.1. Content Elements */

/* 3.1.1. Hero */
#hero {
	position: relative;
	color: #8dd1fa;
	background-color: #e4deda;
	background-image: url(../img/hero-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	overflow: hidden;
}
#hero .q-container {
	position: relative;
	padding-top: 20%;
	background-image: url(../img/candidate-big.png);
	background-repeat: no-repeat;
	background-position: bottom right 10%;
	background-size: 30%;
}
#hero .box-join {
	min-height: 380px;
	padding: 30px;
	background-color: #032438;
}
#hero .box-join .q-row {
	margin-left: -5px;
	margin-right: 5px;
}
#hero .box-join div[class*='q-col-'] {
	padding: 5px;
}
#hero input,
#hero button {
	width: 100%;
}

/* 3.1.2. CTA Boxes */
#home-cta {
	position: relative;
	overflow: hidden;
}
.box {
	height: auto;
	padding: 25px 30px 30px 30px;
	background-color: #032438;
	-webkit-box-shadow: inset -30px -30px 100px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset -30px -30px 100px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset -30px -30px 100px 0px rgba(0, 0, 0, 0.3);
}
.box p {
	display: block;
	padding: 0;
	font-size: 0.875em;
	color: #fff;
}
.box a {
	color: #4fd7ff;
}
.box a:hover {
	color: #fff;
}
.box.box-alt {
	background-color: #ff7800;
}
.box.box-alt a {
	color: #ffffc4;
}
.box.box-alt a:hover {
	color: #fff;
}
.box .box-headline a {
	color: #fff;
}
.box:hover {
	-webkit-box-shadow: inset -30px -30px 100px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset -30px -30px 100px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset -30px -30px 100px 0px rgba(0, 0, 0, 0.4);
}
.box > *:last-child {
	margin-bottom: 0;
}

/* 3.1.3. Tables */
.light-table td {
	background-color: #fff;
	border-color: #e4deda;
}
.light-table th {
	background-color: #d9d1cb;
	border: 0;
}
.events-table td {
	font-size: 0.750em;
}

/* 3.1.4. Form Elements */
label {
	display: inline-block;
	margin-bottom: 5px;
}
input[type='text'],
input[type='password'],
input[type='search'],
input[type='url'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='month'],
input[type='week'],
input[type='date'],
input[type='time'],
input[type='range'],
textarea {
	display: inline-block;
	min-width: 150px;
	padding: 8px 10px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	color: #000;
	background-color: transparent;
	border: 2px solid #0b93e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	vertical-align: middle;
}
textarea {
	resize: vertical;
}
button,
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='color'] {
	display: inline-block;
	min-height: 39px;
	padding: 8px 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background-color: #ff7800;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	vertical-align: middle;
	cursor: pointer;
}
button:hover,
input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='color']:hover {
	background-color: #054469;
}
input[type='range'] {
	background-image: url(../img/input-range-bg.png);
	background-repeat: repeat-x;
	background-position: center;
}
input:focus,
textarea:focus,
button:focus {
	border-color: #054469;
	outline: 0;
}
input:invalid {
	box-shadow: none;
}
input.full-width,
textarea.full-width,
button.full-width {
	width: 100%;
}
#hero input,
#hero textarea,
#hero button {
	color: #fff;
}
#hero input:focus,
#hero textarea:focus {
	border-color: #4fd7ff;
}
form .q-column,
form .q-col-full,
form .q-col-1-1,
form .q-col-1-2,
form .q-col-1-3,
form .q-col-2-3,
form .q-col-1-4,
form .q-col-3-4,
form .q-col-1-5,
form .q-col-2-5,
form .q-col-3-5,
form .q-col-4-5,
form .q-col-1-6 {
	padding-top: 10px;
	padding-bottom: 10px;
}
form .required {
	font-weight: bold;
	color: #ff7800;
}
form.note {
	padding-top: 20px;
	padding-bottom: 20px;
}
input#yenoh {
	width: 50px;
}
img#yenoh-pic {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 10px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
label.error {
	display: block;
	margin: 10px 0 0 0;
	font-size: 0.750em;
	color: #ff0000;
}
input.error,
textarea.error {
	border-color: #ff0000!important;
}

/* 3.1.5. Social Profiles */
.social-profiles {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.social-profiles li {
	display: inline-block;
	margin: 5px 0 5px 7px;
}
.social-profiles li:first-child {
	margin-left: 0;
}
.social-button {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #fff!important;
	background-color: #0b93e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.social-button.social-facebook {
	background-color: #3b5999;
}
.social-button.social-twitter {
	background-color: #00aced;
}
.social-button.social-google {
	background-color: #dd4b39;
}
.social-button.social-linkedin {
	background-color: #0976b4;
}
.social-button.social-foursquare {
	background-color: #0072b1;
}
.social-button.social-pinterest {
	background-color: #cb2027;
}
.social-button.social-instagram {
	background-color: #3f729b;
}
.social-button.social-flickr {
	background-color: #ff0084;
}
.social-button.social-youtube {
	background-color: #cd201f;
}
.social-button.social-vimeo {
	background-color: #1ab7ea;
}
.social-button:hover {
	background-color: #054469;
}

/* 3.2. Sections */
.section {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.section > .q-container {
	padding-top: 35px;
	padding-bottom: 35px;
}
.section-alt {
	background-color: #e4deda;
}
.home-articles .article-headline {
	margin-bottom: 1em;
}
.home-articles .article-headline > *:first-child {
	margin-top: 5px;
}
.home-articles .article-image {
	margin-bottom: 1em;
}
.home-articles .article-image img {
	display: block;
}
.home-articles .article-summary {
	overflow: hidden;
}
.social-updates {
	min-height: 350px;
	padding-bottom: 100px;
	color: #000;
	background-color: #f5f5f5;
	background-image: url(../img/social-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.social-updates .social-update {
	margin-top: -10px;
	font-size: 1.875em;
	font-weight: 300;
}
.social-updates .social-update a {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
}
.social-updates .social-update-info {
	font-size: 0.750em;
	text-transform: uppercase;
}
.social-updates .social-update-info a {
	font-weight: 700;
}
.home-news .q-container {
	background-image: url(../img/candidate-small.png);
	background-repeat: no-repeat;
	background-position: 15px bottom;
}
.roadmap-archive .roadmap-items {
	margin: 1.5em 0;
}
.roadmap-archive .roadmap-items .roadmap-item {
	display: table;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #e4deda;
}
.roadmap-archive .roadmap-items .roadmap-item:first-child {
	border-top: 1px solid #e4deda;
}
.roadmap-archive .roadmap-items .roadmap-item:hover {
	background-color: #f5efeb;
}
.roadmap-archive .roadmap-items .roadmap-item time {
	display: table-cell;
	width: 80px;
	padding: 15px 0;
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 2em;
	color: #0b93e3;
	line-height: 1.2;
	text-align: center;
	vertical-align: top;
}
.roadmap-archive .roadmap-items .roadmap-item time span {
	display: block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}
.roadmap-archive .roadmap-items .roadmap-item time span.hour {
	font-size: 14px;
	font-weight: bold;
}
.roadmap-archive .roadmap-items .roadmap-item .item-body {
	display: table-cell;
	border-left: 1px solid #e4deda;
	padding: 0 15px 0 13px;
	vertical-align: top;
}
.roadmap-archive .roadmap-items .roadmap-item .item-body > *:first-child {
	margin-top: 0;
}
.roadmap-archive .roadmap-items .roadmap-item .item-body > *:last-child {
	margin-bottom: 0;
}
.roadmap-archive .roadmap-items .roadmap-item .item-body .item-title {
	margin-bottom: 0;
}
.roadmap-archive .roadmap-items .roadmap-item .item-body .fa-map-marker {
	text-align: left;
	min-width: 15px;
	color: #0b93e3;
}
.roadmap-item .small-text .fa-clock-o,
.roadmap-item .small-text .fa-calendar,
.roadmap-item .small-text .fa-map-marker {
	min-width: 20px;
	text-align: center;
	color: #0b93e3;
}
.content .article-grid .article-headline > h3 {
	margin: 0!important;
}
.content .article-grid .article-image {
	margin-bottom: 1em;
}
.content .article-grid .article-image img {
	display: block;
}
.content .article-grid .article-summary {
	overflow: hidden;
}

/* 3.3. Extra Components */

/* 3.3.1. Team members */
.team-member img {
	display: block;
}
.team-member p {
	margin: 0;
	padding: 5px 10px;
	background-color: #f5efeb;
}
.team-member .social-profiles {
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #fff;
	background-color: #f5efeb;
}

/* 3.3.2. Alerts */
.alert {
	display: block;
	padding: 15px;
	margin-bottom: 1em;
	border: 1px solid #e4deda;
	font-size: 0.875em;
	background-color: #faf8f7;
}
.alert.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

/* 3.3.3. Headline List */
.headline-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.headline-list ul li {
	margin-top: 20px;
}
.headline-list h4 {
	margin: 0 0 0.3em 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.125em;
	font-weight: normal;
}
.headline-list h4 a {
	color: #000;
}
.headline-list h4 a:hover {
	color: #ff7800;
}
.headline-list .info {
	font-size: 0.813em;
}
.headline-list .info i.fa {
	margin-right: 5px;
	color: #a99d95;
}

/* 3.3.4. Carousels and Sliders */
.owl-theme .owl-controls .owl-buttons div {
	background: #054469;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.owl-theme .owl-controls .owl-buttons div:hover {
	background: #ff7800;
}
.owl-theme .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	border-color: #054469;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #054469;
}
.simple-slider {
	position: relative;
}
.simple-slider .owl-controls {
	text-align: left;
}
.simple-slider .owl-controls .owl-buttons div {
	margin: 0 10px 0 0;
}
.simple-slider .owl-controls .owl-page span {
	margin: 5px 10px 5px 0;
}
.image-slider img {
	width: 100%;
}
.image-slider .owl-controls {
	text-align: center;
}
/* 3.3.5. Responsive Tabs */
.tabs-hor,
.tabs-vert,
.accordion {
	margin: 1.5em 0;
}
.tabs-hor:before,
.tabs-vert:before,
.accordion:before,
.tabs-hor:after,
.tabs-vert:after,
.accordion:after {
	content: " ";
	display: table;
}
.tabs-hor:after,
.tabs-vert:after,
.accordion:after {
	clear: both;
}
.tabs-hor .resp-tabs-list {
	overflow: hidden;
	margin-bottom: -1px;
}
.tabs-hor .resp-tabs-list li {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #054469;
	border-right: 1px solid #ddd;
	border-top: 3px solid #ddd;
}
.tabs-hor .resp-tabs-list li.resp-tab-active {
	color: #ff7800;
	border-top-color: #ff7800;
	border-left-width: 0;
}
.tabs-hor .resp-tabs-list li:first-child {
	border-left: 1px solid #dddddd;
}
.resp-tabs-list li,
.resp-accordion {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.tabs-vert .resp-tabs-list li {
	padding: 15px;
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #054469;
	border-bottom: 1px solid #ddd;
	border-left: 3px solid #ddd;
}
.tabs-vert .resp-tabs-list li.resp-tab-active {
	margin-bottom: 0!important;
	color: #ff7800;
	border-top: 0;
	border-left-color: #ff7800;
}
.tabs-vert .resp-tabs-list li:first-child,
.tabs-vert .resp-tabs-list li:first-child.resp-tab-active {
	border-top: 1px solid #ddd;
}
.resp-vtabs .resp-tabs-container {
	width: 70%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.resp-tab-content,
.resp-tab-active,
.resp-vtabs li.resp-tab-active,
.resp-easy-accordion .resp-tab-content:last-child,
h2.resp-accordion,
h2.resp-accordion:first-child,
.resp-easy-accordion .resp-tab-content,
.resp-vtabs .resp-tab-content {
	border-color: #ddd;
}
.resp-tab-content > *:first-child {
	margin-top: 0;
}
.resp-tab-content > *:last-child {
	margin-bottom: 0;
}
h2.resp-accordion {
	position: relative;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 5px 0 5px 40px!important;
}
h2.resp-tab-active {
	background-color: #eee;
	color: #ff7800;
}
h2.resp-accordion.resp-tab-active {
	padding: 5px 0 5px 40px!important;
}
h2.resp-accordion:before {
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 14px;
	position: absolute;
	width: 40px;
	height: 14px;
	line-height: 50px;
	left: 15px;
	top: 0;
	bottom: 0;
	color: #054469;
}
h2.resp-tab-active:before {
	content: '\f106';
	color: #ff7800;
}
.tabs-hor .resp-tab-content > *,
.tabs-vert .resp-tab-content > * {
	opacity: 0;
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.tabs-hor .resp-tab-content.resp-tab-content-active > *,
.tabs-vert .resp-tab-content.resp-tab-content-active > * {
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
	opacity: 1;
}
.no-cssanimations .tabs-hor .resp-tab-content > *,
.no-cssanimations .tabs-vert .resp-tab-content > * {
	opacity: 1;
}

/* 3.3.6. Galleries */
.mfp-container button,
.mfp-container button:hover {
	background-color: transparent;
}
.mfp-container button.mfp-arrow,
.mfp-container button:hover.mfp-arrow {
	width: 90px;
}
.mfp-container button.mfp-close,
.mfp-container button:hover.mfp-close {
	width: auto;
}
.mfp-container .mfp-arrow-left:before,
.mfp-container .mfp-arrow-left .mfp-b,
.mfp-container .mfp-arrow-right:before,
.mfp-container .mfp-arrow-right .mfp-b {
	display: none;
}
.gallery-items:before,
.gallery-filters:before,
.gallery-items:after,
.gallery-filters:after {
	content: " ";
	display: table;
}
.gallery-items:after,
.gallery-filters:after {
	clear: both;
}
.gallery-items {
	margin: 1.5em -5px;
}
.gallery-filters {
	margin: 1.5em 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.gallery-filters li {
	display: inline-block;
	margin-right: -2px;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
}
.gallery-filters li:before {
	content: "/";
	padding: 0 10px;
	color: #ddd;
}
.gallery-filters li:first-child:before {
	display: none;
}
.gallery-filters li span {
	color: #054469;
}
.gallery-filters li span:hover,
.gallery-filters li span.active {
	color: #ff7800;
}
.gallery-item {
	opacity: 0;
	display: none;
	float: left;
	width: 33.333%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.gallery-item .gallery-thumb {
	position: relative;
	overflow: hidden;
}
.gallery-item .gallery-thumb img {
	display: block;
}
.gallery-item .gallery-thumb .gallery-overlay {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15% 15px 0 15px;
	text-align: center;
	color: #fff;
	background-image: url(../img/px-dark.png);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.gallery-item .gallery-thumb .gallery-overlay h4 {
	margin: 0;
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	line-height: 1.1;
	color: #fff;
}
.gallery-item .gallery-thumb .gallery-overlay .gallery-buttons {
	margin-top: 5%;
}
.gallery-item .gallery-thumb .gallery-overlay .gallery-buttons .button {
	margin: 0 5px;
	padding: 0;
	font-size: 14px;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
.gallery-item .gallery-thumb .gallery-overlay .gallery-buttons .button i.fa {
	margin: 0;
}
.gallery-item:hover .gallery-thumb .gallery-overlay {
	opacity: 1;
	visibility: visible;
}
.gallery-item .gallery-photos {
	display: none;
}
.gallery-4-col .gallery-item {
	width: 25%;
}
.gallery-social {
	margin: 1em 0;
	padding: 1em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* 3.3.7. Maps */
.gmap {
	width: 100%;
}
.gmap img {
	max-width: inherit;
}
.gmap .gmap-info {
	width: 300px;
	font-size: 12px;
}
.gmap .gmap-info p {
	margin: 5px 0;
}
.gmap .gmap-info .gmap-info-heading {
	margin: 0;
}
.gmap.small-map {
	height: 180px;
}
.gmap.large-map {
	height: 400px;
}

/* 3.3.8. Pricing */
.pricing-container {
	margin-top: 2em;
	margin-bottom: 2em;
}
.pricing-container .pricing {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
	border: 1px solid #e4deda;
}
.pricing-container .pricing li {
	padding: 15px 10px;
	border-top: 1px solid #e4deda;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 -1px;
}
.pricing-container .pricing li:first-child {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 0;
}
.pricing-container .pricing li.pricing-heading {
	padding: 30px 0;
	color: #fff;
	background-color: #054469;
	background-image: url(../img/header-flag.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pricing-container .pricing li.pricing-heading h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}
.pricing-container .pricing li.pricing-value {
	padding: 20px 0 30px 0;
	margin: 0;
	font-family: Georgia, serif;
	font-size: 4em;
	font-style: italic;
	font-weight: 200;
	line-height: 1em;
	vertical-align: top;
	color: #054469;
	background-color: #faf8f7;
}
.pricing-container .pricing li.pricing-value sup {
	font-size: 0.5em;
}
.pricing-container .pricing.pricing-best-value li.pricing-heading {
	background-color: #ff7800;
}

/* 3.3.9. Blog */
.blog-post {
	margin-top: 50px;
	padding: 20px 30px;
	border: 1px solid #e4deda;
	/*background-color: @bg-color-alt + #111;*/
}
.blog-post:first-child {
	margin-top: 0;
}
.blog-post .blog-post-header {
	margin-bottom: 2em;
}
.blog-post .blog-post-header .blog-post-headline {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.4;
	text-transform: none;
	white-space: normal;
	word-wrap: break-word;
	color: #054469;
}
.blog-post .blog-post-header .blog-post-info {
	font-size: 12px;
}
.blog-post .blog-post-header .blog-post-info i.fa {
	color: #a99d95!important;
	margin-right: 5px;
}
.blog-post .blog-post-image {
	margin-bottom: 2em;
}
.blog-post .blog-post-image img {
	display: block;
}
.blog-post .blog-post-image .simple-slider .owl-controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	text-align: center;
	opacity: 0.5;
}
.blog-post .blog-post-image .simple-slider .owl-controls .owl-buttons div {
	border-color: #fff;
}
.blog-post .blog-post-image .simple-slider .owl-controls .owl-page span {
	background-color: transparent;
	border-color: #fff;
}
.blog-post .blog-post-image .simple-slider .owl-controls .owl-page.active span,
.blog-post .blog-post-image .simple-slider .owl-controls.clickable .owl-page:hover span {
	border-color: #fff;
	background-color: #fff;
}
.blog-post .blog-post-image .simple-slider:hover .owl-controls {
	opacity: 1;
}
.blog-post .blog-post-footer {
	margin: 2em 0 0 0;
	border-top: 1px solid #e4deda;
}
.blog-post .blog-post-footer i.fa {
	color: #a99d95!important;
	margin-right: 5px;
}
.blog-post .blog-post-footer p.tags {
	font-size: 0.875em;
}
.blog-post-comments {
	margin-top: 50px;
}
.blog-post-comments .section-headline {
	font-size: 1.500em;
}
.blog-post-comments #comments-list ul {
	margin: 2em 0 0 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #e4deda;
	border-top: 0;
}
.blog-post-comments #comments-list ul li {
	border-top: 1px solid #e4deda;
	padding: 30px;
	background-color: #fff;
}
.blog-post-comments #comments-list ul li.odd {
	background-color: #faf8f7;
}
.blog-post-comments #comments-list ul li ul {
	margin: 30px -30px -30px -30px;
	border: 0;
}
.blog-post-comments #comments-list ul li ul li {
	padding-left: 60px;
}
.blog-post-comments #comments-list ul li ul ul {
	margin-left: -60px;
}
.blog-post-comments #comments-list ul li ul ul li {
	padding-left: 90px;
}
.blog-post-comments #comments-list ul li .comment-entry {
	overflow: hidden;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-avatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 15px 15px 0;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-avatar img {
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info {
	float: left;
	margin: 5px 0 15px 0;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info .comment-author {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #054469;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info .comment-author a {
	color: #054469;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info .comment-author span {
	color: #ff7800;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info .comment-date {
	font-size: 0.750em;
	text-transform: uppercase;
	color: #000;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info span {
	display: block;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-content {
	clear: left;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-content > *:last-child {
	margin-bottom: 0;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-reply-link {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 0.750em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-reply-link i.fa {
	color: #a99d95!important;
	margin-right: 5px;
}
.blog-post-comments #comments-form {
	margin-top: 50px;
}
.blog-post-comments #comments-form .comment-form {
	margin: 2em 0 0 0;
	border: 1px solid #e4deda;
	border-top: 0;
}
.blog-post-comments #comments-form .comment-form p {
	border-top: 1px solid #e4deda;
	margin: 0;
	padding: 15px 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.blog-post-comments #comments-form .comment-form p.comment-form-email,
.blog-post-comments #comments-form .comment-form p.comment-form-url {
	float: left;
	width: 50%;
}
.blog-post-comments #comments-form .comment-form p.comment-form-email {
	border-right: 1px solid #e4deda;
}
.blog-post-comments #comments-form .comment-form p.comment-form-comment {
	clear: left;
}
.blog-post-comments #comments-form .comment-form input[type="text"],
.blog-post-comments #comments-form .comment-form input[type="email"],
.blog-post-comments #comments-form .comment-form input[type="url"],
.blog-post-comments #comments-form .comment-form textarea {
	width: 100%;
	margin-bottom: 5px;
}
.blog-post-comments #comments-form .comment-form label {
	display: block;
	margin-bottom: 0.5em;
	font-size: 0.750em;
	font-weight: bold;
	text-transform: uppercase;
}
.blog-post-comments #comments-form .comment-form .comment-notes,
.blog-post-comments #comments-form .comment-form .form-allowed-tags {
	font-size: 0.875em;
}
.pagination {
	margin-top: 35px;
}
.pagination a.page-numbers,
.pagination span.current {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 10px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagination a.page-numbers:first-child,
.pagination span.current:first-child {
	margin-left: 0;
}
.pagination span.current {
	background-color: #054469;
}
.pagination a.page-numbers {
	background-color: #b9a99f;
}
.pagination a.page-numbers:hover {
	background-color: #ff7800;
}

/* 4. Sidebar and Widgets */
#sidebar {
	margin-top: 35px;
	margin-bottom: 35px;
}
#sidebar .widget {
	margin-top: 30px;
	padding: 25px 30px 30px 30px;
	border: 1px solid #e4deda;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar .widget .widget-title {
	font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	color: #054469;
}
#sidebar .widget .widget-title a {
	color: #054469;
}
#sidebar .widget .widget-title span {
	color: #ff7800;
}
#sidebar .widget .widget-title:first-child {
	margin-top: 0;
}
#sidebar .widget .widget-content ul {
	padding: 0;
	list-style-type: none;
}
#sidebar .widget .widget-content ul li {
	border-top: 1px solid #e4deda;
}
#sidebar .widget .widget-content ul li a {
	color: #000;
	display: block;
	padding: 10px 0;
}
#sidebar .widget .widget-content ul li a:hover {
	color: #ff7800;
}
#sidebar .widget .widget-content ul li:first-child {
	border-top: 0;
}
#sidebar .widget .widget-content ul li ul {
	font-size: 0.875em;
}
#sidebar .widget .widget-content ul li ul li a {
	position: relative;
	width: 100%;
	padding-left: 15px;
}
#sidebar .widget .widget-content ul li ul li a:before {
	position: absolute;
	top: 9px;
	left: 0;
	content: '\00a0\203A\00a0';
	color: #999;
}
#sidebar .widget .widget-content ul li ul li a:hover:before {
	color: #ff7800;
}
#sidebar .widget .widget-content ul li ul li:first-child {
	border-top: 1px solid #e4deda;
}
#sidebar .widget .widget-content ul li ul li ul li a {
	padding-left: 30px;
}
#sidebar .widget .widget-content ul li ul li ul li a:before {
	left: 15px;
}
#sidebar .widget.widget_tag_cloud .tagcloud a {
	display: inline-block;
	padding: 7px 10px;
	margin: 3px 3px 3px 0;
	font-size: 0.750em;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background-color: #b9a99f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sidebar .widget.widget_tag_cloud .tagcloud a:hover {
	color: #fff;
	background-color: #ff7800;
}
#sidebar .widget.box {
	border: 0;
}
#sidebar .widget > *:last-child {
	margin-bottom: 0;
}
#sidebar .box {
	margin-top: 30px;
}
#sidebar .box .box-headline {
	font-size: 1.500em;
	font-weight: normal;
}
#sidebar .box input,
#sidebar .box textarea,
#sidebar .box button {
	border-color: #0b93e3;
	color: #fff;
}
#sidebar .box.box-alt .button,
#sidebar .box.box-alt button,
#sidebar .box.box-alt input[type='button'],
#sidebar .box.box-alt input[type='submit'],
#sidebar .box.box-alt input[type='reset'],
#sidebar .box.box-alt input[type='color'] {
	color: #fff;
	background-color: #032438;
}
#sidebar .box.box-alt .button:hover,
#sidebar .box.box-alt button:hover,
#sidebar .box.box-alt input[type='button']:hover,
#sidebar .box.box-alt input[type='submit']:hover,
#sidebar .box.box-alt input[type='reset']:hover,
#sidebar .box.box-alt input[type='color']:hover {
	background-color: #fff;
	color: #054469;
}
#sidebar .box.box-alt input,
#sidebar .box.box-alt textarea,
#sidebar .box.box-alt button {
	border-color: #ffbc80;
}
#sidebar .box.box-alt input:focus,
#sidebar .box.box-alt textarea:focus,
#sidebar .box.box-alt button:focus {
	border-color: #ffffc4;
}
#sidebar form input[type='text'],
#sidebar form input[type='password'],
#sidebar form input[type='search'],
#sidebar form input[type='url'],
#sidebar form input[type='email'],
#sidebar form input[type='tel'],
#sidebar form textarea {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
#sidebar form input:focus,
#sidebar form textarea:focus,
#sidebar form button:focus {
	border-color: #4fd7ff;
}
#sidebar > *:first-child {
	margin-top: 0;
}

/* 5. Footer */
#footer {
	font-size: 0.875em;
	color: #fff;
	background-color: #032438;
	background-image: url(../img/footer-flag.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#footer a {
	color: #0b93e3;
}
#footer a:hover {
	color: #fff;
}
#footer .q-col-1-3 {
	text-align: right;
}
#footer nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer nav ul li {
	display: inline;
}
#footer #nav-footer-primary {
	margin: 1em 0;
}
#footer #nav-footer-primary li {
	margin-right: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
#footer #nav-footer-secondary {
	font-size: 0.857em;
	color: #0b93e3;
}
#footer #nav-footer-secondary li:after {
	padding: 0 10px;
	content: " /";
}
#footer #nav-footer-secondary li:last-child:after {
	content: "";
}
#footer .footer-info {
	font-size: 0.857em;
}
#footer .footer-logo {
	display: inline-block;
	margin: 1em 0;
}

/* 6. Media Queries */
@media screen and (max-width: 1023px) {
	#nav ul a {
		font-size: 0.813em;
		padding-right: 15px;
	}
	#nav ul a span {
		font-size: 0.875em;
	}
}
@media screen and (max-width: 768px) {
	.hide-mobile {
		display: none;
	}
	.show-mobile {
		display: initial;
	}
	#header > .q-container {
		padding-right: 0;
	}
	#nav #nav-toggle {
		display: block;
		height: 80px;
		width: auto;
		min-width: 45px;
		text-align: center;
		padding: 0 15px;
	}
	#nav #nav-toggle i.fa {
		font-size: 18px;
		line-height: 80px!important;
	}
	#nav > ul {
		display: none;
		position: absolute;
		right: 0;
		left: 0;
		width: 100%;
		background-color: #032438;
		-webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
	}
	#nav > ul li {
		width: 100%;
		border-top: 1px solid #054469;
		border-left: 0;
	}
	#nav > ul li ul {
		position: relative!important;
		width: 100%;
	}
	#nav > ul li ul a {
		background-color: #00385d;
	}
	#nav > ul li ul a:hover {
		color: #0b93e3;
	}
	#nav > ul li ul ul {
		top: 0;
		left: 0;
	}
	#nav > ul li ul ul li a:before {
		content: '\00a0\2014\00a0';
		color: #0b93e3;
	}
	#nav > ul a {
		height: auto;
		padding: 15px;
		background-image: none;
	}
	#nav > ul a.sf-with-ul {
		position: relative;
		background-image: url(../img/nav-arrow-down.png) !important;
		background-position: right 15px center!important;
		background-repeat: no-repeat;
	}
	#nav > ul a.sf-with-ul:after {
		display: none;
	}
	#hero .q-container {
		padding-top: 50% ;
		background-position: top 10% center;
		background-size: 50%;
	}
	#hero .box-join {
		width: 100%;
		min-height: 0;
	}
	#home-cta .box-alt {
		float: none;
		width: 100%;
	}
	.home-articles .article-image {
		float: left;
		width: 40%;
		padding-top: 5px;
		padding-right: 15px;
	}
	.home-articles .article-summary > p {
		margin-top: 0;
	}
	.social-updates {
		padding-bottom: 0;
		background-image: url(../img/px-light.png), url(../img/social-bg.jpg);
		background-size: cover;
	}
	.home-news .q-container {
		background-image: none;
	}
	.roadmap-archive .roadmap-archive-header .q-col-1-3 {
		float: left;
		width: 33.333%;
	}
	.roadmap-archive .roadmap-archive-header .q-col-2-3 {
		float: left;
		width: 66.667%;
	}
	.resp-vtabs .resp-tabs-container {
		float: none;
		width: 100%;
	}
	.gallery-item,
	.gallery-4-col .gallery-item {
		width: 50%;
	}
	#footer {
		text-align: center;
	}
	#footer .q-col-1-3 {
		text-align: center;
	}
	#footer .q-col-1-3 .footer-logo {
		margin-top: 0;
	}
}
@media screen and (max-width: 640px) {
	.gallery-item .gallery-thumb .gallery-overlay h4 {
		font-size: 0.750em;
	}
	#comments-form .comment-form p {
		float: none!important;
		width: 100%!important;
	}
}
@media screen and (max-width: 480px) {
	.section-headline {
		font-size: 2.250em;
	}
	.home-articles .article-image {
		float: none;
		width: 100%;
		padding: 0;
	}
	.home-articles .article-image img {
		width: 100%;
		height: auto;
	}
	.roadmap-archive .roadmap-archive-header .section-headline {
		font-size: 1.5em;
	}
	.roadmap-archive .roadmap-archive-header .button-icon {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	.gallery-item .gallery-thumb .gallery-overlay {
		padding: 0 10px 0 10px;
	}
	.gallery-item .gallery-thumb .gallery-overlay h4 {
		display: none;
	}
	.gallery-item .gallery-thumb .gallery-overlay .gallery-buttons {
		position: absolute;
		margin: -15px 0 0 0;
		top: 50%;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.gallery-item .gallery-thumb .gallery-overlay .gallery-buttons .button {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.blog-post-comments #comments-list ul li ul {
		margin-left: -30px !important;
	}
	.blog-post-comments #comments-list ul li ul li {
		padding-left: 30px!important;
	}
}




























.section {
	position: relative;
}
.section .section-header {
	padding: 5px 0;
}
.section .section-header .title {
	font-size: 24px;
}
.section .section-header .title .line {
	margin-bottom: 5px;
	border-bottom: 1px dotted #aaa;
	display: inline-block;
	width: 20px;
	height: 1px;
	margin-left: 17px;
	margin-right: 17px;
	position: relative;
}
.section .section-content {
	position: relative;
	padding: 34px 0;
}
.section .section-content .title {
	margin-bottom: 17px;
	font-size: 24px;
}
.section .section-content .side-section-content {
	position: absolute;
	height: 100%;
	padding: 34px;
	top: 0;
	width: 30%;
	background-color: rgba(255, 255, 255, .9);
}
.section .section-content .side-section-content .thumbnail-content {
	font-size: 14px;
	line-height: 2em;
}



/* What we do style */
#whatWeDo {
	margin-top: 34px;
}
#whatWeDo .section-header {
}
#whatWeDo .thumbnail {
	border: none;
	/*border-color: #f2f2f2; */
	padding: 17px 0px;
}
#whatWeDo .thumbnail .caption {
	text-align: center;
}
#whatWeDo .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#whatWeDo .thumbnail img {
	transition-proerty: all, border, opacity;
	transition-duration: .1s;
	border-radius: 50%;
	/*opacity: .8;*/
	width: 90px;
	height: 90px;
}
#whatWeDo .thumbnail:hover img {
	border: 1px solid #3597d3;
}
/*#whatWeDo .thumbnail:hover .img-double-border {
	background-image: url('../img/icon-border.png');
	background-repeat: no-repeat;
	*background-image: none;
	padding: 15px;
	background-size: cover;
	transition: all .3s ease-in-out;
}*/
#whatWeDo .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
#whatWeDo .section-content .title {
	font-size: 24px;
}


element.style {
}
#latestWorks .thumbnail.lightning-yellow {
    border-top: 2px solid #F5AB35;
}

#latestWorks .thumbnail {
    border-top: 2px solid #59ABE3;
    min-height: 300px;
    transition-property: all, background-color;
    transition: duration: .1s;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.orange-lighter {
	background-color: #f77f24;
	border: 1px solid #f77f24;	
	color: #fff;
}
.orange-bg {
	background-color: #e77e24;
	color: #fff;
}
.btn.orange-bg {
	border-color: #e77e24;
}
.blue-bg {
	background-color: #3597d3;
	color: #fff;	
}
/* padding styles */
.pad-1 {
	padding-top: 17px;
}
.pad-2 {
	padding-top: 34px;
}
.pad-3 {
	padding-top: 51px;
}
/* flat ui colors */
.fc-alice-blue {
	color: #E4F1FE;
}
.fc-alice-blue-bg {
	background-color: #E4F1FE;
}
.fc-emerald-bg {
	background-color: #3FC380;
}
.fc-humming-bird-bg {
	background-color: #C5EFF7;
}
.fc-lynch-bg {
	background-color: #6C7A89;
}
.fc-ecstasy-bg {
	background-color: #F9690E;	
}
.fc-lightning-bg {
	background-color: #F5AB35;
}
.fc-observatory-bg {
	background-color: #049372;
}
.fc-steel-blue-bg {
	background-color: #4B77BE;
}
.fc-gossip-bg {
	background-color: #87D37C;
}
.fc-medium-turquoise-bg {
	background-color: #4ECDC4;
}

.pull-position-right {
	right: 0;
}
/* carousel styles */
.carousel-control.left,
.carousel-control.right {
	background: none;
}
.carousel-indicators li,
.carousel-indicators li.active {
	box-shadow: 0px 0px 2px 1px rgba(44, 44, 44, 0.5) !important;
	width: 25px !important;
	margin: 3px !important;
	height: 10px;
}

.logonav-brand {
	padding: 0;
}
.logonav-brand img {
}

.alo-menubar.navbar-default {
	background-color: #ffffff !important;
	padding: 10px 0px;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
	border: 1px solid #f2f2f2;
}
.alo-menubar.navbar-default .navbar-nav > .active > a, 
.alo-menubar.navbar-default .navbar-nav > .active > a:hover, 
.alo-menubar.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent !important;	
	border-bottom: 2px solid #3597d3;
	color: #3597d3;
	font-weight: bold;
}
.alo-menubar.navbar-default .navbar-nav > .active > a:hover, 
.alo-menubar.navbar-default .navbar-nav > .active > a:focus {
	border-bottom: 2px solid #e77e24;
}
/* utilities */
.primary-blue-bg {
	background-color: #3597d3;
	color: #fff;
}
.primary-blue {
	color: #3597d3;
}
.shadow-bg {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
	box-sizing: content-box;
}

.thumbnail.primary-blue-bg .caption {
	color: #fff;
}

/* section styles */
.section {
	position: relative;
}
.section .section-header {
	padding: 20px 0;
}
.section .section-header .title {
	font-size: 24px;
}
.section .section-header .title .line {
	margin-bottom: 5px;
	border-bottom: 1px dotted #aaa;
	display: inline-block;
	width: 20px;
	height: 1px;
	margin-left: 17px;
	margin-right: 17px;
	position: relative;
}
.section .section-content {
	position: relative;
	padding: 34px 0;
}
.section .section-content .title {
	margin-bottom: 17px;
	font-size: 24px;
}
.section .section-content .side-section-content {
	position: absolute;
	height: 100%;
	padding: 34px;
	top: 0;
	width: 30%;
	background-color: rgba(255, 255, 255, .9);
}
.section .section-content .side-section-content .thumbnail-content {
	font-size: 14px;
	line-height: 2em;
}

#homeSlider .carousel-inner .carousel-caption h1,
#homeSlider .carousel-inner .carousel-caption h4 {
		color: #fff;
}
/*@media(min-width: 350px) {
	#homeSlider .carousel-inner .carousel-caption h1 {
		margin-top: 20px;
		padding-bottom: 0;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		position: absolute;
		left: -9999px;
	}	
}
@media(min-width: 450px) {
	#homeSlider .carousel-inner .carousel-caption h4 {
		position: relative;
		left: 0px;
	}
}*/

/*homeSlider style update on 31/12/2014*/
@media(min-width:320px){           
	#homeSlider .carousel-inner .carousel-caption{
		bottom:39px !important;
	}
	#homeSlider .carousel-inner .carousel-caption h1 {		
		font-size:29px;
		line-height:27px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		display:none;
	}	
}
@media(max-width:320px){ 
	#homeSlider .carousel-inner .carousel-caption{
		bottom:39px;
	}
	#homeSlider .carousel-inner .carousel-caption h1 {
		font-size:29px;
		line-height:27px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		display:none;
	}	
}
@media(min-width: 768px) {		
	#homeSlider,
	#homeSlider .carousel-inner {
		height: 550px;
	}
	#homeSlider .carousel-inner .carousel-caption{
		bottom:20px ;
	}
	#homeSlider .carousel-inner .carousel-caption {
		top: 20%;
		/*background-color: rgba(53, 151, 211, 0.4);
		padding: 15px;*/
		/*border-radius: 4px;
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) inset;*/
	}
	#homeSlider .carousel-inner .carousel-caption h1 {
		font-size: 4em;	
		font-weight: 100;
		line-height:65px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		padding-top: 20px;
		font-weight: bold;
		position: relative;
		left: 0;
		line-height: 1.5em;
		display:block;
	}
	
}
@media(min-width: 992px) {	
	#homeSlider,
	#homeSlider .carousel-inner {
		height: 500px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
	}
}

/* What we do style */
#whatWeDo {
	margin-top: 34px;
}
#whatWeDo .section-header {
}
#whatWeDo .thumbnail {
	border: none;
	/*border-color: #f2f2f2; */
	padding: 17px 0px;
}
#whatWeDo .thumbnail .caption {
	text-align: center;
}
#whatWeDo .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#whatWeDo .thumbnail img {
	transition-proerty: all, border, opacity;
	transition-duration: .1s;
	border-radius: 50%;
	/*opacity: .8;*/
	width: 90px;
	height: 90px;
}
#whatWeDo .thumbnail:hover img {
	border: 1px solid #3597d3;
}
/*#whatWeDo .thumbnail:hover .img-double-border {
	background-image: url('../img/icon-border.png');
	background-repeat: no-repeat;
	*background-image: none;
	padding: 15px;
	background-size: cover;
	transition: all .3s ease-in-out;
}*/
#whatWeDo .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
#whatWeDo .section-content .title {
	font-size: 24px;
}

/* homeContactUs style */
#homeContactUs .contact-us-info .title {
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
#homeContactUs .contact-us-info .info {
	color: #e0e0e0;
}
/* technologiesWeUse style */
#technologiesWeUse .section-header {
	background-image: url('../img/gplaypattern_@2X.png');
	background-repeat: repeat;
}
#technologiesWeUse .section-content .title {
	font-size: 20px;
}
#technologiesWeUse .thumbnail {
	border: none;
}
#technologiesWeUse .thumbnail .caption {
	text-align: center;
}
#technologiesWeUse .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#technologiesWeUse .thumbnail img {
	height: 90px;
	width: auto;
	transition-property: all, opacity;
	transition-duration: .3s;
}
#technologiesWeUse .thumbnail:hover img {
	opacity: 1;
}
#technologiesWeUse .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
/* latestWorks styles */
#latestWorks .section-header {
	background-image: url('../img/photography_@2X.png');
	background-repeat: repeat;	
}
#latestWorks .list-group-item {
	border-radius: 0;
}
#latestWorks .thumbnail {
	border-top: 2px solid #59ABE3;
	/*padding-top: 34px;	
	padding-bottom: 34px;*/
	min-height: 300px;
	transition-property: all, background-color;
	transition: duration: .1s;
}
#latestWorks .thumbnail:hover {
	background-color: #59ABE3;
	transition: all .1s ease-in-out;
}
#latestWorks .thumbnail.emerald {
	border-top: 2px solid #3FC380;	
}
#latestWorks .thumbnail.emerald:hover {
	background-color: #3FC380;
}
#latestWorks .thumbnail.aqua-island {
	border-top: 2px solid #A2DED0;	
}
#latestWorks .thumbnail.aqua-island:hover {
	background-color: #A2DED0;
}
#latestWorks .thumbnail.downy {
	border-top: 2px solid #65C6BB;	
}
#latestWorks .thumbnail.downy:hover {
	background-color: #65C6BB;
}
#latestWorks .thumbnail.observatory {
	border-top: 2px solid #049372;	
}
#latestWorks .thumbnail.observatory:hover {
	background-color: #049372;
}
#latestWorks .thumbnail.steel-blue {
	border-top: 2px solid #4B77BE;	
}
#latestWorks .thumbnail.steel-blue:hover {
	background-color: #4B77BE;
}
#latestWorks .thumbnail.flamingo {
	border-top: 2px solid #EF4836;	
}
#latestWorks .thumbnail.flamingo:hover {
	background-color: #EF4836;
}
#latestWorks .thumbnail.lightning-yellow {
	border-top: 2px solid #F5AB35;	
}
#latestWorks .thumbnail.lightning-yellow:hover {
	background-color: #F5AB35;
}
#latestWorks .thumbnail.ecstasy {
	border-top: 2px solid #F9690E;	
}
#latestWorks .thumbnail.ecstasy:hover {
	background-color: #F9690E;
}
#latestWorks .thumbnail:hover * {
	color: #fff;
}
#latestWorks .thumbnail .title {
	text-align: center;
	font-size: 24px;
	margin-bottom: 34px;
}
#latestWorks .thumbnail p {
	color: #aaa;
}

/* ourTeam styles 
#ourTeam .section-header {
	background-image: url('../img/school.png');
	background-repeat: repeat;	
}*/
#ourTeam .section-header .title {
	font-size: 24px;
	color: #fff;
}
#ourTeam .section-header .title .line {
	border-color: #fff;
}
#ourTeam .section-content .title {
	font-size: 24px;
}
#ourTeam .thumbnail .caption {
	text-align: center;
}
#ourTeam .thumbnail img {
	border-radius: 50%;
	padding: 10px;
	width: 150px;
	transition-property: all, opacity;
	transition-duration: .2s;
	opacity: .8;
}
#ourTeam .thumbnail:hover img {
	opacity: 1;
}
/* followUs styles */
#followUs .section-content {
	padding: 85px 0;
}
#followUs .social-link {
	border: 1px solid #3597d3;
	border-radius: 50%;
	width: 170px;
	height: 170px;
	text-align: center;
	padding-top: 69px;
	transition-property: all, background-color;
	transition-duration: .2s;
}
	#followUs .social-link:hover {
		background-color: #3597d3;		
	}
	
	#followUs .social-link.facebook {
		border-color: #3B5998;
	}
	#followUs .social-link.facebook:hover {
		background-color: #3B5998;
	}
	#followUs .social-link.facebook:hover img {
		background-image: url('../img/facebook-hover.png');
	}
#followUs .social-link.twitter {
	border-color: #52A7E7;
}
	#followUs .social-link.twitter:hover {
		background-color: #52A7E7;
	}
	#followUs .social-link.twitter:hover img {
		background-image: url('../img/twitter-hover.png');
	}
#followUs .social-link.google-plus {
	border-color: #D73D32;
}
	#followUs .social-link.google-plus:hover {
		background-color: #D73D32;
	}
	#followUs .social-link.google-plus:hover img {
		background-image: url('../img/google-plus-hover.png');
	}
#followUs .social-link.dribbble {
	border-color: #C32361;
}
	#followUs .social-link.dribbble:hover {
		background-color: #C32361;
	}
	#followUs .social-link.dribbble:hover img {
		background-image: url('../img/dribbble-hover.png');
	}
#followUs .social-link.behance {
	border-color: #009DF5;
}
	#followUs .social-link.behance:hover {
		background-color: #009DF5;
	}
	#followUs .social-link.behance:hover img {
		background-image: url('../img/behance-hover.png');
	}
/* ourPartners styles */
#ourPartners .section-header {
	background-image: url('../img/partners-bg.jpg');
	background-repeat: repeat;		
}
#ourPartners .section-content {
	padding-top: 68px;
	padding-bottom: 17px;
}
#ourPartners .section-content .thumbnail {
	padding: 10px;
}

/* meetOurTeam style */
#meetOurTeam .section-content {
	background-image: url('../img/team-small.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 300px;
}
#meetOurTeam .section-content .side-section-content {
	width: 40%;
}


/*meetOurTeam style update on 31/12/2014 */
@media(min-width:320px){
	#meetOurTeam .thumbnail-content {
		color:#fff;
		text-shadow:none;
	}
	#meetOurTeam .caption a{
	    margin-bottom:20px;
	}
}
@media(max-width:320px){
   #meetOurTeam .thumbnail-content {
		color:#fff;
		text-shadow:none;
	}
	#meetOurTeam .caption a{
	    margin-bottom:20px;
	}    
}
@media(min-width:768px) {
	#meetOurTeam .thumbnail-content {
		text-shadow: 0px -1px 0px rgba(255, 255, 255, .8);
		color: #777;	
	}
}
/* contactUs styles */
#contactUs .section-header .title {
	color: #fff;
}
#contactUs .section-header .title .line{
	border-color: #fff;
}
#contactUs .subpage-title {
	font-size: 24px;
	margin-bottom: 17px;
}

/* ourServices styles */
#ourServices .section-header {
	background-color: #6BB9F0;
}
#ourServices .section-header .title {
	color: #fff;
}
#ourServices .section-header .title .line {
	border-color: #fff;
}
#ourServices .thumbnail {
	border: none;
	padding: 17px 0px;
}
#ourServices .thumbnail .caption {
	text-align: center;
}
#ourServices .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#ourServices .thumbnail img {
	transition-proerty: all, border, opacity;
	transition-duration: .1s;
	border-radius: 50%;
	/*opacity: .8;*/
	width: 90px;
	height: 90px;
}
#ourServices .thumbnail:hover img {
	border: 1px solid #3597d3;
}
#ourServices .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
#ourServices .section-content .title {
	font-size: 24px;
}
/*#ourServices .section-header {
	background-image: url('../img/school.png');
	background-repeat: repeat;	
}*/

/* ourWorks styles */
#aloTrackerProduct .section-header .title,
#aloCareProduct .section-header .title{
	margin-bottom: 34px;
}
#aloTrackerProduct .section-header *, 
#aloCareProduct .section-header *, 
#auditoProduct .section-header * {	
	color: #fff;
	border-color: #fff;
}
#aloTrackerProduct .section-content {
	text-align: center;
}
/* howWeDo */
#howWeDo .section-header * {
	color: #fff;
	border-color: #fff;
}
#howWeDo .section-content .title .sno {
	padding: 0 10px;
	background-color: rgba(80,80,80, .6);
	color: #fff;
}
#howWeDo .section-content .thumbnail-content .img-circle {
	width: 100px;
}
/*howWeDo side-section-content style update on 31/12/2014*/
@media(min-width: 320px) {
	#howWeDo .section-content {
		min-height: 250px;
	}
	#howWeDo .section .section-content .side-section-content {
		padding: 17px;
	}
	#howWeDo .section .section-content{
		padding: 0px 0 ;
	}
	#howWeDo .section-content .side-section-content {
		width: 100% ;
		border-bottom:1px dotted #F5AB35;
	}	
	#howWeDo .section-content:last-child .side-section-content{
		border-bottom:none;
	}	
	#howWeDo .section-content .title {
		font-size: 20px;
		padding-top:10px;
	}	
	.gather-requirement-bg,
	.man-with-laptop-bg,
	.development-work-bg,
	.testing-app-bg,
	.deploying-training-bg {
		background-image:none;	
	}
}
@media(max-width: 320px) {
	#howWeDo .section-content {
		min-height: 250px ;
	}
	#howWeDo .section .section-content .side-section-content {
		padding: 17px;
	}
	#howWeDo .section .section-content {
		padding: 0px 0 ;
	}
	#howWeDo .section-content .side-section-content {
		width: 100% ;
		border-bottom:1px dotted #F5AB35;
	}
	#howWeDo .section-content:last-child .side-section-content{
		border-bottom:none;
	}
	#howWeDo .section-content .title {
		font-size: 20px;
		padding-top:10px;
	}
	.gather-requirement-bg,
	.man-with-laptop-bg,
	.development-work-bg,
	.testing-app-bg,
	.deploying-training-bg {
		background-image:none;	
	}
}
@media(min-width: 768px){
	#howWeDo .section-content {
		min-height: 350px;
	}
	#howWeDo .section .section-content {	
		padding: 34px 0;
	}
	#howWeDo .section-content .side-section-content {
		width: 50%;
	}
	#howWeDo .section-content .title {
		padding-top: 34px;
		font-size: 30px;
	}	
	.gather-requirement-bg {
		background-image: url('../img/team-small.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.man-with-laptop-bg {
		background-image: url('../img/man-with-laptop.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.development-work-bg {
		background-image: url('../img/development-work.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.testing-app-bg {
		background-image: url('../img/testing-app.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: -150px;
		/*background-position-x: -150px;*/
	}
	.deploying-training-bg {
		background-image: url('../img/deploying-training.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: -150px;
	}
}

/* #contactForm style */
#contactForm .subpage-title {
	margin-bottom: 17px;
	font-size: 24px;
}
/* pageFooter styles */
#pageFooter {
	border-top: 2px solid #f77f24;	
	background-color: #555;
}
#pageFooter:after {
	background-color: #555;
	padding: 0;
	margin: 0;
	content: "";
	clear: both;
}
#pageFooter .navbar-brand {
	color: #fff;
	font-size: 11px;
}

#pageFooter ul#siteLinks li {
	float: left;
}
#pageFooter ul#siteLinks li a {	
	color: #fff;
	transition-property: all, border;
	transition-duration: .2s;
}
#pageFooter ul#siteLinks li a:hover,
#pageFooter ul#siteLinks li a:focus {
	color: #e2e2e2;
	background-color: transparent;
	border-bottom: 1px solid #f77f24;
}
#pageFooter ul#siteLinks li.active a {
	color: #f77f24;
}
/*pageFooter style updated on 31/12/2014*/
@media(min-width: 320px) {
	#pageFooter {
		min-height: 120px !important;
	}
	#pageFooter .pad-2{
		padding-top: 20px;
	}
	#pageFooter .navbar-brand {
		height: 37px;
	}
	#pageFooter .nav>li>a {
		padding: 10px 6px 6px 6px;
	}
	#pageFooter ul.pull-right {
		float:left !important;
	}
}
@media(max-width: 320px) {
	#pageFooter {
		min-height: 120px !important;
	}
	#pageFooter .pad-2{
		padding-top: 20px;
	}
	#pageFooter .navbar-brand {
		height: 37px;
	}
	#pageFooter .nav>li>a {
		padding: 10px 6px 6px 6px;
	}
	#pageFooter ul.pull-right {
		float:left !important;
	}
}
@media(min-width:768px){
	#pageFooter {	
		min-height: 100px;
	}
	#pageFooter .pad-2 {
		padding-top: 34px;
	}
	#pageFooter .navbar-brand {
		height: 50px;
	}
	#pageFooter .nav>li>a {
		padding: 10px 15px;
	}
	#pageFooter ul.pull-right {
		float:right !important;
	}	
}

/* card container styles */
.card-container {
  perspective: 600;
  position: relative;
  width:100%;
  height: 100%;
  
}

.collapse {


}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all .3s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}
/* homeContactUs parallax effect style */
#homeContactUs {
	background: url('../img/parallax.jpg') no-repeat;	
	background-size: cover;
	background-attachment: fixed;	
	overflow: hidden;
	background-color: #1B1F23;
	padding-top: 85px;
	height: 400px;
}

/** dropdown-large style **/
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}
  
/**my new styles**/
			/**Gallery view styles**/
 
            .demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                margin-right: 20px;
                width: 200px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 200px;
              width: 200px;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
		/**gallery view ends here**/
			
			
			/*.work-list{
				background-color:#fff;
				border:1px solid #3597d3;
				
			
			}*/
			.pad-bottom{
				padding-bottom:20px;
			}
			.pad-top{
				padding-top:40px;
			}
			@media only screen and (max-width: 500px) {
				.pad-bottom{
					
					padding-bottom:10px;
				}
				.pad-top{
					
					padding-top:10px;
				}
            }
			
.space-top{
   margin-top:60px;
}
.headProduct{
	background-image: url('../img/header images/alobug_header.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct{
     height: 200px;
            } }
.headProduct1{
	background-image: url('../img/header images/2016-08-05_123659-1080x550.png');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
@media only screen and (max-width: 768px) {
.headProduct1 {
     height:200px;
	} 

}	
	.headProduct2{
	background-image: url('../img/header images/halal_header1.jpg');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct2{
     height: 200px;
            } }
	.headProduct3{
	background-image: url('../img/header images/alocare_header1.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct3{
     height: 200px;
            } }
	.headProduct4{
	background-image: url('../img/header images/alolab_header.jpg');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 100px;
	}
	@media only screen and (max-width: 768px) {
.headProduct4{
     height: 200px;
            } }
	.headProduct5{
	background-image: url('../img/school.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 100px;
	}
	@media only screen and (max-width: 768px) {
.headProduct5{
     height: 200px;
            } }
	.headProduct6{
	background-image: url('../img/header images/02-design-wireframe2.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 100px;
	}
@media only screen and (max-width: 768px) {
.headProduct6{
     height: 200px;
            } }
			.headProduct7{
	background-image: url('../img/header images/lens-camera-photography(1).png');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct7{
     height: 200px;
            } }
.headProduct8{
	background-image: url('../img/header images/asso_manager1.jpg');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
@media only screen and (max-width: 768px) {
.headProduct8{
     height: 200px;
            } }
			
.headProduct9{
	background-image: url('../img/header images/security_eyes.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
@media only screen and (max-width: 768px) {
.headProduct9{
     height: 200px;
            } }
.padtop-hover{
 padding-top:72px;
 font-weight:bold;

}
@media only screen and (max-width: 768px) {
.padtop-hover{
	padding-top:10px;
	padding-bottom:0px;
		} }

.padding-head{
	padding-top:100px;
}
.padding-navhead{
	padding-top:50px;
	padding-bottom:25px;
}
.padding-list{
	padding-top: 3px !important;
	padding-bottom:3px !important;
}
.website-head{
   color:#000000 !important;
}
.img-logo{

  width:200px !important;
  padding-top:200px;
  padding-right:0px; 
  padding-bottom:200px;
}
.row-logo{
	margin-left:448px;
	margin-right:400px;
}

.img-header
{
	padding-top:100px;
    padding-bottom: 200;
}
@media only screen and (max-width: 768px) {
.img-header{
	padding-top:10px;
	padding-bottom:0px;
		} }


.work-toggle {
     display: block !important;
}

/**.text-shadow{
    text-shadow: 2px 2px 16px #e6e6e6;
}**/
.heading-size
{
font-size:20px;
}


.hovereffect {
  width: 100%;

  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.bottomSpace{
    padding-top: 25px;
	padding-bottom: 25px;

}

.image-fit{
	
	object-fit: cover;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  top: -200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-out 0.5s;
  transition: all 0.1s ease-out 0.5s;
}

.hovereffect:hover .overlay {
  opacity: 9;
  filter: alpha(opacity=100);
  top: 0px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}



.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(0px);
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  box-shadow: 0 0 5px #000;
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.headLine{
	color: #e6e6e6;
}
.headLine_buysnippet{
	color: #3c763d;
}
.headline-font{
	font-size:65px;
}

.headLine1{
	color: #fff !important;
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1.5em !important;
	font-size: 35px;
	position: relative;
    z-index: 3;
	
}
@media only screen and (max-width: 500px) {
.headline1{
	font-size: 20px;
		} }

.headLine2{
	color: #000000;
}
.leftside{
	float:left;
}
.rightside{
	float:right;
}
.leftside{
	float:left;
	padding-left:30px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.productSpace{
	padding-top: 100px;
    padding-right: 50px;
    padding-bottom: 100px;
	padding-left: 50px
	
}
.productSpace1{
	padding-top: 10px;
    padding-right: 200px;
    padding-bottom: 10px;
	padding-left: 200px;	
}
.productSpace2{
	padding-top: 40px;   
    padding-bottom: 10px;	
}
.head{
	background-image: url('../img/01gathering-requirements.jpg');
	background-repeat:no-repeat;
    height:250px;
	background-size:100%;
	padding-top: 90px !important;
    padding-right: 0px;
    padding-bottom: 50px;	
}
@media only screen and (max-width: 500px) {
.head{
	 height:0px;
	background-size:100%;
	
		} }
 

.head-bg_img_overlay{
	background-color: rgba(0,0,0,0.4);
	position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    pointer-events: none;
}


#img2{
	float:left;
	width:50%;

	
}
#img3{
	float:right;
	width:50%;
	
}
.ulmenu-width{
	width:100%;
}
.limenu-width{
	width:25%;
}
.page-definition{
	color:#192529;
	font-family: "Arnhem";
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5;
	margin-right: auto;
    margin-left: auto;
    width: 88.75%;
    max-width: 620px;
}
.page-definition1{
	color:#192529;
	font-family:"Caponi,serif";
	font-weight: 400;
	font-size: 2.5em;
	line-height: 1.5;
	/*padding-right:225px;
    padding-left: 225px;*/
   
   
}
.page-definition2{
	color:#192529;
	font-family:"Caponi,serif";
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5;
	/*padding-right:225px;
    padding-left: 225px;*/
   
  
}
.page-contenthead{
    color: #192529;
	margin-top: 60px;
    margin-bottom: 36px;
	font-size: 3.75em;
	line-height: 1;
    margin-right: auto;
    margin-left: auto;
    width: 88.75%;
    max-width: 620px;
	font-family: Caponi,serif;
}
.page-content{
	color: #192529;
	margin-bottom: 24px;
	font-size: 1.125em;
    line-height: 1.67;
	margin-right: auto;
    margin-left: auto;
    width: 88.75%;
    max-width: 620px;
}

.figcaption {
    padding-left: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 168px;
    transform: translateY(-50%);
}
@media (min-width: 680px){
.figcaption__heading {
    margin-bottom: 18px;
}}
.figcaption__heading {

	display: block;
    text-transform: uppercase;
	}
strong {
    font-weight: 700;
}
.figcaption__desc {
    line-height: 1.5;
}

@media (min-width: 680px){
.figure:not(:last-of-type) {
    margin-bottom: 66px;
}}
@media (min-width: 680px){
.figure:first-of-type {
    margin-top: 60px;
}}
@media (min-width: 680px){
.figure {
    position: relative;
    overflow: auto;
}}
.figure {
    width: 88.75%;
    max-width:840px;
}
.employee__links, .figure, .l-post__footer--center .employee {
    margin-right: auto;
    margin-left: auto;
}


@media (max-width: 679px){
.figure {
    border-bottom: 1px solid #e8e9e9;
}
}
.solution {
    margin-bottom: 66px;
}
.content-left{
    /**padding-left:10px;**/
}
.author-color{
color:#f5f5f5 !important;
}
.space-tb{
    margin-top: 60px;
    margin-bottom: 36px;
	}

.image-bg {
    background-color: rgba(0, 0, 0, 0.7);
	}
	\\\\\\\\\\\\\\\\\
.p-style {
	
	font-size: 23px;
	text-rendering: optimizeLegibility;

    line-height: 1.8em;
    color: #BDBDBD;
}
.a-style {
    display: inline-block;
    text-decoration: none;
    color: #777;
}
.fc-lightning-bg2 {
	background-color: #f9f9f9;
}
.fc-lightning-bg1 {
	background-color: #23a6ba;/*#f9f9f9*/
}
#
aloTrackerProduct1 .section-header *, 
#aloCareProduct1 .section-header *, 
#auditoProduct1 .section-header * {	
	color: #17202A;
	border-color: #17202A ;
}
.author-padding{
	padding-bottom:20px;
}
@media only screen and (max-width: 500px) {
.desktop-only{
	 padding-top:0px;
	 font-size:20px;
		} }
.web-swifti{
	background-image: url('..//websites/blue-flux-wave-color-2560x1600-wallpaper666792.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-swifti{
     height: 200px;
            } }
.web-fashion{
	background-image: url('..//websites/960x854x716d19f34471c2d7c261efb4.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-fashion{
     height: 200px;
            } }
.web-aarthitraders{
	background-image: url('..//websites/notebook-1194456_1920.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-aarthitraders{
     height: 200px;
            } }
.web-akshaytvs{
	background-image: url('..//websites/Apache-200-12-1024x683.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-akshaytvs{
     height: 200px;
            } }
.web-alifcons{
	background-image: url('..//websites/bg3.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-alifcons{
     height: 200px;
            } }
.web-marktech{
	background-image: url('..//websites/green-color-simple-background-texture-wide.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-marktech{
     height: 200px;
            } }
.web-unichem{
	background-image: url('..//websites/background image for unichem.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
	.web-unichem{
		 height: 200px;
	} 
}
.unichem-text-shadow
{
	text-shadow: 2px 2px 8px  #3B4093;
	color: #3B4093 !important;
}
.swifti-shadow{
	text-shadow: 2px 2px 8px  #163F73;
	
}
.fashion-shadow{
	text-shadow: 2px 2px 8px  732416;
}

.aarthi-shadow{
	text-shadow: 2px 2px 8px  #18BECC;
}

.akshay-shadow{
	text-shadow: 2px 2px 8px  #3B4093;
}
.marktech-shadow{
	text-shadow: 2px 2px 8px  #3B4093;
}

.alif-shadow{
	text-shadow: 2px 2px 8px  #3B4093;
}
.pad-websites{
				padding-top:200px;
				padding-bottom:200px;
			}
@media (max-width: 568px){
	.mob-col-xs-12 {
		 width: 90% !important; 
	}
}
@media (max-width: 675px){
	.limenu-width {
		width: 115% !important;
	}
}
.ulmenu-width>li>a {
    padding: 0px !important;
}
@media (max-width: 767px){
.visible-xs {
    display: block!important;
	padding-top:50px;
	padding-bottom:25px;
}}
@media (max-width: 991px){
.visible-sm {
    display: block!important;
    padding-top: 50px;
    padding-bottom: 25px;
}}
.nav-pills>li.active>a
{
	background-color: #3597d3 !important;
 }
.nav-justified>li>a
 {
	margin-bottom: 0px !important;
 }
.halal_shadow{
	text-shadow: 2px 2px 5px #d32f2f;
}
.security_shadow{
	text-shadow: 2px 2px 1px black;
}
.blr_shadow{
    text-shadow: 1px 2px 2px #a52a2a;
	}
.ohp_shadow{
    text-shadow: 1px 2px 2px #8a6d3b;
	}
.pxl_shadow{
    text-shadow: 1px 2px 2px #9e9e9e;
	}
.alobug_shadow{
	text-shadow: 3px 1px 2px #795548;
}
.buys_shadow{
	text-shadow: 1px 1px 1px #4caf4f;
}
.asso_shadow{
	text-shadow: 2px 2px 1px #9c27b0;
}
.alolab_shadow{
    text-shadow: 2px 2px 2px #4FC3F7;
	}
.alocare_shadow{
    text-shadow: 2px 2px 2px #5c6bc0;
	}
/*.groot-logo {
	width: 50%;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	.groot-logo {
		width: 20%;
		display: block;
		margin: 0 auto;
	}
}*/