/*
Theme Name: De7igner - Flat iOS7 Inspired OnePage Parallax WP
Theme URI: http://ava-themes.com/WP/De7igner/
Author: AVAThemes
Author URI: http://themeforest.net/user/AVAThemes
Description: De7igner – Flat iOS7 Inspired Coming Soon Template is a fully configurable and easy to use responsive WordPress theme with HTML5 Video Background Support and a lot of other great features. It has been specifically designed to be easily customized and it’s created for creatives who want to make portfolio in few minutes.
Version: 1.6
License: GNU General Public License
License URI: license.txt
Text Domain: de7igner
Domain Path: /languages/
Tags: black, tan, white, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post
*/

.overlay-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0,0,0, 0.6);
	background-image: url("img/overlay.png");
}

@font-face {
	font-family: 'aruallight';
	src: url('fonts/arual-webfont.eot');
	src: url('fonts/arual-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/arual-webfont.woff') format('woff'),
         url('fonts/arual-webfont.ttf') format('truetype'),
         url('fonts/arual-webfont.svg#aruallight') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,
body {
	width: 100%;
	height: 100% !important;
}

.omega {
	padding-left: 0;
}

.alpha {
	padding-right: 0;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

body {
	background-color: #f0f0f0;
}

body {
	-ms-overflow-x: hidden;
	overflow-x: hidden;
	counter-reset: title-counter;
}

h2.count-title {
	position: relative;
	counter-increment: title-counter;
}

h2.count-title:before {
	content: counter(title-counter);
	position: absolute;
	left: -130px;
	display: block;
	width: 96px;
	height: 96px;
	border: 1px solid #464646;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 96px;
	font-size: 38px;
	color: #a1a1a1;
	font-family: 'Lato', sans-serif;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #292929;
	z-index: 9999999999;
}

.loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.smallNavigation {
	display: none;
	margin-bottom: 20px;
}

.single-header {
	background-image: url("img/small-bg.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}

.pagination-section {
	padding-bottom: 120px;
}

.gallery-container {
	margin-top: 50px;
	margin-bottom: 50px;
}

.pagination-section a {
	display: block;
	float: left;
	margin: 15px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}

.pagination-section a:last-child {
	float: right;
}

.pagination-section a:hover {
	color: #292929;
}

.search-sidebar {
	padding-top: 20px;
}

.sidebar-section {
	padding-bottom: 60px;
}

span.format-icon {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center 40%;
	width: 100%;
	height: 100%;
}

span.format-icon.quote-ico {
	background-image: url("img/quote.png");
}

span.format-icon.video-ico {
	background-image: url("img/play.png");
}

span.format-icon.audio-ico {
	background-image: url("img/music.png");
}

.post-navigation a {
	display: block;
	text-align: center;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.post-navigation a:hover {
	color: #000;
}

#supersized img {
	max-width: none;
}

.clients-block .bx-wrapper .bx-prev {
	left: -150px;
	background-image: url("img/client-left.png");
}

.clients-block .bx-wrapper .bx-next {
	right: -150px;
	background-image: url("img/client-right.png");
}

.clients-block .bx-wrapper .bx-viewport {
	margin: 0;
	border: none;
	left: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}

.page-template-page-templatesrevolution-slider-php .tp-rightarrow.default {
	background-image: url("img/large_right.png");
}

.page-template-page-templatesrevolution-slider-php .tp-leftarrow.default {
	background-image: url("img/large_left.png");
}

.page-template-page-templatesrevolution-slider-php .tp-bullets.simplebullets.round .bullet {
	background-image: url("img/bullet.png");
}

.single-header.revolution-header {
	position: absolute;
	width: 100%;
}

.navigation-wrapper {
	position: relative;
}


#searchform {
	top: 30%;
	right: -30px;
	position: absolute;
}

#searchform input {
	border: none;
	background-color: transparent;
	font-family: 'Lato', sans-serif;
	float: right;
	margin: 0;
	width: 32px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	background-image: url("img/loupe.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 15px;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}

#searchform input:focus {
	width: 150%;
	background-color: rgba(255,255,255, 1);
	background-image: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}



/*###################################################################
Widgets
###################################################################*/

.sidebar-section .widget {
	font-family: 'Lato', sans-serif;
	color: #2b2b2b;
	padding-top: 42px;
}

.sidebar-section .widget a:hover {
	color: #4f5367;
}

.sidebar-section .widget-title,
.widget_search .screen-reader-text {
	display: block;
	margin: 0;
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #2b2b2b;
	margin-bottom: 15px;
}

.widget_search input[type="submit"] {
	border: 1px solid #2b2b2b;
	color: #2b2b2b;
	background-color: transparent;
	padding: 5px 25px;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}

.widget_search input[type="submit"]:hover {
	background-color: #4f5367;
	color: #fff;
}

.widget_recent_entries .post-date {
	display: block;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
}

.widget_recent_entries ul li {
	margin-bottom: 10px;
}

.tagcloud {
	padding-bottom: 40px;
}

/*###################################################################
CountDown Container
###################################################################*/

.header {
	z-index: 99999999;
	position: relative;
    background-color: rgba(232, 252, 228, 0.4);
	margin-top: 40px;
	margin-bottom: 40px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.header.scrollMenu {
	top: 0;
	margin: 0;
	position: fixed;
	width: 100%;
	left: 0;
	max-width: 100% !important;
	background-color: #fff;
	border-bottom: 1px solid gray;
}

.header.scrollMenu .logo-holder {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.header.scrollMenu .large-9 {
	width: 68%;
	float: left;
}

.header.scrollMenu #mainNav li a {
	line-height: 70px;
}

.header.scrollMenu #mainNav li ul li a {
	line-height: 22px;
}

.countdown-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.countdown-container .wrapper {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

#mainNav {
	float: right;
}

#mainNav > li,
.navigation-wrapper > ul > li {
	display: inline-block;
	margin-left: 20px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	position: relative;
}

#mainNav li .sub-menu,
.navigation-wrapper ul li .sub-menu {
	position: absolute;
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
	width: 200px;
	padding: 15px;
	left: -15px;
	display: none;
}

#mainNav li .sub-menu li a,
.navigation-wrapper ul li .sub-menu li a {
	padding-bottom: 5px;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#mainNav li:hover .sub-menu,
.navigation-wrapper ul li:hover .sub-menu {
	display: block;
	z-index: 99;
}

#mainNav li .sub-menu li a:hover,
.navigation-wrapper ul li .sub-menu li a:hover {
	color: orange;
}

#mainNav > li > a,
.navigation-wrapper > ul > li > a {
	font-size: 14px;
	color: #1F813F;
    font-weight: bold;
	line-height: 80px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 1px solid transparent;
	padding-bottom: 5px;
}

#mainNav > li > a:hover,
.navigation-wrapper > ul > li > a:hover {
	border-bottom: 1px solid white;
}

#cubes-wrapp {
	width: 1137px;
	height: 150px;
	z-index: 99;
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

#cubes-wrapp .element {
	position: absolute;
	float: left;
	width: 190px;
	height: 190px;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#cubes-wrapp .element.item-3,
#cubes-wrapp .element.item-6,
#cubes-wrapp .element.item-10 {
	width: 49px;
	height: 49px;
}

#cubes-wrapp .element.days {
	left: 42px;
	top: -30px;
}

#cubes-wrapp .element.hours {
	top: -30px;
	left: 324px;
}

#cubes-wrapp .element.minutes {
	top: -30px;
	left: 604px;
}

