/*
Theme Name: Cynthia
Theme URI: http://underscores.me/
Author: Nahidur Rahim
Author URI: http://shohan.info
Description: A customized theme for Cynthia McKinney
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nrs
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cynthia is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
    background-color: #0872A7;
  background-image: url('img/bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	/* margin: 0 0 1.5em; */
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


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

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;
    height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}
a {
    color: #28b5e3;
    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: #28b5e3;
}
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: #212930;         
}
.section-headline span {
    display: block;
    font-size: 0.5em;
    font-weight: normal;
    color: #556a7c;
}
.section-headline em {
    font-style: normal;
    color: #0c0f12;
}
.section-headline a {
    color: #212930;
}
.section-headline a:hover {
    color: #556a7c;
}
.section-headline.inverted {
    color: #a7b6c3;
}
.section-headline.inverted em {
    color: #fff;
}
.section-headline.inverted a {
    color: #a7b6c3;
}
.section-headline.inverted a:hover {
    color: #556a7c;
}
.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: #212930;
}
.sub-headline a {
    color: #212930;
}
.sub-headline span {
    color: #28b5e3;
}
.deco-headline {
    padding: 0 0 0 30px;
    background-image: url(img/headline-flag.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}
.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: #28b5e3;
    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: #212930;
}
.button.button-alt,
.button:focus.button-alt,
.button:active.button-alt,
.button:visited.button-alt {
    background-color: #212930;
}
.button.button-alt:hover,
.button:focus.button-alt:hover,
.button:active.button-alt:hover,
.button:visited.button-alt:hover {
    background-color: #28b5e3;
}
.button.button-outline,
.button:focus.button-outline,
.button:active.button-outline,
.button:visited.button-outline {
    padding: 12px 13px;
    color: #28b5e3;
    border: 2px solid #28b5e3;
    background-color: transparent;
}
.button.button-outline:hover,
.button:focus.button-outline:hover,
.button:active.button-outline:hover,
.button:visited.button-outline:hover {
    color: #212930;
    border-color: #212930;
}
.button.button-outline.button-alt,
.button:focus.button-outline.button-alt,
.button:active.button-outline.button-alt,
.button:visited.button-outline.button-alt {
    color: #212930;
    border-color: #212930;
    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: #28b5e3;
    border-color: #28b5e3;
}
.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: #556a7c;
}
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 #28b5e3;
}
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 {
    position: relative;
    background-color: #fff;
    background:url(img/gray-bg.png);
    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 {}
#logo img {
    display: block;
    margin: 15px 0;
}
#nav {
    display: block;
    float: left;
    /* 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: 50px;
    padding: 20px 25px 0 15px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1.2;
    color: #333;
    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: #556a7c;
    text-transform: none;
}
#nav a:hover {
    background-color: #151d24;
    color:#fff;
}
#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 #ddd;
    background-image: none;
}
#nav ul li:first-child{border-left:0}
#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: #28b5e3;
}
#nav ul li.nav-special > a span {
    color: #99dcf2;
}
#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: #151d24;
}
#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: #0c0f12;
    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 #212930;
}
#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;
    color:#f2f2f2;
}
#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: #556a7c;
    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: #556a7c;
    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;
    background:#fff;
}
.home #main{background:transparent;}
.page-header {
    padding: 35px 0 15px 0;
    background-color: #e4deda;
    background-image: url(img/page-banner.jpg);
    background-repeat: no-repeat;
    background-position: 30% center;
}
.page-header.large {
    padding: 135px 0 35px 0;
    font-size: 1.5em;
}
.page-header .section-headline {
    margin: 0;
    background:rgba(0,0,0,0.2);
    padding: 3px 5px;
    color:#fff;
    display:inline-block;
}
.content {
    margin-top: 35px;
    margin-bottom: 35px;
}
.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: #212930;
}
.content h5,
.content h6 {
    font-family: 'Roboto Condensed', 'Arial Narrow Bold', sans-serif;
    font-weight: normal;
    color: #212930;
    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: #212930;
}

/* 3.1. Content Elements */

