/*
Theme Name: Dublin
Theme URI: http://justfreethemes.com/dublin
Author: JustFreeThemes
Author URI: http://justfreethemes.com
Description: Dublin is a business WordPress theme suitable for any kind of company that wants a strong online presence. It includes many options located in the powerful Customizer and it works best with our free plugin which brings tons of construction blocks for the your front page. You can also find the plugin on the theme page on our website.
Version: 1.09
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dublin
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

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.

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

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


/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
body {
	font-family: 'Source Sans Pro', sans-serif;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
	color: #3c3c3c;
	font-size: 16px;
}
#page {
	display: none;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
}
@-webkit-keyframes fadein
{
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadein
{
	from {opacity: 0;}
	to {opacity: 1;}
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', sans-serif;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}
a {
	color: #3FB8AF;
}
a:hover {
	color: #3FB8AF;
}
.button {
	padding: 15px;
	border: 2px solid #3FB8AF;
	color: #3FB8AF;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.button:hover {
	background-color: #3FB8AF;
	color: #fff;
	text-decoration: none;
}
table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
}
th {
	background-color: #3FB8AF;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #dddddd;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 15px;
	border: 2px solid #3FB8AF;
	color: #3FB8AF;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #3FB8AF;
	color: #fff;
	text-decoration: none;
}

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="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 2px solid #3FB8AF;
	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: 8px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 8px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}
/* Contact form 7 support */
.dublin-cf input {
	width: 100%;
}
.dublin-cf textarea {
	max-height: 95px;
}
.wpcf7-form p {
	margin-bottom: 20px;
}
.cf-submit {
	text-align: center;
}
.cf-submit p {
	margin-bottom: 0;
}
.widget_flypack_contact {
	overflow: hidden;
}
/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	float: right;
	text-align: right;
}

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

.main-navigation li {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 10px;
	font-size: 14px;
}
.main-navigation a:hover {
	border-top: 2px solid #3FB8AF;
	padding-top: 8px;
	color: #ffffff;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	text-align: left;
	background-color: #fff;
	border-top: 5px solid #3FB8AF;
}

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

.main-navigation ul ul a {
	width: 200px;
	color: #3c3c3c;
}
.main-navigation ul ul a:hover {
	border-top: 0;
	padding-top: 10px;
}
.main-navigation ul ul li {
	text-transform: none;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.main-navigation ul ul li:last-of-type {
	border-bottom: 0;
}

.main-navigation ul ul li:hover {
	background-color: #3FB8AF;
}
.main-navigation ul ul li:hover > a{
	color: #fff;
}
.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: 991px) {
	.menu-toggle {
		margin: 0 auto;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation {
		float: none;
		clear: both;
	}
	.main-navigation.toggled {
		width: 100%;
		text-align: center;
	}
	.main-navigation li {
		width: 100%;
		border: 0;
		text-align: center;
	}
	.main-navigation ul ul li:hover {
		background-color: transparent;
	}
	.main-navigation ul {
		display: none;
		float: none;
	}
	.main-navigation .children,
	.main-navigation ul ul {
		display: block !important;
		float: none;
		position: static;
		border: none;
		background: transparent;
		box-shadow: none;
	}
	.main-navigation ul ul li {
		border: 0;
		text-align: center;
	}
	.main-navigation ul ul a {
		color: #E2E2E2;
		margin: 0 auto;
	}
	.main-navigation a {
		padding: 5px;
		text-decoration: underline;
	}
	.main-navigation ul ul a {
		text-decoration: none;
	}
	.main-navigation a:hover,
	.main-navigation ul ul a:hover {
		border: 0;
		padding: 5px;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 60px;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	max-width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	max-width: 50%;
}
.button:hover > a,
.button:hover > a {
	color: #fff;
	text-decoration: none;
}
/*--------------------------------------------------------------
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-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 */
}

/*--------------------------------------------------------------
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: 0 auto;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 30px;
}
.widget-area .widget-title {
	position: relative;
	margin: 0 0 15px;
	padding: 15px;
	border-left: 2px solid #3FB8AF;
	border-top: 2px solid #3FB8AF;
	font-size: 20px;
}
.widget-area .widget-deco {
	position: absolute;
	display: block;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #3FB8AF;
	margin-top: 15px;
	left: 0;
	bottom: 0;
}
.widget-area .widget:last-of-type {
	margin: 0;
}
.widget ul {
	padding: 0 0 0 20px;
}
.widget .children {
	padding-left: 30px;
}
/* Calendar widget */
#wp-calendar,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	margin-bottom: 15px;
}
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}
/* Recent posts and comments */
.dublin_recent_posts_widget h4 {
	margin: 0 0 5px 0;
}
.dublin_recent_comments .avatar {
	float: left;
	margin-right: 15px;
}
.widget .list-group {
	padding-left: 0;
	margin: 0;
	list-style: none;
}
.list-group-item {
	background-color: transparent;
}
.widget .list-group-item {
	border: 0;
	margin-bottom: 15px;
}
.post-date {
	font-size: 13px;
	color: #C8C8C8;
}
.dublin_recent_comments .col-md-8,
.dublin_recent_posts_widget .col-md-8 {
	padding: 0;
}
.dublin_recent_comments .col-md-4,
.dublin_recent_posts_widget .col-md-4 {
	padding: 0 15px 0 0;
}
.dublin_recent_comments .list-group-item,
.dublin_recent_posts_widget .list-group-item {
	padding: 10px 0;
}
.recent-thumb {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.recent-thumb:hover {
	opacity: 0.5;
}
/*Footer widgets*/
.footer-widget-area a {
	color: #fff;
}
.footer-widget-area .widget-title {
	margin: 0 0 30px;
}
/* Tag cloud widget */
.tagcloud a {
	border: 1px solid #3FB8AF;
	border-radius: 5px;
	padding: 5px;
	color: #3FB8AF;
	font-size: 14px !important;
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 4px;
}
/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
	background-color: #eee;
}