#cubes-wrapp .element.seconds {
	top: -30px;
	left: 885px;
}

#cubes-wrapp .element.item-3 {
	left: 253px;
	top: -0px;
}

#cubes-wrapp .element.item-6 {
	left: 575px;
	top: 318px;
}

#cubes-wrapp .element.item-10 {
	right: 92px;
	top: -100px;
}

#cubes-wrapp .element.facebook-link {
	background-color: #3c5a99;
	left: 183px;
	top: 109px;
}

#cubes-wrapp .element.twitter-link {
	background-color: #28aae1;
	left: 745px;
	top: 109px;
}

#cubes-wrapp .element.item-5 {
	left: 464px;
	top: 109px;
}

#cubes-wrapp .element.facebook-link a,
#cubes-wrapp .element.twitter-link a,
#cubes-wrapp .element.item-5 a {
	position: relative;
	font-size: 30px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	color: #fff;
	text-transform: lowercase;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 220px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#cubes-wrapp .element.facebook-link a:before {
	content: url("img/facebook-ico.png");
	position: absolute;
	top: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#cubes-wrapp .element.twitter-link a:before {
	content: url("img/twitter-ico.png");
	position: absolute;
	top: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#cubes-wrapp .element.item-5 a:before {
	content: url("img/explore-ico.png");
	position: absolute;
	top: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#cubes-wrapp .element.positioned {
	top: 20%;
	opacity: 0;
}

.open-window {
	z-index: 999;
	opacity: 0;
	bottom: 0;
	position: absolute;
	background-color: transparent;
	border: none;
	background-image: url("img/button-open.png");
	background-repeat: no-repeat;
	box-shadow: none;
	bottom: 40px;
	left: 50%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 33px;
	height: 24px;
	padding: 0;
	outline: none;
}

.open-window:hover,
.open-window:active,
.open-window:focus {
	background-color: transparent;
}

.drop-container {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	z-index: 990;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #929294;
	padding-top: 60px;
	padding-bottom: 140px;
	-webkit-box-shadow: 0px -10px 25px rgba(0,0,0, 0.2) inset;
	box-shadow: 0px -10px 25px rgba(0,0,0, 0.2) inset;
}