/* 3.1.1. Hero */
#hero {
    position: relative;
    color: #a7b6c3;
    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: #0c0f12;
}
#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: #0c0f12;
    -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: #99aec0;
}
.box a:hover {
    color: #fff;
}
.box.box-alt {
    background-color: #28b5e3;
}
.box.box-alt a {
    color: #ddffff;
}
.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 #556a7c;
    -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: #28b5e3;
    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: #212930;
}
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: #212930;
    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: #99aec0;
}
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: #28b5e3;
}
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: #556a7c;
    -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: #212930;
}

/* 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: #fff;
    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, .social-updates .sstfeed {
    margin-top: -10px;
    font-size: 1.875em;
    font-weight: 300;
}
.social-updates .social-update a,.social-updates .sstfeed a{
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 700;
}
.social-updates .social-update-info,.social-updates .sstfeed a {
    font-size: 0.750em;
    text-transform: uppercase;
    color:purple;
}
.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:first-child{
    margin-top: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: #556a7c;
    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: #556a7c;
}
.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: #556a7c;
}
.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: #28b5e3;
}
.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 {
    -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 span {
    width: 10px;
    height: 10px;
    border-color: #212930;
    -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: #212930;
}
.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: #212930;
    border-right: 1px solid #ddd;
    border-top: 3px solid #ddd;
}
.tabs-hor .resp-tabs-list li.resp-tab-active {
    color: #28b5e3;
    border-top-color: #28b5e3;
    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: #212930;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #ddd;
}
.tabs-vert .resp-tabs-list li.resp-tab-active {
    margin-bottom: 0!important;
    color: #28b5e3;
    border-top: 0;
    border-left-color: #28b5e3;
}
.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: #28b5e3;
}
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: #212930;
}
h2.resp-tab-active:before {
    content: '\f106';
    color: #28b5e3;
}
.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: #212930;
}
.gallery-filters li span:hover,
.gallery-filters li span.active {
    color: #28b5e3;
}
.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: #212930;
    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: #212930;
    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: #28b5e3;
}

/* 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: #212930;
}
.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: #212930;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info .comment-author a {
    color: #212930;
}
.blog-post-comments #comments-list ul li .comment-entry .comment-info .comment-author span {
    color: #28b5e3;
}
.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: #212930;
}
.pagination a.page-numbers {
    background-color: #b9a99f;
}
.pagination a.page-numbers:hover {
    background-color: #28b5e3;
}

/* 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: #212930;
}
#sidebar .widget .widget-title a {
    color: #212930;
}
#sidebar .widget .widget-title span {
    color: #28b5e3;
}
#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: #28b5e3;
}
#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: #28b5e3;
}
#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: #28b5e3;
}
#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: #556a7c;
    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: #212930;
    background-color: #fff;
}
#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: #f2f2f2;
    color: #212930;
}
#sidebar .box.box-alt input,
#sidebar .box.box-alt textarea,
#sidebar .box.box-alt button {
    border-color: #99dcf2;
}
#sidebar .box.box-alt input:focus,
#sidebar .box.box-alt textarea:focus,
#sidebar .box.box-alt button:focus {
    border-color: #ddffff;
}
#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: #99aec0;
}
#sidebar > *:first-child {
    margin-top: 0;
}

/* 5. Footer */
#footer {
    font-size: 0.875em;
    color: #fff;
    background-color: #0c0f12;
    background-image: url(img/footer-flag.png);
    background-repeat: no-repeat;
    background-position: right center;
}
#footer a {
    color: #556a7c;
}
#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: #556a7c;
}
#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{float:right}
    #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: #0c0f12;
        -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 #212930;
        border-left: 0;
    }
    #nav > ul li ul {
        position: relative!important;
        width: 100%;
    }
    #nav > ul li ul a {
        background-color: #151d24;
    }
    #nav > ul li ul a:hover {
        color: #556a7c;
    }
    #nav > ul li ul ul {
        top: 0;
        left: 0;
    }
    #nav > ul li ul ul li a:before {
        content: '\00a0\2014\00a0';
        color: #556a7c;
    }
    #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;
    }
}

/**** MODIFIED ****/