.hentry {
	margin: 0 0 60px;
	padding-bottom: 30px;
	border: 1px solid #eee;
	padding: 30px;
	background-color: #fff;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-title {
	margin: 0;
}
.page-header {
	margin: 0 0 30px;
}
.entry-title {
	margin: 0 0 15px;
}
.entry-title,
.entry-title a {
	color: #3c3c3c;
}
.entry-meta,
.entry-thumb,
.single-thumb {
	margin-bottom: 15px;
}
.entry-thumb {
	text-align: center;
}
.page-links {
	clear: both;
	margin: 0 0 30px;
}
.entry-meta,
.entry-footer {
	color: #3FB8AF;
	font-size: 14px;
}
.cat-links,
.tags-links,
.posted-on {
	margin-right: 15px;
}
.entry-footer {
	margin-top: 20px;
}
/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comments-area {
	margin-bottom: 60px;
}
.comments-title {
	margin: 0 0 30px 0;
	font-size: 24px;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 20px;
}
.comments-area .fn {
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn,
.comment-metadata {
	margin-left: 80px;
}
.comment-metadata {
	font-size: 12px;
	margin-bottom: 30px;
}
.comment-body {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ebebeb;
	background-color: #fff;
}
.reply {
	text-align: right;
}
.comment-reply-link {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #3FB8AF;
	font-size: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
a.comment-reply-link {
	color: #3FB8AF;
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #000;
	box-shadow: 0 0 1px #505050;
}
.comments-area a.url {
	text-decoration: underline;
}
.bypostauthor {
}
/* Respond form */
input#author,
input#email,
input#url,
textarea#comment {
	width: 100%;
	max-width: 100%;
	padding: 10px;
}
.comment-form-author:before,
.comment-form-email:before,
.comment-form-url:before,
.comment-form-comment:before {
	font-family: FontAwesome;
	color: #3FB8AF;
}
.comment-form-author:before {
	content: "\f007  ";
}
.comment-form-email:before {
	content: "\f003  ";
}
.comment-form-url:before {
	content: "\f0c1  ";
}
.comment-form-comment:before {
	content: "\f040  ";
}
/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-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;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}
img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
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;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 30px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-icon,
.gallery-caption {
	margin-bottom: 10px;
}
.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;
}

/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/
.top-bar {
	background-color: #3FB8AF;
	padding: 15px 0;
}
.contact-info {
	color: #ffffff;
	font-size: 14px;
	padding: 0 ;
}
.contact-info .fa {
	margin-right: 5px;
}
.contact-info span {
	margin-right: 10px;
}
.site-header {
	background-color: #20272b;
	padding: 30px 0;
}
.site-branding {
	padding: 0;
}
.site-logo {
	max-width: 150px;
}
.site-content {
	margin-top: 60px;
}
.page-template-page_front-page-php .site-content {
	margin-top: 0;
}
.site-title {
	margin: 0;
}
.site-title a {
	color: #fff;
	text-decoration: none;
}
.site-description {
	font-size: 16px;
	color: #5e5e5e;
}
.content-area {
	width: 720px;
	float: left;
}
.fullwidth {
	width: 100%;
}
.page-template-page_front-page-php .content-area {
	width: 100%;
	float: none;
}
.widget-area {
	width: 360px;
	float: right;
	margin-bottom: 60px;
}
.site-footer {
	background-color: #101314;
	padding: 30px 0;
}
.site-footer a {
	color: #666;
}
.footer-widget-area {
	background-color: #20272b;
	padding: 60px 0;
	color: #fff;
}