.drop-container .bx-wrapper .bx-viewport {
	background-color: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.drop-container .bx-wrapper .bx-pager {
	display: none;
	visibility: hidden;
}

.drop-container .bxslider p {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.drop-container .bxslider li img {
	left: 50%;
	position: relative;
	margin-left: -23px;
}

.drop-container .bxslider li span {
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	display: block;
}

.drop-container .bx-wrapper .bx-controls-direction a {
	top: 120%;
}

.drop-container .bx-wrapper .bx-prev {
	background-image: url("img/arrow-left.png");
}

.drop-container .bx-wrapper .bx-next {
	background-image: url("img/arrow-right.png");
}

.tweetList {
	padding-top: 5px;
}

.tweetList li p,
#tweet_loader {
	font-family: 'Lato', sans-serif;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	font-weight: 300;
}

.tweetList li p a {
	color: #1b446e;
}

.tweetList li: {
	position: relative;
}

.tweetList li:before {
	position: relative;
	margin-left: -20px;
	left: 50%;
	content: url("img/twitter-ico.png");
}

.toggle-container {
	opacity: 0;
	height: 0;
	padding: 0;
}

/*###################################################################
Menu Boxes
###################################################################*/

.element.item-1 a,
.element.item-4 a,
.element.item-7 a,
.element.item-9 a {
	position: relative;
	font-size: 30px;
	font-weight: 300, bold;
	font-family: 'Lato', sans-serif;
	color: #fff;
	text-transform: lowercase;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 190px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-repeat: no-repeat;
}

.element.item-1 span,
.element.item-4 span,
.element.item-7 span,
.element.item-9 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.element.item-1:hover span,
.element.item-4:hover span,
.element.item-7:hover span,
.element.item-9:hover span {
	background-size: 130%;
}

.element.item-1 span,
.element.item-4 span,
.element.item-7 span,
.element.item-9 span {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 93%;
	height: 93%;
}

/*###################################################################
Parallax Containers
###################################################################*/

.parallax {
	position: relative;
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	padding: 90px 60px;
	text-align: center;
}

.parallax p {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-bottom: 30px;
}

.parallax.finding-players h2,
.parallax.team-players h2 {
	position: relative;
	z-index: 99;
	font-family: 'aruallight';
	color: #fff;
	font-weight: 200;
	font-size: 51px;
	line-height: 1.4;
}

.parallax.finding-players h2 span,
.parallax.team-players h2 span {
	text-transform: uppercase;
}

.parallax.finding-players-two h2,
.parallax.color-reinforce h2 {
	position: relative;
	z-index: 99;
	font-family: 'Lato', sans-serif;
	color: #fff;
	line-height: 1.7;
	padding-top: 220px;
	padding-bottom: 220px;
	font-weight: 300;
	font-size: 30px;
	background-repeat: no-repeat;
	background-position: center center;
}

.parallax .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.7);
	background-image: url("img/pattern.png");
}

.parallax img {
	position: relative;
}

.testimonials-section .bx-wrapper {
	margin-bottom: 50px;
}

.testimonials-section .bx-wrapper .bx-viewport {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background-color: transparent;
	margin: 0;
	left: 0;
	color: #fff;
}

.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a:hover,
.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #fff;
}