.top-header {
  background: rgba(0, 0, 0, 0.15);
}
.top-header ul {
  margin: 0px;
    text-align: center;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.top-header li {
  border-left: 1px solid #3088A5;
  padding: 0;
}
.top-header li:first-child {
    border-left:0;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.top-header li a{
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 0;
  display: inline-block;
}
@media screen and (max-width: 640px) {
    .top-header li a{font-size:10px}
    .top-header li{border-left:0}
}
/** LOGO and TOP SOCIAL (LOGO RIGHT) **/
.logo-container{margin-top:10px;}
#logo,#top-social-lang{padding-top:0;padding-bottom:0;}
#top-social-lang{margin-top:80px;text-align:right;float:right;}
.tsl-fb,.tsl-tw,.tsl-lang{display:inline-block; vertical-align:top}
.tsl-fb{margin-top:-4px !important;}
@media screen and (max-width: 768px) {
    #top-social-lang{margin-top:0;text-align:center;margin-bottom:10px;}   
}

/** GOOGLE TRANSLATOR **/
#google_language_translator{padding:0}
select.goog-te-combo{margin: 0 !important;  width: 125px !important; font-size: 11px;padding:2px !important}
.goog-te-gadget .goog-te-combo{margin:0 !important}

/**TOP SLIDER**/
.top-slide-section{background:rgba(0,0,0,0.15); padding:3px;}
.top-slider{position:relative;}
.top-slider .slide-con{position:relative}
.top-slider .slide-con img{display:block}
.top-slider .slide-con .slide-title{position:absolute;background:rgba(0,0,0,0.25);color:#fff;bottom:0;left:0;right:0;padding: 8px; font-family:'Roboto Condensed', 'Arial Narrow Bold', sans-serif;}
.top-slider .owl-controls{ margin-top:0 !important}
@media screen and (max-width: 640px) {
    .owl-theme .owl-controls .owl-buttons div{
        padding-top: 8%;
        font-size:40px;
    }
    .top-slider .slide-con .slide-title{display:none}
}

/* utilitis */
.home .sub-headline span{color:#f2f2f2}
.home .box{padding-top:25px; padding-bottom:25px}
.fontzero{font-size:0px}
div.wpcf7-mail-sent-ok{color: #000;background-color: #91FD78;border-color: #91CC27;}
div.wpcf7-validation-errors{color: #fff;background-color: #FF0000;border-color: #E60429;}

/* home article */
.home .article-summary{background-image: url(img/gray-bg.png);padding: 0 0 1px 0;border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;}
.home .article-summary p{padding-left:20px;padding-right:20px;}
.home .article-summary p.article-title{min-height:75px;}

/*** home section - home-liberatedzone ****/
.home-liberatedzone{background:#57E964}
.home-liberatedzone h2{margin:0;text-align: center;color: #FFFFFF;font-size: 40px;text-shadow: 0px -1px #000;-webkit-text-shadow: 0px -1px #000;-moz-text-shadow: 0px -1px #000;}
.home-liberatedzone .hl-more{color: #fff;font-size: 18px;text-align: center;display: inline-block;border: 2px solid #fff;padding: 3px 10px;border-radius: 5px;cursor: pointer;margin-top: 10px;}
/** WIDGET RECENT ENTRIES **/
.widget_recent_entries ul{margin:0;padding:0;list-style:none}
.widget_recent_entries ul li{padding-bottom:10px; margin-top:10px; border-bottom: 1px dotted #eee}
.widget_recent_entries ul li:last-child{border-bottom:0}

/** SHARE BUTTONS **/
.share-buttons{margin:10px 0 0 0;padding:0;}
.share-buttons li{display: inline-block; margin: 5px 5px 5px 0px;}
.share-buttons li:last-child { margin-right: 0;}
.share-buttons li a{}
.share-buttons li a span{display:none}
.share-buttons-text li a span{display:inline-block;margin-left:4px;}
.share-buttons-text .social-button{width:88px;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;text-align:left;padding:0px 4px 0 6px; font-size:12px}

.social-like-button{margin:10px 0 0 0; padding: 6px 8px 2px 8px; background:#fafafa;border:1px dotted #eee}
.social-like-button>div{display:inline-block;vertical-align:top}

/*** ARITEL ENTRY META **/
.entry-meta{font-size:14px; font-family:Arial}

/**** Volunteer ***/
.pdb-signup td,th{border:none}

/** TITLE REPONSIVE FONT SIZES ***/
@media screen and (max-width: 640px) {
    .section-headline{
        font-size:1.50em;
    }
    h1{
        font-size:1.40em;
    }
}

/****  donate paypal monthly form ****/
.paypal-form{border:none; color:#fff;}
.paypal-form  select{
    padding:5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}