/*--------------------------------------------------------------
FlyPack support
--------------------------------------------------------------*/
.panel-grid {
	margin: 0 !important;
}
.panel-grid-cell {
	padding: 80px 30px;
	position: relative;
}
.panel-row-style-full {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.panel .widget-title {
	font-size: 56px;
	margin-bottom: 60px;
	text-align: center;
	text-transform: uppercase;
}
.widget_flypack_title .widget-title {
	margin: 0;
}
.panel-grid-cell .panel {
	margin-bottom: 60px !important;
}
.panel-row-style::after {
	clear: both;
    content: "";
    display: block;
}
/* Services widget */
.services,
.employees {
	overflow: auto;
	margin-bottom: -30px;
}
.service-title {
	margin: 0 0 15px;
	text-align: center;
}
.service-icon {
	padding: 5px;
	border: 2px solid #3FB8AF;
	display: table;
	margin: 0 auto 15px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.service:hover .service-icon {
	padding: 10px;
	margin-bottom: 5px;
}
.service {
	margin-bottom: 30px;
}
.service:nth-of-type(3n+1) {
	clear: left;
}
.service-icon span {
	font-size: 45px;
	width: 65px;
	height: 65px;
	display: block;
	text-align: center;
	color: #fff;
	background-color: #3FB8AF;
}
.service-icon .fa {
	position: relative;
	top: -4px;
}
/* Skills */
.skillbar {
	position: relative;
	display: block;
	margin-bottom:15px;
	width: 100%;
	background-color: #20272b;
	height: 45px;
}
.skill-title {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	height: 45px;
	line-height: 45px;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: 700;
}
.skill-value {
	height: 45px;
	width: 0px;
	-webkit-transition: all 2.5s;
	transition: all 2.5s;
	background-color: #3FB8AF;
}
.skill-value,
.fact-inner {
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
	background-size: 60px 60px;
	-webkit-background-size: 60px 60px;
}
.skill-percent {
	position: absolute;
	right: 10px;
	top: 0;
	height: 45px;
	line-height: 45px;
	color: #fff;
}
/* Facts */
.fact-inner {
	text-align: center;
	padding: 30px 0;
	background-color: #3FB8AF;
	border-radius: 15px;
}
.fact-icon {
	display: block;
	font-size: 46px;
	line-height: 1;
	color: #fff;
}
.fact-value {
	display: block;
	margin: 15px;
	font-size: 56px;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #fff;
}
.fact-name {
	font-size: 20px;
	color: #fff;
	line-height: 1;
}
/* Employees */
.employee {
	text-align: center;
	margin-bottom: 30px;
}
.employee:nth-of-type(4n+1) {
	clear: left;
}
.employee-photo {
	margin-bottom: 30px;
	overflow: hidden;
	max-height: 240px;
}
.employee-photo img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.employee-photo img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.employee-name {
	margin: 0 0 15px;
}
.employee-position {
	margin-bottom: 15px;
	font-size: 16px;
	color: #3FB8AF;
	text-transform: uppercase;
}
.employee-social {
	font-size: 18px;
}
.employee-social a {
	display: inline-block;
	padding: 10px;
	margin-right: 5px;
	background-color: #3c3c3c;
	color: #fff;
	width: 47px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.employee-social a:last-of-type {
	margin-right: 0;
}
.employee-social a:hover {
	color: #3FB8AF;
}
/* Testimonials */
.above-title {
	display: table;
	margin: 0 auto 15px;
	font-size: 22px;
	color: #3c3c3c;
	text-align: center;
}
.above-title-deco {
	display: block;
	content: "";
	height: 1px;
	width: 70px;
	background-color: #ebebeb;
	margin: 0 auto 15px;
}
.above-title span {
	color: #3FB8AF;
}
.testimonial {
	text-align: center;
}
.client-name {
	margin-bottom: 15px;
}
.testimonial-photo {
	max-width: 150px;
	margin: 0 auto 15px;
	border-radius: 15px;
}
.client-position {
	display: block;
	margin-bottom: 15px;
	font-style: italic;
	font-size: 16px;
	text-decoration: underline;
}

/* Posts widget */
.read-more,
.action-button {
	display: table;
	margin: 30px auto 0;
}
.blog-post {
	margin-bottom: 15px;
}
/* Clients */
.client {
	text-align: center;
}
.client img {
	display: inline;
	width: auto;
}
/* Projects */
.projects {
	overflow: hidden;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.project {
	padding: 0;
	position: relative;
	overflow: hidden;
}
#filter {
	margin-bottom: 20px;
	text-align: center;
}
#filter a {
	display: inline-block;
	color: #3FB8AF;
	padding: 10px;
	border: 2px solid #3FB8AF;
	font-weight: 700;
	margin: 0 10px 10px 0;
	border-radius: 5px;
	text-decoration: none;
}
#filter a:last-of-type {
	margin-right: 0;
}
#filter a.active {
	background-color: #3FB8AF;
	color: #fff;
}
.left-overlay,
.right-overlay {
	position: absolute;
	display: block;
	top: 0;
	background-color: #3FB8AF;
	opacity: 0.8;
	width: 0;
	height: 100%;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	text-align: center;
}
.left-overlay {
	left: -50px;
}
.right-overlay {
	right: -50px;
}
.project:hover .left-overlay {
	width: 50%;
	left: 0;
}
.project:hover .right-overlay {
	width: 50%;
	right: 0;
}
.project a {
	color: #fff;
	position: relative;
	top: 40%;
	font-size: 40px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.project a:hover {
	color: #000;
}
/* Rotator */
.rotator-container {
	text-align: center;
}
.rotate-message {
	font-size: 36px;
}
.rotator {
	font-size: 66px;
	color: #3FB8AF;
}
/* Instagram and Dribbble */
.instagram-photo {
	padding: 0;
}
.dribbble-shot {
	padding: 0;
}
/* List */
.list-container ul {
	list-style: none;
	padding: 0;
}
.list-container .fa {
	color: #3FB8AF;
	margin-right: 5px;
}
/* Video header */
#videobg {
	width: 100%;
	vertical-align: top;
}
.video-header,
.top-slider {
	margin-top: -80px !important;
	margin-bottom: -80px !important;
	overflow: hidden;
}
.widget_flypack_video_header {
	position: relative;
	text-align: center;
}
.video-text {
	position: absolute;
	width: 100%;
	top: 100px;
	z-index: 999;
}
.widget_flypack_video_header .widget-title {
	margin-bottom: 30px;
}
.widget_flypack_video_header .video-message {
	font-size: 22px;
	border-top: 8px double #fff;
	padding-top: 30px;
	text-align: center;
}
/*--------------------------------------------------------------
Slider
--------------------------------------------------------------*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	display: inline;
	width: auto;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	color: #3c3c3c;
	font-size: 60px;
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.bx-wrapper .bx-prev {
	left: -30px;
}
.bx-wrapper .bx-next {
	right: -30px;
}
.top-slider .bx-prev {
	left: 30px;
	color: #3FB8AF;
}
.top-slider .bx-next {
	right: 30px;
	color: #3FB8AF;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	opacity: 1;
}
.bx-wrapper .bx-prev::before {
	font-family: 'FontAwesome';
	content: "\f104";
}
.bx-wrapper .bx-next::before {
	font-family: 'FontAwesome';
	content: "\f105";
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 45%;
	margin-top: -16px;
	z-index: 9999;
	line-height: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.morphext > .animated {
    display: inline-block;
}
/* Top slider */
.top-slider li {
	position: relative;
	text-align: center;
}
.top-slider .slide-text {
	padding: 0;
	position: absolute;
	top: 80px;
	left: 80px;
}
.slide-title,
.slide-desc {
	color: #fff;
	padding: 15px;
	display: table;
}
.slide-title {
	margin: 0;
	top: 50px;
	left: 80px;
	background-color: #3FB8AF;
}
.slide-desc {
	bottom: 50px;
	right: 80px;
	background-color: #20272b;
}
/*--------------------------------------------------------------
Social Menu
--------------------------------------------------------------*/
.social-navigation {
	float: right;
	text-align: right;
}
.social-navigation ul {
	padding: 0;
	margin: 0;
}
.social-navigation li {
	display: inline;
	padding: 0 5px;
	list-style: none;
	line-height: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.social-navigation li a::before {
	font-family: FontAwesome;
	font-size: 26px;
}
.social-navigation li a[href*="twitter.com"]::before {
	content: '\f081';
}
.social-navigation li a[href*="facebook.com"]::before {
	content: '\f082';
}
.social-navigation li a[href*="plus.google.com"]::before {
	content: '\f0d4';
}
.social-navigation li a[href*="dribbble.com"]::before {
	content: '\f17d';
}
.social-navigation li a[href*="pinterest.com"]::before {
	content: '\f0d3';
}
.social-navigation li a[href*="youtube.com"]::before {
	content: '\f166';
}
.social-navigation li a[href*="flickr.com"]::before {
	content: '\f16e';
}
.social-navigation li a[href*="vimeo.com"]::before {
	content: '\f194';
}
.social-navigation li a[href*="instagram.com"]::before {
	content: '\f16d';
}
.social-navigation li a[href*="linkedin.com"]::before {
	content: '\f08c';
}
.social-navigation li a[href*="foursquare.com"]::before {
	content: '\f180';
}
.social-navigation li a[href*="tumblr.com"]::before {
	content: '\f174';
}
.social-navigation li a {
	color: #ffffff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration: none;
}
.social-navigation li a[href*="twitter.com"]:hover {
	color: #33ccff;
}
.social-navigation li [href*="facebook.com"]:hover {
	color: #3b5998;
}
.social-navigation li [href*="plus.google.com"]:hover {
	color: #dd4b39;
}
.social-navigation li a[href*="dribbble.com"]:hover {
	color: #ea4c89;
}
.social-navigation li a[href*="pinterest.com"]:hover {
	color: #c8232c;
}
.social-navigation li a[href*="youtube.com"]:hover {
	color: #c4302b;
}
.social-navigation li a[href*="flickr.com"]:hover {
	color: #ff0084;
}
.social-navigation li a[href*="vimeo.com"]:hover {
	color: #1ab7ea;
}
.social-navigation li a[href*="instagram.com"]:hover {
	color: #3f729b;
}
.social-navigation li a[href*="linkedin.com"]:hover {
	color: #0e76a8;
}
.social-navigation li a[href*="foursquare.com"]:hover {
	color: #0072b1;
}
.social-navigation li a[href*="tumblr.com"]:hover {
	color: #32506d
}

.panel-row-style {
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

@media screen and (max-width: 1024px) {
	.panel-row-style {
		background-attachment: scroll !important;
		background-position: center top !important;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		background-size: auto !important;
	}
}
@media screen and (max-width: 780px) {
	#main .panel-grid-cell {
		padding: 30px 30px !important;
	}
	.video-header,
	.top-slider {
		margin-top: -30px !important;
		margin-bottom: -30px !important;
	}
	.video-header {
		margin-top: -30px !important;
		margin-bottom: -30px !important;
	}
}

/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
	.content-area {
		width: 520px;
	}
	.fullwidth {
		width: 100%;
	}
	.employee-social a {
		margin: 5px;
	}
	.employee-social a:last-of-type {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 991px) {
	.widget-area,
	.content-area,
	.sidebar-column,
	.contact-info,
	.social-navigation {
		width: 100%;
	}
	.service:nth-of-type(2n+1),
	.employee:nth-of-type(2n+1) {
		clear: left;
	}
	.employee:nth-of-type(4n+1),
	.service:nth-of-type(3n+1) {
		clear: none;
	}
	.contact-info {
		margin-bottom: 15px;
	}
	.contact-info,
	.social-navigation {
		text-align: center;
	}
	.video-text {
		top: 50px;
	}
	.fact {
		margin-bottom: 30px;
	}
	.site-branding {
		text-align: center;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.video-message,
	.video-button,
	.slide-text {
		display: none;
	}
}
@media only screen and (max-width: 599px) {
	.blog-post {
		width: 100%;
	}
}
@media only screen and (max-width: 499px) {
	.fact {
		width: 100%;
	}
	.project {
		width: 100%;
		text-align: center;
	}
	#main .panel-grid-cell {
		padding: 15px 15px !important;
	}
	.video-header,
	.top-slider {
		margin-top: -15px !important;
		margin-bottom: -15px !important;
	}
}
@media only screen and (max-width: 399px) {
	.employee {
		width: 100%;
	}
}