.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a {
	background-color: transparent;
	border: 1px solid white;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.testimonials-section h3 {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 46px;
	text-transform: lowercase;
	margin-top: 0;
	font-weight: 200;
	position: relative;
	margin-bottom: 10px;
}

.testimonials-section p,
.testimonials-section span {
	display: block;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.testimonials-section span {
	text-transform: uppercase;
	padding-bottom: 50px;
}

/*###################################################################
Page Section
###################################################################*/

.page-content {
	padding-bottom: 90px;
}

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

.vision-section h2 {
	padding-top: 100px;
}

.page-content h2 {
	font-weight: 200;
	margin-top: 0;
	font-family: 'Lato', sans-serif;
	color: #2b2b2b;
	text-transform: lowercase;
	font-size: 56px;
	margin-bottom: 0;
}

.page-content .large-12 p {
	font-family: 'Lato', sans-serif;
	color: #2b2b2b;
	font-weight: 300;
	margin-top: 0;
	position: relative;
	padding-bottom: 15px;
}

.page-content .large-12 p:before {
	display: block;
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 90px;
	margin-left: -45px;
	height: 1px;
	background-color: #9d9d9d;
}

.vision-holder {
	padding-top: 50px;
}

.vision-holder span {
	display: block;
	width: 88px;
	height: 88px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	border: 3px solid #363636;
}

.vision-holder h4 {
	font-weight: bold;
	color: #595959;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	margin-top: 30px;
}

.vision-holder p {
	font-family: 'Lato', sans-serif;
	color: #8a8a8a;
	font-size: 13px;
	margin-top: 25px;
	margin-bottom: 0;
}

.blog-wrapper .large-12 a.viewMorePosts {
	font-size: 16px;
	display: block;
	width: 274px;
	margin: 0 auto;
	margin-bottom: 100px;
	font-family: 'Lato', sans-serif;
	color: #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #777777;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: transparent;
	font-weight: 300;
	padding: 18px 70px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.page-content .large-12 {
	text-align: center;
}

.page-content .large-12 a.contact-us {
	margin-top: 50px;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #777777;
	display: inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: transparent;
	font-weight: 300;
	padding: 18px 70px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-wrapper .large-12:last-child {
	position: relative;
	text-align: center;
}

.blog-wrapper .large-12 a {
	margin-top: 0;
}

.blog-holder > a {
	display: block;
	position: relative;
}

.blog-wrapper .large-12 a.viewMorePosts {
	border: 1px solid #777777;
}

.page-content .large-12 button:hover,
.blog-wrapper .large-12 a.viewMorePosts:hover,
.page-content .large-12 a.contact-us:hover {
	background-color: #4f5367;
	color: #fff;
	border-color: gray;
}

/*###################################################################
Skills Section
###################################################################*/

.skills-section {
	padding-top: 60px;
	text-align: center;
}

.progress-container {
	margin-top: 40px;
	background-image: url("img/percentage-grid.png");
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 545px;
	overflow: hidden;
}

.skills-section .progress-meter {
	position: absolute;
	bottom: -500px;
	left: 59px;
}

.skills-section .progress-meter span {
	display: none;
	position: absolute;
	top: -50px;
	left: 50%;
	font-family: 'Lato', sans-serif;
	text-transform: lowercase;
	background-color: #464646;
	padding: 10px 15px;
	color: #fff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.skills-section .progress-meter span:before {
	content: ' ';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #464646;
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -10px;
}

.skills-section .progress-meter.meter1 {
	z-index: 5;
}

.skills-section .progress-meter.meter2 {
	left: 205px;
	z-index: 1;
}

.skills-section .progress-meter.meter3 {
	left: 485px;
	z-index: 5;
}

.skills-section .progress-meter.meter4 {
	right: 0;
	left: auto;
	z-index: 5;
}

/*###################################################################
About Section
:;########################################*/

.about-wrapper,
.gallery-wrapper,
.portfolio-wrapper,
.news-wrapper {
	background-image: url("img/about-web.png");
	background-repeat: no-repeat;
	background-position: right top;
}

.aboutSection {
	padding-bottom: 60px;
}


.aboutSection,
.teamSection,
.gallerySection,
.servicesSection,
.newsSection,
#portfolio,
#blog {
	padding-top: 100px;
}

.aboutSection .large-6:first-child {
	padding-right: 100px;
}

.aboutSection .large-6 h2,
.teamSection .large-12 h2,
.newsSection .large-12 h2,
.gallerySection .large-3 h2,
.servicesSection .large-12 h2,
.blogSection .large-12 h2,
.blogSection .large-6 h2 {
	font-weight: 200;
	margin-top: 0;
	font-family: 'Lato', sans-serif;
	color: #2b2b2b;
	text-transform: lowercase;
	font-size: 56px;
	margin-bottom: 15px;
}

.aboutSection .large-6 > span,
.teamSection .large-12 > span,
.servicesSection .large-12 > span,
.blogSection .large-12 > span,
.blogSection .large-6 > span,
.newsSection .large-12 > span {
	line-height: 1.4;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #5f5f5f;
	font-family: 'Lato', sans-serif;
	margin-bottom: 40px;
}

.aboutSection .large-6 h4,
.teamSection .large-12 h4,
.servicesSection .large-12 h4,
.blogSection .large-12 h4,
.blogSection .large-6 h4,
.newsSection .large-12 h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	text-transform: uppercase;
	color: #9b9a9a;
	position: relative;
}

.aboutSection .large-6 h4:before,
.teamSection .large-12 h4:before,
.blogSection .large-12 h4:before,
.blogSection .large-6 h4:before,
.servicesSection .large-12 h4:before,
.newsSection .large-12 h4:before {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15%;
	height: 1px;
	background-color: #a1a1a1;
}

.aboutSection .large-6 p {
	font-family: 'Lato', sans-serif;
	color: #000000;
	font-weight: 300;
}

.aboutSection .bx-wrapper .bx-viewport {
	background-color: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.aboutSection .bx-wrapper .bx-pager {
	display: none;
	visibility: hidden;
}

.aboutSection .bx-wrapper .bx-controls-direction a {
	width: 62px;
	height: 62px;
	top: 50%;
}

.aboutSection .bx-wrapper .bx-prev {
	background-image: url("img/about-arrow-left.png");
	left: -40px;
}

.aboutSection .bx-wrapper .bx-next {
	background-image: url("img/about-arrow-right.png");
	right: -40px;
}

.bxslider li {
	position: relative;
}

.about-slider .slide-holder-circle {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 70%;
	border-radius: 70%;
}

.aboutSection .slide-holder > a {
	position: absolute;
	width: 28px;
	height: 28px;
	background-color: #353950;
	font-family: 'Lato', sans-serif;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.aboutSection .slide-holder a.info1 {
	top: 190px;
	left: 100px;
}

.aboutSection .slide-holder a.info2 {
	bottom: 100px;
	left: 140px;
}

.aboutSection .slide-holder a:before {
	content: attr(data-description);
	opacity: 0;
	width: 200px;
	height: auto;
	bottom: 0;
	position: absolute;
	left: 50%;
	font-size: 13px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 10px;
	background-color: #353950;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.aboutSection .slide-holder a:hover:before {
	opacity: 1;
	bottom: 130%;
}

.aboutSection .bx-wrapper {
	padding-top: 80px;
}

/*###################################################################
Team Section
###################################################################*/

.team-wrapper,
.services-wrapper {
	background-image: url("img/team-web.png");
	background-repeat: no-repeat;
	background-position: right top;
}

.team-wrapper {
	padding-bottom: 100px;
}

.team-holder {
	padding-top: 40px;
}

.team-holder .member-image {
	margin-bottom: 50px;
	width: 113px;
	height: 113px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.team-holder:hover .member-image {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.team-holder h4 {
	font-family: 'Lato', sans-serif;
	color: #000;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
}

.team-holder > span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #b7b6b6;
}

.team-holder p {
	color: #646464;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
}

#member-socials {
	padding-top: 10px;
}

#member-socials li {
	display: inline-block;
}

#member-socials li a {
	position: relative;
	display: block;
	width: 20px;
	height: 19px;
	background-image: url("img/icons.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#member-socials li a:hover {
	top: -3px;
}

#member-socials li a.twitter-ico {
	background-position: -23px 0;
}

#member-socials li a.dribbble-ico {
	background-position: -46px 0;
}

#member-socials li a.linkedin-ico {
	background-position: -70px 0;
}

#member-socials li a.flickr-ico {
	background-position: -92px 0;
}

#member-socials li a.vimeo-ico {
	background-position: -115px 0;
}

.parallax-team-holder {
	padding-top: 20px;
	padding-bottom: 20px;
}

.parallax-team-holder .member-image {
	float: none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.parallax-team-holder p,
.parallax-team-holder h4 {
	color: #fff;
}

.parallax-team-holder p {
	margin-bottom: 10px;
}

/*###################################################################
Services Section
###################################################################*/

.services-wrapper,
.news-container {
	padding-bottom: 90px;
}

.services-wrapper .service-holder {
	position: relative;
	height: 240px;
	background-color: #e6e6e6;
}

.services-wrap-holder .image-hold {
	text-align: center;
	line-height: 240px;
}


.services-wrap-holder .service-holder h3,
.services-wrap-holder .service-holder h3 {
	font-size: 32px;
	margin-top: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	color: #fff;
}

.services-wrap-holder .service-holder p,
.services-wrap-holder .service-holder p {
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	color: #fff;
	margin-top: 10px;
	line-height: 1.4;
}

.services-wrap-holder .service-holder.arrow-left:before {
	position: absolute;
	content: ' ';
	width: 0;
	height: 0;
	left: -15px;
	top: 50%;
	margin-top: -5px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.services-wrap-holder .service-holder.arrow-right:before {
	position: absolute;
	content: ' ';
	width: 0;
	height: 0;
	z-index: 9;
	right: -15px;
	top: 50%;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

/*###################################################################
Subscribe Container
###################################################################*/

.subscribe-container h5,
.clients-block h5 {
	text-align: center;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 200;
	text-transform: lowercase;
	font-size: 47px;
	margin: 0;
	margin-bottom: 50px;
}

.inputSection input {
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	color: #515050;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.subscribe-container ::-webkit-input-placeholder {
	font-family: 'Lato', sans-serif;
	text-transform: lowercase;
	color: #515050;
	font-weight: 300;
}

.subscribe-container :-moz-placeholder {
	/* Firefox 18- */
	font-family: 'Lato', sans-serif;
	text-transform: lowercase;
	color: #515050;
	font-weight: 300;
}

.subscribe-container ::-moz-placeholder {
	/* Firefox 19+ */
	font-family: 'Lato', sans-serif;
	text-transform: lowercase;
	color: #515050;
	font-weight: 300;
}

.subscribe-container :-ms-input-placeholder {
	font-family: 'Lato', sans-serif;
	text-transform: lowercase;
	color: #515050;
	font-weight: 300;
}

.buttonSection input[type="submit"] {
	background-color: #4f5367;
	border: none;
	padding: 0;
	text-transform: lowercase;
	font-family: 'Lato', sans-serif;
	font-weight: 200;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 25px;
	padding: 0.53em 42px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.buttonSection input[type="submit"]:hover {
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0, 0.4) inset;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.8) inset;
	text-shadow: 1px 1px 3px rgba(0,0,0, 0.8);
}

.subscribe-container .row .large-10,
.subscribe-container .row .large-2 {
	padding: 0;
}

/*###################################################################
Gallery Section
###################################################################*/

.sub-gallery-menu {
	margin-top: 15px;
	float: right;
	border: 1px solid #9e9e9e;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.sub-gallery-menu li {
	display: inline-block;
}

.sub-gallery-menu li a {
	display: block;
	font-weight: 300;
	color: #646464;
	font-family: 'Lato', sans-serif;
	padding: 20px 15px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sub-gallery-menu li a:after {
	position: absolute;
	content: '|';
	right: 0;
	top: 50%;
	margin-top: -12px;
}

.sub-gallery-menu li:last-child a:after {
	content: none;
}

.sub-gallery-menu li a:hover {
	color: #4f5367;
}

#gallery-wrapper,
#portfolio-wrapper {
	margin: 0 auto;
	margin-top: 90px;
}

.element {
	overflow: hidden;
	position: relative;
}

#gallery-wrapper .element > img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#gallery-wrapper .element:hover > img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.element .hover-effect {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.3);
}

.element .hover-effect > span {
	font-family: 'Lato', sans-serif;
	position: absolute;
	left: 30px;
	top: 30px;
}

.element .hover-effect .gallery-info {
	text-align: center;
	position: absolute;
	bottom: 30px;
	width: 100%;
}

.element .hover-effect .gallery-info p,
.element .hover-effect .gallery-info a {
	position: relative;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
}

.element .hover-effect .gallery-info p {
	padding-bottom: 15px;
}

.element .hover-effect .gallery-info p:before {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 60px;
	height: 1px;
	background-color: #fff;
	margin-left: -30px;
}

.element .hover-effect .gallery-info a {
	text-transform: uppercase;
	border: 1px solid white;
	padding: 10px;
	margin-top: 5px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.element .hover-effect .gallery-info a:hover {
	background-color: #4f5367;
}

/*###################################################################
News Container
###################################################################*/

.news-container {
	float: left;
	width: 100%;
}

.news-holder {
	margin-top: 50px;
}

.news-holder > span {
	display: block;
	width: 100%;
	float: left;
}

.news-holder > a {
	display: block;
	position: relative;
}

.news-holder p {
	margin: 0;
}

.news-holder a > span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
	background-image: url("img/plus.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.news-holder a:hover > span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.news-holder h4 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #646464;
	text-transform: uppercase;
	margin-top: 15;
	margin-bottom: 0;
}

.news-holder > span {
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	margin: 5px 0;
	padding: 5px 0;
}

.news-holder span .large-6 p {
	text-align: left;
	font-size: 14px;
	color: #6e6e6e;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.news-holder span .large-6 p:before {
	content: url("img/clock.png");
	padding-right: 7px;
	position: relative;
	top: 1px;
}

.news-holder span .large-6 a {
	display: block;
	float: right;
	text-indent: -9999px;
	color: #6e6e6e;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 21px;
	background-image: url("img/heart.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 13px;
}

.news-holder span .large-6 a:hover,
.news-holder span .large-6 a.done {
	background-image: url("img/heart-liked.png");
}

.news-holder span .large-6 a img {
	position: relative;
	top: -1px;
	margin-right: 3px;
}

.news-holder > p {
	float: left;
	width: 100%;
	color: #414141;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 10px;
}

.news-holder > a.more-button,
.visit-button a {
	float: left;
	width: 100%;
	margin-top: 20px;
	border: 1px solid black;
	color: #000;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding: 13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-image: url("img/arrow-button.png");
	background-repeat: no-repeat;
	background-position: 95% center;
}

.news-holder > a.more-button:hover,
.visit-button a:hover {
	color: #fff;
	background-color: #4f5367;
	background-image: none;
}

/*###################################################################
Portfolio Container
###################################################################*/

#portfolio-wrapper .element a {
	display: block;
	position: relative;
}

#portfolio-wrapper .element a span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0, 0.5);
	background-image: url("img/hover-image.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#portfolio-wrapper .element a span:before {
	content: ' ';
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid rgba(255,255,255, 0.5);
}

#portfolio-wrapper .element a:hover span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*###################################################################
Blog Section
:;########################################*/

.blog-wrapper .blog-container {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}

.blog-info .large-3 h5 {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	color: #000;
	font-weight: 300;
	text-transform: uppercase;
}

.blog-info .large-3 ul {
	list-style-type: disc;
	list-style-position: inside;
}

.blog-info .large-3 ul li a {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	color: #000;
	line-height: 1.8;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-info .large-3 ul li a:hover {
	color: #4f5367;
}

.blog-info .large-9 {
	background-color: #f0f0f0;
	position: relative;
	top: -140px;
	padding: 30px;
	background-image: url("img/blog-border.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.blog-info .large-9 h2 {
	font-family: 'Lato', sans-serif;
	font-size: 32px;
	margin: 0;
}

.blog-info .large-9 h2 a {
	color: #000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-info .large-9 h2 a:hover {
	color: #4f5367;
}

.blog-info .large-9 p,
.page-container p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #000;
}

.date-comments {
	float: left;
	width: 100%;
	padding-top: 25px;
}

.date-comments p {
	float: left;
	margin: 0;
	margin-right: 50px;
	line-height: 1;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.date-comments span a {
	line-height: 1.5;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	-webkit-transition: all 0,3s;
	-moz-transition: all 0,3s;
	-o-transition: all 0,3s;
	transition: all 0,3s;
}

.date-comments span a:hover {
	color: #000;
}

.date-comments p:before {
	content: url("img/blog-clock.png");
	padding-right: 10px;
	position: relative;
	top: 3px;
}

.date-comments span:before {
	content: url("img/blog-tags.png");
	padding-right: 10px;
	position: relative;
	top: 3px;
}

.date-comments span.comment-count-section:before {
	content: url("img/blog-comments.png");
}

.blog-holder a {
	overflow: hidden;
}

.blog-holder a,
.blog-holder a img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-holder a:hover > img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.queried-posts {
	padding-bottom: 80px;
}

/*###################################################################
Contact Container
###################################################################*/

.contact-container {
	padding-top: 52px;
	padding-bottom: 120px;
	margin-top: 80px;
	background-color: #141d37;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	position: relative;
}

.contact-container iframe {
	z-index: -1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=10);
	opacity: 0.1;
	position: absolute;
	top: 0;
	left: 0;
}

.contact-container .large-12 h5 {
	color: #fff;
	text-transform: lowercase;
	font-size: 56px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	font-weight: 200;
	margin: 0;
	margin-bottom: 80px;
}

.contact-info p,
p.tick {
	margin-top: 0;
	margin-bottom: 35px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.contact-info ul li {
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #fff;
}

.contact-info ul li a,
.contact-info ul li a:hover {
	color: #fff;
}

.contact-info ul li:nth-child(1):before {
	content: url("img/phone.png");
	position: relative;
	top: 8px;
	padding-right: 15px;
}

.contact-info ul li:nth-child(2):before {
	content: url("img/email.png");
	position: relative;
	padding-right: 15px;
}

.contact-info ul li:nth-child(3):before {
	content: url("img/street.png");
	position: relative;
	top: 5px;
	padding-right: 15px;
}

.contact-form input {
	padding: 15px 8px;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	color: #fff;
	background-color: transparent;
	border: 1px solid white;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	height: auto;
	width: 100%;
	margin-bottom: 8px;
	font-weight: 300;
}

.contact-form textarea {
	height: 141px;
	background-color: transparent;
	padding-top: 15px 8px;
	border: 1px solid white;
	color: #fff;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.contact-form textarea:focus,
.contact-form input:focus {
	background-color: transparent;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form ::-webkit-input-placeholder {
	text-transform: uppercase;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.contact-form :-moz-placeholder {
	/* Firefox 18- */
	text-transform: uppercase;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.contact-form ::-moz-placeholder {
	/* Firefox 19+ */
	text-transform: uppercase;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.contact-form :-ms-input-placeholder {
	text-transform: uppercase;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.contact-form input[type="submit"] {
	float: right;
	margin-top: 15px;
	background-color: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	width: auto;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	padding: 15px;
	padding-right: 55px;
	border: 1px solid white;
	background-image: url("img/send.png");
	background-repeat: no-repeat;
	background-position: 90% center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.contact-form input[type="submit"]:hover {
	background-color: #4f5367;
	color: #fff;
}

/*###################################################################
Footer
###################################################################*/

.footer {
	background-color: #252525;
}

.footer #socials {
	padding-top: 35px;
	padding-bottom: 20px;
}

.footer #socials li {
	display: inline-block;
	width: 22px;
	height: 22px;
}

.footer #socials li a {
	display: block;
	text-indent: -9999px;
	background-image: url("img/socials.png");
	background-repeat: no-repeat;
}

.footer #socials li a.link-ico-1 {
	background-position: 3px 0px;
}

.footer #socials li a.link-ico-2 {
	background-position: -18px 0px;
}

.footer #socials li a.link-ico-3 {
	background-position: -40px 0;
}

.footer #socials li a.link-ico-4 {
	background-position: -64px -1px;
}

.footer #socials li a.link-ico-5 {
	background-position: -86px 0;
}

.footer button {
	position: relative;
	outline: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #808080;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 20px;
}

.footer button:hover {
	color: #4f5367;
}

.footer .large-4 > a {
	display: block;
	float: right;
	font-size: 14px;
	color: #808080;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: 34px;
}

.footer .large-4 > a:hover {
	color: #4f5367;
}

/*###################################################################
Single header
###################################################################*/

.single-container {
	width: 100%;
	float: left;
	padding-bottom: 30px;
}

.single-header {
	padding: 20px 30px;
}

.single-header .header {
	margin-top: 0;
	margin-bottom: 0;
}

.single-container .date-comments {
	padding-top: 0;
	padding-bottom: 30px;
}

.single-wrapper .blog-info .large-9 {
	padding: 25px 0;
	top: auto;
	background-image: none;
}

.single-wrapper .blog-info .large-3 {
	padding: 30px 30px 40px 30px;
}

.single-wrapper .blog-info .large-9 {
	background-image: url("img/blog-border.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #f0f0f0;
	padding: 30px;
	position: relative;
	top: -120px;
}

.single-wrapper.single-gallery-wrap .blog-info .large-9,
.single-wrapper.single-portfolio-wrap .blog-info .large-9 {
	background-position: right 0;
}

.project-info {
	padding-bottom: 30px;
}

.project-info h6 {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 300;
	margin-bottom: 15px;
}

.project-info li {
	font-family: 'Lato', sans-serif;
	color: #302f2f;
	line-height: 1.8;
}

#project-team li {
	list-style: none;
	margin-bottom: 20px;
}

#project-team li > span {
	display: block;
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 15px;
}

#project-team li p {
	font-size: 15px;
	overflow: hidden;
	color: #302f2f;
	font-family: 'Lato', sans-serif;
}

#project-team li p span {
	color: #868686;
}

.portfolio-gallery .large-4 {
	margin-bottom: 7px;
}

.portfolio-gallery .large-4 a {
	display: block;
	position: relative;
}

.portfolio-gallery .large-4 a span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, 0.5);
	background-image: url("img/portfolio-loupe.png");
	background-repeat: no-repeat;
	background-position: center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.portfolio-gallery .large-4 a:hover span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.page-container {
	width: 100%;
	float: left;
	padding-bottom: 50px;
}

.page-container .bx-wrapper .bx-viewport {
	margin: 0;
	left: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.page-container .large-6:last-child {
	padding-top: 1em;
}

.page-container .bx-wrapper .bx-pager {
	bottom: -50px;
}

.page-container .bx-wrapper .bx-pager.bx-default-pager a {
	width: 30px;
	background-color: gray;
	border: 2px solid #4f5367;
	height: 30px;
}

.page-container .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #fff;
}

.result-holder {
	padding-top: 40px;
}

.result-holder h4 {
	text-transform: uppercase;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-bottom: 6px;
}

.result-holder a {
	color: #000000;
}

.result-holder span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #6e6e6e;
	padding: 7px 0;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
}

.result-holder span:before {
	content: url("img/clock.png");
	position: relative;
	top: 1px;
	margin-right: 5px;
}

.result-holder p {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	color: #414141;
	font-weight: 300;
}

/*###################################################################
Responsive with media queries
###################################################################*/

@media only screen and (max-width: 1190px) {
	.countdown-container .wrapper,
	.parallax {
		background-attachment: scroll;
	}

	.hasCountdown {
		width: 700px;
	}

	#mainNav li a {
		font-size: 12px;
	}

	#cubes-wrapp {
		width: 700px;
		height: 190px;
		left: 36%;
	}

	.team-wrapper,
	.services-wrapper,
	.about-wrapper,
	.gallery-wrapper,
	.portfolio-wrapper,
	.news-wrapper,
	.single-wrapper {
		background-image: none;
	}

	#cubes-wrapp .element {
		width: 100px;
		height: 100px;
	}

	.countdown_amount {
		font-size: 52px;
	}

	.countdown_section {
		font-size: 20px;
	}

	#cubes-wrapp .element.days {
		left: 192px;
		top: -0;
	}

	#cubes-wrapp .element.item-3 {
		top: -47px;
	}

	#cubes-wrapp .element.hours {
		top: 0;
		left: 366px;
	}

	#cubes-wrapp .element.minutes {
		top: 0;
		left: 535px;
	}

	#cubes-wrapp .element.seconds {
		top: 0;
		left: 709px;
	}

	#cubes-wrapp .element.item-10 {
		right: 54px;
		top: -46px;
	}

	#cubes-wrapp .element.facebook-link {
		left: 278px;
		top: 79px;
	}

	#cubes-wrapp .element.facebook-link a,
	#cubes-wrapp .element.twitter-link a,
	#cubes-wrapp .element.item-5 a {
		line-height: 197px;
	}

	#cubes-wrapp .element.item-5 {
		left: 450px;
		top: 79px;
	}

	#cubes-wrapp .element.twitter-link {
		left: 623px;
		top: 79px;
	}

	#cubes-wrapp .element.item-6 {
		left: 771px;
		top: 98px;
	}

	.element.item-1 a,
	.element.item-4 a,
	.element.item-7 a,
	.element.item-9 a {
		text-indent: -9999px;
	}
}

@media only screen and (max-width: 1110px) {
	.aboutSection .bx-wrapper .bx-next {
		right: 0;
	}

	.aboutSection .bx-wrapper .bx-prev {
		left: 0;
	}

	#cubes-wrapp {
		width: 735px;
	}

	.row .row {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.slide-holder-circle {
		display: none;
	}
}

@media only screen and (max-width: 1005px) {
	#cubes-wrapp {
		width: 800px;
	}

	.buttonSection button {
		width: 100%;
		height: 58px;
		padding: 0;
	}

	.aboutSection .large-6:first-child {
		padding-right: 0.9375em;
	}

	.blog-info .large-9 {
		background-image: none;
		padding: 0;
		padding-top: 30px;
		top: auto;
	}

	.blog-info {
		height: auto;
	}

	.blog-wrapper .blog-container {
		margin-bottom: 70px;
	}

	.footer .row .large-4 {
		text-align: center;
	}

	.footer #socials {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.footer button {
		margin-top: 0;
		left: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.skills-section .progress-meter.meter3 {
		z-index: 25;
	}

	.footer .large-4 > a {
		float: none;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 900px) {

	#mainNav {
		display: none;
	}

	.smallNavigation {
		display: block;
	}

	#mainNav li {
		display: block;
		text-align: center;
		margin: 0;
	}

	.parallax.finding-players h2 {
		font-size: 25px;
	}

	.parallax.finding-players-two h2,
	.parallax.color-reinforce h2 {
		background-image: none;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.header.scrollMenu #mainNav li a {
		line-height: 20px;
	}

	#mainNav {
		position: relative;
		z-index: 9999;
		width: 100%;
		margin: 0;
	}

	#mainNav li a {
		display: block;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1;
		background-color: #cccccc;
		color: #515050;
		border-color: #000;
	}

	#mainNav li a:hover {
		border-color: #000;
		background-color: #4f5367;
		color: #fff;
	}

	.smallNavigation {
		margin-top: 15px;
		color: #fff;
		font-weight: 300;
		border: none;
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 33px;
		height: 24px;
		text-indent: -9999px;
		float: right;
		margin-right: 25px;
		background-color: transparent;
		background-image: url("img/button-open.png");
		background-repeat: no-repeat;
		background-position: center center;
	}

	.smallNavigation:active,
	.smallNavigation:hover,
	.smallNavigation:focus {
		background-color: transparent;
		outline: none;
	}

	.smallNavigation {
		display: block;
	}


	.services-wrap-holder .service-holder.arrow-right:before, .services-wrap-holder .service-holder.arrow-left:before {
		content: none;
	}

}

@media only screen and (max-width: 766px) {
	.logo-holder a {
		display: block;
		text-align: center;
	}

	#cubes-wrapp {
		position: relative;
		width: auto;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	#cubes-wrapp .element {
		position: relative;
		margin-right: 80px;
	}

	#cubes-wrapp .element.item-1,
	#cubes-wrapp .element.item-3,
	#cubes-wrapp .element.item-4,
	#cubes-wrapp .element.item-6,
	#cubes-wrapp .element.item-7,
	#cubes-wrapp .element.item-9,
	#cubes-wrapp .element.item-10 {
		display: none;
	}

	#cubes-wrapp .element.facebook-link,
	#cubes-wrapp .element.item-5,
	#cubes-wrapp .element.twitter-link {
		left: auto;
		top: auto;
	}

	.hasCountdown {
		width: 100%;
	}

	#cubes-wrapp {
		width: 540px;
		position: absolute;
		top: auto;
		left: 57%;
		bottom: 10%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.landing-container {
		top: 10%;
		padding-bottom: 80px;
	}

	.parallax.finding-players h2,
	.parallax.team-players h2 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 680px) {
	.smallNavigation {
		text-transform: lowercase;
		margin-top: 10px;
	}

	#searchform {
		top: 7px;
	}

	.header.scrollMenu .large-9 {
		width: 40%;
		margin-top: 10px;
	}

	.parallax {
		padding: 40px 20px;
	}

	.element {
		width: 150px;
		height: 174px;
	}

	.parallax.finding-players-two h2,
	.parallax.color-reinforce h2 {
		font-size: 24px;
	}

	.bx-controls-direction,
	#portfolio-wrapper .element a span,
	.tweets,
	.element .hover-effect .gallery-info p,
	.element .hover-effect > span,
	.news-holder a > span {
		display: none;
	}

	.single-wrapper .blog-info .large-3 {
		top: auto;
	}

	.aboutSection .large-6 h4,
	.teamSection .large-12 h4,
	.servicesSection .large-12 h4,
	.blogSection .large-12 h4,
	.blogSection .large-6 h4 {
		font-size: 18px;
	}

	.sub-gallery-menu {
		float: none;
		text-align: center;
		border: none;
	}

	.sub-gallery-menu li {
		display: block;
	}

	.sub-gallery-menu li a {
		padding: 5px 0;
		border-bottom: 1px solid gray;
	}

	.sub-gallery-menu li a:after {
		content: none;
	}

}

@media only screen and (max-width: 565px) {
	.hasCountdown {
		top: 45%;
	}

	.open-window {
		padding: 0;
	}

	#grid {
		width: 246px;
	}

	.drop-container {
		padding: 0;
		padding-top: 30px;
	}
}