/*
=================
TABLE OF CONTENTS
=================

font awesome spin
2x "m" ??
Main Styles
Font Classes
Page Animated item Styles
Background Animation
Page Loading
Oxygen First Styles
Containers
Positions
Patterns
Fonts
Colors
Home Section
Home Section Pattern Version
Home Section Animated Version
Details
Fixed Text
Cetagories
Home Parallax Slider Version 
Typographic Text Options 
Home V5 
V5 Typographic Text Options 
TextSlider & Background Slider Version
Background Slider Images 
Alternative Images 
Home Rev Slider Version
Rev Slider Text Versions
Rev Slider Text Versions
Page Top
Home Bottom
Super Slides Navigation
Home Fixed Video Version
Navigation
Navigation-fixed
Logo Style
Nav Menu
Nav Menu Rollovers
DropDown Menu
About
About Icon Styles
About Box Hover Styles
Services
Service Boxes
Tooltip Styles
Features
Testimonials	
Testimonial Controls	
Text Area
History
Timeline
Years
Notes
Note Arrows
Start Icon
History Note Inners
History Note Images
History Rollovers
Portfolio
Portfolio Filter
Portfolio Works
Portfolio Images
Portfolio Work Bottom
isotope styles
Isotope CSS3 transitions
disabling Isotope CSS3 transitions
Expander Item Styles
Expander Item Controls
Expander Project
Flex Slider Direction
Flex Slider Control
Project Header and Description styles
Why Oxygen
Iphone Holders
Iphone Holders button
Right Accordion Menu
Team
Team Names, Descriptions
Team Socials
Team Rollover
Fun Acts
Fun Acts Left Icon
Fun Acts Right Numbers
Video
Video Button
Logo Area
Text on Vide
Video Button Rollover
Pricing Tables
Pricing Table Header
Pricing Table Image
Price Circle
Price Plans
Active Table
Table Rollovers
Google Map
Open and Close Styles
Open and Close Button Styles
Google Map Div
Contact
Contact Form
Input Styles
Send Button Styles
Place Holder Colors
Site Socials and Address
Adress
Back to Top Button
Footer
Multiple Page Header
Blog
Flex Slider Direction
Post Dates
Post Date
Post Category
Post Details
Sidebar
Search
Sidebar Categories
Sidebar Recent Comments 
Sidebar Tags
Sidebar Calendar
Single Post
Single Post Form
Pagination
*/

/* font awesome spin */

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}


/* 2x "m" ?? */
.ff-font-awesome.icon-instagramm:before { content: '\f16d'; } /* instagram */
.ff-font-awesome.icon-google-plus:before { content: '\f0d5'; } /* google plus */
.ff-font-awesome.icon-vimeo:before { content: '\f194'; } /* vimeo */

/* Main Styles */

	::selection {
		background-color: #ececec;
	}
	html, body {
		background: #fff;
		width:100%;
		height:100%;
		padding:0;
		margin-left:0;
		margin-right:0;
		font-family: 'Open Sans', sans-serif;
		-webkit-font-smoothing: antialiased;
	}

	body{
		overflow-x: hidden; 
	}

	img {
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none; 
	    user-select: none; 
	    -webkit-user-drag: none;
	    user-drag: none;
	}

	a,
	a:hover,
	a:active,
	a:focus
	{
		text-decoration:none;
		outline:none;
	
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
		font-family: 'Open Sans', sans-serif;
		font-weight:100;
	}

	p{
		margin:0 0 5px;
	}

	.clear{
		clear:both;
	}

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

	b.caret{
		margin:-3px 0 auto 5px;
	}

	.btn{
		outline:none;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.btn:focus{
		outline:none;
	}

	.btn:active{
		outline:none;
	}

/* Font Classes */	

	.condensed{
		font-family: 'Open Sans Condensed', sans-serif;
	}

	.condiment{
		font-family: 'Condiment', cursive;
	}

	.playball{
		font-family: 'Playball', cursive;
	}

/* Page Animated item Styles */

	.animated{
		visibility:hidden;
	}

	.visible{
		visibility:visible;
	}

/* Background Animation */

	@-webkit-keyframes BackgroundAnimation {
	    from {background-position: 0px 0px;}
	    to {background-position: 9600px 0px;}
	}

	@-moz-keyframes  BackgroundAnimation {
	    from {background-position: 0px 0px;}
	    to {background-position: 9600px 0px;}
	}

	@-ms-keyframes  BackgroundAnimation {
	    from {background-position: 0px 0px;}
	    to {background-position: 9600px 0px;}
	}

/* Page Loading */

	#pageloader {
		width: 100%;
		height: 100%;
		position: fixed;
		top:0;
		background-color: white;
		z-index: 9999;
	}

	.loader-item {
	  position: absolute;
	  width: 40px;
	  height:40px;
	  margin: -20px 0 0 -20px;
	  top:50%;
	  left:50%;
	  text-align:center;
	  background:white;
	  border-left:3px solid;
	  border-right:3px solid;
	  border-top:3px solid;
	  border-bottom:3px solid transparent !important;
	  border-radius: 200px;
	}

	.loader-item h2{
		color:#ccc;
		margin:0 auto;
		font-size:20px;
	}

/* Oxygen First Styles */

/* Containers */

	.container {
		width: 100%;
		height: auto;
		padding:0;
		margin:0;
	}

	.inner{
		width:100%;
		height: auto;
		max-width: 1170px;
		position: relative;
		margin: 0 auto;
		padding: 75px 0;
		text-align: center;
	}

	.inner:after{
		clear: both;
	}

	.fullwidth{
		width:100%;
		max-width: 100%;
	}

	.transparent{
		background: transparent !important;
	}

	.no-padding{
		padding:0 !important;
	}

	.no-margin{
		margin:0 !important;
	}

/* Positions */

	.relative{
		position: relative;
	}

	.absolute{
		position: absolute;
	}

	.fixed{
		position:fixed;
	}

/* Patterns */

	.pattern-white:after{
		background: url(../images/pattern-white.png) repeat;
		content:'';
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
	}

	.pattern-black:after{
		background: url(../images/pattern-black.png) repeat;
		content:'';
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
	}

	.pattern-grid:after{
		background: url(../images/pattern-grid.png) repeat;
		content:'';
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
		opacity: 0.05;
	}

	.transparent{
		background:transparent !important;
	}

/* Fonts */

	.header{
		width:100%;
		height: auto;
		font-size:35px;
		font-weight: 400;
		text-align: center;
		margin:0 auto;
	}

	.t-left{
		text-align:left !important;
	}

	.t-center{
		text-align:center !important;
	}

	.t-right{
		text-align:right !important;
	}

	.dark{
		color: #505050;
	}

	.h-desc{
		font-size:15px;
		font-weight: 100;
		text-align: center;
		margin:20px auto;
		max-width: 900px;
		line-height: 20px;
	}

	.extrabold{
		font-weight: 800;
	}

	.bold{
		font-weight: 700;
	}

	.semibold{
		font-weight: 600;
	}

	.normal{
		font-weight: 400;
	}

	.light{
		font-weight: 100;
	}

	.italic{
		font-style: italic;
	}

	.uppercase{
		text-transform: uppercase;
	}

/* Colors */

	.white{
		color:white;
	}

	.gray1{
		color:#a8a7a7;
	}

	.gray2{
		color:#8c8c8c;
	}

	.colored{
		color: #3498db;
	}

	.colored-bg{
		background-color: #3498db;
	}

	.gray-border{
		border-color:#eeeeee;
	}

	.colored-border{
		border-color: #3498db;
	}

	.colored-border-left{
		border-left-color: #3498db;
	}

	.colored-border-right{
		border-right-color: #3498db;
	}

	.white-bg{
		background-color:white !important;
	}

	.gray-bg{
		background-color:#f5f5f5 !important;
	}

	.black-bg{
		background-color:black !important;
	}

	.has-bg 	{
		background-color: white !important;
	}

/* Home Section */

	#home{
		position: relative;
		width: 100%;
		height: auto;
		top:0;
	}

	body .home{
		background:url(../images/1.jpg) center center fixed;
		position: relative;
	}

	.home:after{
		clear: both;
	}

/* Home Section Pattern Version */

	.home-pattern-style{
		background:url(../images/pattern.png) repeat fixed;
		position: relative;
	}

/* Home Section Animated Version */

	.home-animated{
		background-image:url(../images/animate.jpg);
		background-size: cover;
		background-position: 50% 50%;
		background-attachment: fixed !important;
		background-repeat: repeat;
		-webkit-animation: BackgroundAnimation 300s linear infinite;
		-moz-animation: BackgroundAnimation 300s linear infinite;
   		 -ms-animation: BackgroundAnimation 300s linear infinite;
	}

	.hometexts-1{
		font-size:95px;
		height:auto;
		color:white;
		line-height: 95px;
	}

	.hometexts-1 .slide-text-1{
		margin-bottom:0;
		width:auto;
		padding:0;
	}

	.home-button{
		display:inline-block;
		background:rgba(0, 0, 0, 0.3);
		border:1px solid rgba(0,0,0, 0.3);
		padding:9px 22px;
		margin:0 5px;
		font-size:12px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		color:#dadada;
	}

	.home-button:hover{
		border:1px solid rgba(255,255,255, 0.8);
		background:rgba(255,255,255, 0.8);
		color:black;
	}

/* Details */

	.home-details{
		width:90%;
		margin:0 auto;
		height: auto;
		max-width: 1170px;
		top:50%;
		position: relative;
		text-align:center;
		z-index: 10;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.slide-text{
		margin:3px auto 0;
	}

	.slide-text li:last-child{
		clear: both;
	}

	.hometext{
		width:100%;
		height: auto;
		color:white;
		font-size:120px;
		line-height: 110px;
	}

/* Fixed Text */

	.fixed-text{
		font-size: 60px;
		color:#a8a8a8;
		margin:0;
	}

/* Cetagories */
	
	.home-categories .h-item:last-child{
		background:none;
	}

	.h-item{
		color:#b8b7b7;
		padding:5px 20px 5px 13px;
		width: auto;
		font-size: 13px;
		background:url(../images/li-item.png) right center no-repeat;
		display: inline-block;
	}

	.home-arrow{
		display: block;
		color:#b8b7b7;
		width:150px;
		margin:10px auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.home-arrow span{
		display: block;
		margin:5px auto;
	}

	.home-arrow:hover{
		color:white;
	}

/* Home Parallax Slider Version  */

	#home .v2{
		width:100%;
		height: 100%;
		top:0;
		z-index: 4;
		text-align: center;
	}

	#home .v2 .typographic{
		height: auto;
		width:100%;
		max-width:600px;
		margin:0 auto;
		position: relative;
		top:50%;
		padding:0 25px;
		border-left:2px solid #d6d6d6;
		border-right:2px solid #d6d6d6;
		color:#d6d6d6;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

/* Typographic Text Options  */

	#home .v2 .typographic h1{
		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);
		line-height:0.8;
		font-size:70%;
		margin:10px 0;
	}

	#home .v2 .typographic h2{
		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);
		line-height: 1.05;
		font-size:80%;
		margin:10px 0;
	}

/* Home V5  */

	#home .v5{
		width:100%;
		height: 100%;
		top:0;
		z-index: 4;
		text-align: center;
	}

	#home .v5 .typographic{
		height: auto;
		width:100%;
		max-width:970px;
		margin:0 auto;
		position: relative;
		top:50%;
		padding:0 25px;
		color:#dfdfdf;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#home .v5 .typographic .hometexts-5{
		height: 115px;
	}

	#home .v5 .typographic .hometexts-5 ul li{
		font-size:55px;
	}

	#home .v5 .typographic .hometexts-5 .flex-direction-nav li{
		width:44px;
		height: 37px;
		position: relative;
		display: inline-block;
		opacity: 1;
	}

	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a{
		width:44px;
		height: 37px;
		position: absolute;
		display: block;
		opacity:1;
		top:5px;
		background-image: url(../images/v5-arrows.png);
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-prev{
		left:0;
		background-position: left top;
	}

	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-prev:hover{
		background-position: left bottom;
	}

	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-next{
		left:5px;
		background-position: right top;
	}

	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-next:hover{
		background-position: right bottom;
	}

/* V5 Typographic Text Options  */

	#home .v5 .typographic h1{
		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);
		line-height:0.75;
		font-size:60%;
		margin:10px 0;
	}

	#home .v5 .typographic h2{
		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);
		line-height: 0.85;
		font-size:50%;
		margin:10px 0;
	}

/* TextSlider & Background Slider Version */

	.home-details-tb{
		width:100%;
		margin:0 auto;
		height: auto;
		top:50%;
		text-align:center;
		z-index: 10;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.home-details-tb .home-details-inner{
		max-width: 90%;
		margin:0 auto;
	}

/* Background Slider Images  */

	#slides .slides-container div{
		background-position:center center;
		background-attachment: fixed;
	}

	#slides .slides-container .image1{
		background-image:url(../images/slide1.jpg);
	}

	#slides .slides-container .image2{
		background-image:url(../images/slide2.jpg);
	}
	#slides .slides-container .image3{
		background-image:url(../images/slide3.jpg);
	}

/* Alternative Images  */

	#slides .slides-container .image4{
		background-image:url(../images/slide4.html);
	}
	#slides .slides-container .image5{
		background-image:url(../images/slide5.html);
	}
	#slides .slides-container .image6{
		background-image:url(../images/slide6.html);
	}

	.v2 .home-arrow{
		margin:0 auto;
		left:50%;
		bottom:12%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.v2 .home-arrow:hover{
		color:white;
	}

/* Home Rev Slider Version */

	#slider{
		height: auto;
	}

	#slider .tp-banner-container{
		z-index: 10;
		position: relative;
	}

/* Rev Slider Text Versions */

	.rev-text-1{
		font-size:20px;
	}

	.rev-text-2{
		font-size:40px;
	}

	.rev-text-3{
		font-size:17px;
		max-width:420px;
		line-height: 20px;
	}

	.rev-text-4{
		font-size:15px;
		max-width:620px;
		background:#1a1a1a;
		padding:5px 10px;
	}

	.soft-gray{
		color:#bebebe;
	}

	.rev-text-5{
		font-size:55px;
	}

	.rev-text-6{
		font-size:15px;
	}

	.rev-text-7{
		color:#5c5c5c;
	}

	.rev-text-8{
		font-size:60px;
	}

	.rev-text-9{
		font-size:15px;
		max-width:400px;
		color:#919191;
	}

/* Rev Slider Text Versions */

	.layer-text-1{
		font-size:20px;
	}

	.layer-text-2{
		font-size:40px;
	}

	.layer-text-3{
		font-size:17px;
		max-width:420px;
	}

	.layer-text-4{
		font-size:15px;
		max-width:620px;
		background:#1a1a1a;
		padding:5px 10px !important;
	}

	.layer-text-5{
		font-size:55px;
	}

	.layer-text-6{
		font-size:15px;
	}

	.layer-text-7{
		color:#5c5c5c;
	}

	.layer-text-8{
		font-size:60px;
	}

	.layer-text-9{
		font-size:15px;
		max-width:400px;
		color:#919191;
	}

	a.home-button-white{
		display:inline-block;
		background:rgba(255, 255, 255, 0.44);
		border:1px solid rgba(232,232,232, 0.44);
		padding:9px 22px;
		margin:0 5px;
		font-size:15px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		color:#919191;
	}

	a.home-button-white:hover{
		display:inline-block;
		background:rgba(255, 255, 255, 1);
		border:1px solid rgba(232,232,232, 1);
		color:#919191;
	}

	a.home-button-black{
		display:inline-block;
		background:rgba(0, 0, 0, 0.3);
		border:1px solid rgba(0,0,0, 0.3);
		padding:9px 22px;
		margin:0 5px;
		font-size:12px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		color:#dadada;
	}

	a.home-button-black:hover{
		border:1px solid rgba(255,255,255, 0.8);
		background:rgba(255,255,255, 0.8);
		color:black;
	}

/* Page Top */

	section#pagetop{
		padding:11px 0 10px;
		width: 100%;
		height: auto;
		background:#1a1a1a;
	}

	section#pagetop .pagetop-inner{
		max-width:1170px;
		width:100%;
		position: relative;
		margin:0 auto;
		color:#8e8e8e;
	}

	section#pagetop .pagetop-inner p{
		font-size:12px;
		color:inherit;
		line-height: 19px;
	}

	section#pagetop .pagetop-inner a.page-link{
		font-size:12px;
		color:inherit;
		display: inline-block;
		margin-left:10px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	section#pagetop .pagetop-inner a.page-link i{
		display: inline-block;
		padding:2px 6px;
		background:#979797;
		color:black;
		margin-right: 5px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	section#pagetop .pagetop-inner a.page-link:hover{
		color:white;
	}

	section#pagetop .pagetop-inner a.page-link:hover i{
		background:#fff;
	}

/* Home Bottom */

	#home-bottom{
		background:#272727;
		padding:35px 0 32px;
	}

	.home-bottom-inner{
		max-width: 1170px;
		height: auto;
		width: 100%;
		margin:0 auto;
	}

	.home-bottom-inner h2{
		font-size:25px;
		line-height: 20px;
	}

	.home-bottom-button{
		width:auto;
		height: auto;
		padding:10px 25px;
		border-radius: 8px;
		margin-left:10px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.home-bottom-button:focus,
	.home-bottom-button:hover{
		background:white;
		color:black !important;
	}

/* Super Slides Navigation */

	.slides-navigation {
		margin: 0 auto;
		position: absolute;
		z-index: 3;
		top: 45%;
		width: 100%;
		z-index: 20;
	}

	.slides-navigation a{
		position: absolute;
		display: block;
		width:36px;
		height:81px;
		background:url(../images/slider-arrows.png);
		opacity:0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.slides-navigation a.prev {
		left: 2%;
		background-position:left;
	}
	.slides-navigation a.next {
		right: 2%;
		background-position:right;
	}

	#home:hover .slides-navigation a{
		opacity:0.3;
	}

	.slides-navigation a:hover{
		opacity:1 !important;
	}

/* Home Fixed Video Version */

	#fixed_video{
		min-width: 100%;
		min-height: 100%;
		top:0;
		left:0;
		position: fixed;
		background-color:black;
		z-index: 0 !important;
	}


/* Navigation */
	
	#navigation{
		position: fixed;
		width: 100%;
		height: 75px;
		box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
		z-index: 1031;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

/* Navigation-fixed */

	#navigation-fixed{
		position: relative;
		width: 100%;
		height: 75px;
		box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
		z-index: 1031;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.not-visible-nav{
		top:-77px;
	}

	.visible-nav{
		top:0;
	}

	.white-nav{
		background:rgba(255, 255, 255, 0.97);
	}

	.dark-nav{
		background:rgba(0, 0, 0, 0.97) !important;
	}

	.soft-nav{
		background:rgba(255, 255, 255, 0.05);
	}

	.nav-inner{
		width:100%;
		max-width: 1170px;
		height: 100%;
		margin:0 auto;
	}

	.nav-inner:after{
		clear: both;
	}

/* Logo Style */

	.site-logo{
		float: left;
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.site-logo a.logo{
		display: block;
	}

	.site-logo a.logo img{
		height: auto;
		max-height: 50px;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
	}

/* Nav Menu */

	.mini-nav-button{
		display: none;
		width: 40px;
		height: 40px;
		text-align: center;
		font-size:25px;
		position: absolute;
		right:15px;
		top:50%;
		cursor: pointer;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.nav-menu{
		float: right;
		height: 100%;
	}

	.nav-menu ul.nav{
		height: 100%;
	}

	.nav li{
		display: inline-block;
		height: 100%;
	}

	.nav li a{
		display: block;
		height: 100%;
		border-top:2px solid transparent;
		line-height: 54px;
		color: #555555;
		font-size:15px;
		padding:10px 15px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Nav Menu Rollovers */

	.nav li:hover{
		background:transparent;
	}

	.nav li a:hover{
		background: transparent !important;
		border-top:2px solid #3498db;
		color:#3498db;
	}

	.nav li.active a{
		background: transparent;
		border-top:2px solid #3498db;
		color:#3498db;
	}

	.nav li a:focus{
		background: transparent !important;
		border-top:2px solid #3498db;
		color:#3498db;
	}

	.dark-nav .nav li a{
		color:white;
	}

	.dark-nav .nav li a:hover{
		background: transparent !important;
		border-top:2px solid #3498db;
		color:#3498db;
	}
	
	.dark-nav .nav li a:active{
		background: transparent !important;
		border-top:2px solid #3498db;
		color:#3498db;
	}

/* DropDown Menu */

	ul.nav ul.dropdown-menu{
		padding:0;
		margin:0;
		border-top:2px solid gray;
		border-radius: 0;
		background:rgba(255, 255, 255, 0.97) !important;
		box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
	}

	ul.nav ul.dropdown-menu li{
		width: 100%;
		height: auto;
		
	}

	ul.nav ul.dropdown-menu li a{
		height: auto;
		padding: 10px;
		margin:0;
		display: block;
		width: 100%;
		color:#555555;
		line-height: 25px;
		font-weight: 600;
		border-top:2px solid transparent;
	}

	ul.dropdown-menu li a:hover{
		border-top:2px solid transparent;
	}

	.dark-nav ul.dropdown-menu{
		background:rgba(0, 0, 0, 0.97) !important;
		border-color:rgba(0, 0, 0, 0.97) !important;
	}

	.dark-nav ul.dropdown-menu li a{
		color:white;
	}

	.dark-nav ul.dropdown-menu li a:hover{
		border-top:2px solid transparent ;
	}

/* About */
	
	#about .inner .boxes{
		overflow: hidden;
	}

	#about .inner .boxes:after{
		clear: both;
	}

	.about-box{
		text-align: center;
		margin:50px auto 0;
		cursor: pointer;
	}
/* About Icon Styles */

	.about-icon{
		display:block;
		width:92px;
		height: 92px;
		position: relative;
		background: #fafafa;
		border-radius:12px;
		z-index: 3;
		margin:1px auto;
	}

	.about-icon:before{
		width:93px;
		height: 93px;
		content:'';
		z-index: 1;
		position: absolute;
		background:#fafafa;
		border: 1px solid #686868;
		border-radius:12px;
		top:-1px;
		left:-1px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.about-icon:after{
		width:20px;
		height: 20px;
		content:'';
		z-index: 2;
		position: absolute;
		background:#fafafa;
		border-right: 1px solid #686868;
		border-bottom:1px solid #686868;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		top:89%;
		left:39%;
	}

	.about-icon i{
		font-size:34px;
		color:#464646;
		z-index: 4;
		position: relative;
		line-height: 95px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}


/* About Box Hover Styles */

	.about-box:hover .about-icon:before{
		background:#252525;
	}

	.about-box:hover .about-icon:after{
		background:#252525;
	}

	.about-box:hover .about-icon i{
		color:#fff;
	}

	.about-box .about-head{
		margin:30px auto 10px;
		font-size:16px;
	}

	.about-box .about-text{
		font-size:13px;
	}


/* Services */

	#services{
		background:url(../images/i1.jpg) center center fixed;
		padding:55px 0;
		overflow: hidden;
	}

/* Service Boxes */

	.service-box{
		text-align: center;
		margin:50px auto 0;
		cursor: context-menu;
	}

	.service-box .service-icon{
		display:block;
		width:70px;
		height: 70px;
		position: relative;
		background: transparent;
		border-radius:12px;
		border:1px solid #cbcbcb;
		z-index: 3;
		margin:0 auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.service-box .service-icon i{
		font-size:26px;
		color:white;
		z-index: 4;
		position: relative;
		line-height: 70px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.service-box:hover .service-icon{
		background:white;
	}

	.service-box:hover .service-icon i{
		color:#323332;
	}

	.service-box .service-header{
		margin-top:30px;
		font-size:18px;
	}

/* Tooltip Styles */

	.tooltip{
		z-index: 999 !important;
	}

	.tooltip-inner{
		padding:15px;
		background:#494949;
		color:white;
		font-size:13px;
		font-style: italic;
		border-radius: 12px;
		min-width: 170px;
	}

	.tooltip.top{
		margin-top:-20px;

	}

	.tooltip.bottom{
		margin-top:20px;

	}

	.tooltip.left{
		margin-right:20px;

	}

	.tooltip.right{
		margin-left:20px;
	}

	.tooltip.top .tooltip-arrow{
		border-top-color:#494949 !important;
	}

	.tooltip.bottom .tooltip-arrow{
		border-bottom-color:#494949 !important;
	}

	.tooltip.left .tooltip-arrow{
		border-left-color:#494949 !important;
	}

	.tooltip.right .tooltip-arrow{
		border-right-color:#494949 !important;
	}

/* Features */
	.f-box{
		text-align:center;
		cursor: default;
		margin:60px auto 0;
	}

	.f-icon i{
		font-size: 35px;
		color:#616161;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.f-box .feature-head{
		margin:15px auto 10px;
		font-size:18px;
	}

	.f-box .feature-text{
		font-size:13px;
	}

	.f-box:hover .f-icon i{
		color:#3498db;
	}


/* Testimonials */	

	.testimonials{
		background: url(../images/i2.jpg) center center fixed;
		padding: 140px 0 70px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.t-slides{
		max-width: 970px;
		margin:0 auto;
		max-height: 500px;
		overflow: hidden;
	}

	.t-slides li.monial{
		position: absolute;
		height: auto;
	}

	.t-slides li.monial:last-child:after{
		clear: both;
	}

	.monial h1{
		font-size: 30px;
	}

	.monial p{
		margin:30px auto;
		font-size:13px;
		color: #cdcdcd;
	}

/* Testimonial Controls */	

	.testimonials .flex-direction-nav{
		width:52px;
		height: 30px;
		margin:0 auto;
		position: relative;
		opacity: 1;
	}

	.testimonials .flex-direction-nav li{
		display: block;
		position: relative;
		float:left;
		width:26px;
		height: 26px;
	}

	.testimonials .flex-direction-nav li a{
		opacity: 1;
		width:26px;
		height: 26px;
		background:url(../images/testimonial-controls.png);
	}

	.testimonials .flex-direction-nav a:before{
		display: none;
	}

	.testimonials .flex-direction-nav li a.flex-prev{
		background-position: left top;
		left:-5px;
	}

	.testimonials .flex-direction-nav li a.flex-next{
		background-position: right top;
		right:-5px;
	}

	.testimonials .flex-direction-nav li a.flex-prev:hover{
		background-position: left bottom;
	}

	.testimonials .flex-direction-nav li a.flex-next:hover{
		background-position: right bottom;
	}

/* Text Area */

	#blockquote{
		background:#0f0f0f;
		padding:55px 0;
	}

	#blockquote p.blockquote{
		font-size:28px;
	}

/* History */

	#history{
		background:url(../images/i3.jpg) top fixed;
	}

	.history{
		padding-bottom:0;
	}

/* Timeline */

	#history ul.timeline{
		width: 100%;
		max-width:1170px;
		margin:50px auto 0;
		display: block;
		background:url(../images/history-strip.jpg) center center repeat-y;
		position: relative;
		height: auto;
		padding:0 0 150px;
	}

/* Years */

	#history ul.timeline li.time{
		width: 75px;
		height: 50px;
		position: relative;
		clear: both;
		border-radius: 5px;
		background: white;
		text-align: center;
		color:#aaa9a9;
		line-height: 52px;
		font-family: 'Playball', cursive;
		font-size: 20px;
		margin:30px auto;
		cursor: default;
	}

	#history ul.timeline li.today{
		background: #3c3c3c;
		color:white;
		margin:40px auto;
	}

/* Notes */

	#history ul.timeline li.note{
		width:46%;
		min-height: 100px;
		float:right;
		background:white;
		border:1px solid #ececec;
		margin:35px 0;
		border-radius:12px;
		position: relative;
		text-align:left;
		padding:24px 24px 50px;
		font-style: italic;
		cursor:pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#history ul.timeline li.note.fadeInLeft{
		float: left;
		clear: left;
	}

	#history ul.timeline li.time + li.note{
		margin-top:-5px;
	}

	#history ul.timeline li.note:after{
		content:'';
		position:absolute;
		left:-10.7%;
		right: auto;
		display:block;
		width:21px;
		height:21px;
		background:white;
		border-radius:100px;
		top:50%;
		z-index:20;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#history ul.timeline li.note.fadeInLeft:after{
		right:-11%;
		left: auto;
	}

/* Note Arrows */

	.note-arrow{
		position: absolute;
		right: 100%;
		left: auto;
	   	top: 50%;
	   	margin-top: -7px;
	   	display: block;
	  	border-right: 15px solid;
	   	border-right-color: #ffffff; 
	   	border-left: none;
	  	border-top: 15px solid transparent;
	  	border-bottom: 15px solid transparen
	  	-ms-transform: translateY(-50%); 
	  	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	@media (max-width: 767px) {
		.note-arrow 	{
			display: none !important;
		}
	}

	.note-arrow:after{
		content:'';
		position: absolute;
		left: 1px;
		right:auto;
	   	top: 0px;
	   	display: block;
	  	border-right: 14px solid;
	   	border-right-color: white; 
	   	border-left: none;
	  	border-top: 14px solid transparent;
	  	border-bottom: 14px solid transparen
	  	-ms-transform: translateY(-50%);t; 
	  	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#history ul.timeline li.note.fadeInLeft .note-arrow{
		left: 100%;
		right: auto;
		border-left: 15px solid;
	   	border-left-color: #ffffff; 
	   	border-right: none;
	}

	#history ul.timeline li.note.fadeInLeft .note-arrow:after{
		border-left: 14px solid;
	   	border-left-color: white; 
	  	border-top: 14px solid transparent;
	  	border-bottom: 14px solid transparent; 
	  	border-right: none;
	  	right:1px;
	  	left:auto;
	}

	#history ul.timeline li.note.fadeInRight .note-arrow:after {
	    border-color: white transparent transparent;
	    border-style: solid;
	    border-width: 14px;
	    top: 14px;
	}

/* Start Icon */

	#history ul.timeline li.start{
		clear: both;
		width: 60px;
		height: 60px;
		display: block;
		position: absolute;
		left:50%;
		margin-left:-30px;
		bottom: 0;
		-webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		transform: translateY(50%);
	}

	#history ul.timeline li.start a{
		width: 60px;
		height: 60px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		display: block;
		color: white;
		text-align: center;
		border-radius: 10px;
	}

	#history ul.timeline li.start a span.up-arrow{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		line-height: 50px;
		display: block;
		width: 12px;
		height: 17px;
		top:20px;
		position: relative;
		margin:0 auto;
		background:url(../images/up-arrow.png) center center no-repeat;
	}

/* History Note Inners */
	
	li.note p,
	li.note span,
	li.note span:after{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	

	li.note p.history-date{
		font-size:13px;
		color:#949494;
	}

	li.note p.history-head{
		font-size:17px;
		color:#696969;
		margin:3px auto;
	}

	li.note p.history-desc{
		font-size:13px;
		color:#949494;
	}

/* History Note Images */

	.timeline-images{
		width:90%;
		position: absolute;
		bottom:-35px;
		height: auto;
	}

	.timeline-images a.timeline-image{
		width:70px;
		height: 70px;
		margin-right:15px;
		margin-left:0;
		float:left;
		display: block;
		position: relative;
	}

	#history ul.timeline li.note.fadeInLeft .timeline-images a.timeline-image{
		float:right;
		margin-left:15px;
		margin-right:0;
	}

	.timeline-images a.timeline-image img{
		width:70px;
		height: 70px;
		border-radius: 100px;
		border:2px solid rgba(255, 255, 255, 0.5);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* History Rollovers */

	#history ul.timeline li.note:hover,
	#history ul.timeline li.note:hover:after{
		background:#3498db;
	}

	#history ul.timeline li.note:hover p.history-date,
	#history ul.timeline li.note:hover p.history-head,
	#history ul.timeline li.note:hover p.history-desc{
		color:white;
	}

	#history ul.timeline li.note:hover span.note-arrow,
	#history ul.timeline li.note:hover span.note-arrow:after{
		border-right-color: #3498db; 
	}

	#history ul.timeline li.note.fadeInLeft:hover span.note-arrow,
	#history ul.timeline li.note.fadeInLeft:hover span.note-arrow:after{
		border-left-color: #3498db; 
	}

	a.timeline-image img:hover{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

/* Portfolio */

	#portfolio{
		background:white;
		margin:0 auto;
		padding:70px 0 80px;
		overflow: hidden;
		width: 100%;
	}

	.portfolio{
		width:100%;
		height: auto;
		margin:0 auto;
		max-width: 1170px;
		text-align: left;
		padding:45px 0 5px;
	}

/* Portfolio Filter */

	.filter-menu{
		text-align: center;
		margin:5px auto 20px;
	}

	.filter-menu #filters 	{
		line-height: 40px;
	}

	.filter-menu ul li{
		display: inline-block;
		margin:0 5px;
	}

	.filter-menu ul li a{
		padding:7px 16px;
		text-transform: uppercase;
		background: transparent;
		border:1px solid #9f9f9f;
		color:#555555;
		font-size:11px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.filter-menu ul li a:hover{
		background:#313131;
		border:1px solid #313131;
		color:white;
	}

	#portfolio .portfolio-items{
		height: auto;
		width: 100.1%;
		overflow: hidden;
		position: relative;
	}

	.filter-menu ul li a.selected{
		background:#313131;
		border:1px solid #313131;
		color:white;
	}

/* Portfolio Works */

	.portfolio-items .work{
		height: auto;
		position: relative;
		padding:6px;
	}

	.portfolio-items .work .work-inner{
		width:100%;
		height: 100%;
		position: relative;
		border:1px solid #eaeaea;
		padding:0;
		margin:0;
	}

	.five{
		width:20%;
		float:left;
	}

/* Portfolio Images */

	.work-image{
		width:100%;
		position: relative;
		height: auto;
		margin:0;
		padding:0;
		background:black;
	}

	.work-image a{
		display:block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.work-image a img{
		width:100%;
		height: auto;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.work-image a span.positive{
		display: block;
		width:43px;
		height: 43px;
		position: absolute;
		top:50%;
		left:50%;
		margin-top:-21px;
		margin-left:-21px;
		background:url(../images/positive.png);
		opacity: 0;
		-webkit-transform: scale(0.1);
		-moz-transform: scale(0.1);
		-ms-transform: scale(0.1);
		transform: scale(0.1);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.work-image:hover a span.positive{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	.work-image:hover a img{
		opacity: 0.3;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

/* Portfolio Work Bottom */

	.work-bottom{
		padding:16px;
	}

	.work-bottom p.work-name{
		color:#9a9a9a;
		font-size:15px;
	}

	.work-bottom p.work-name{
		color:#9a9a9a;
		font-size:15px;
	}

	.work-bottom p.work-category{
		color:#9a9a9a;
		font-size:13px;
	}

	.work-bottom a.work-link{
		display: block;
		width: 60px;
		height:71px;
		position: absolute;
		bottom:0;
		right: 0;
		background:transparent;
		border-left:1px solid #eaeaea;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.work-bottom a.work-link-passive{
		display: block;
		width: 60px;
		height:71px;
		position: absolute;
		bottom:0;
		right: 0;
		background:transparent;
		border-left:1px solid #eaeaea;
		opacity: 0.3;
		cursor: default;
	}

	.work-bottom a span.arrow{
		display: block;
		position: relative;
		width: 12px;
		height: 17px;
		top:50%;
		margin:0 auto;
		background:url(../images/work-arrow.
			-ms-transform: translateY(-50%);png) center center no-repeat;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.work-bottom a.work-link:hover{
		background:#313131;
	}

	.work-bottom a.work-link:hover span.arrow{
		background:url(../images/work-arrow-hover.png) center center no-repeat;
	}

/* isotope styles */

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

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

/**** Isotope CSS3 transitions ****/

	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
	}

/**** disabling Isotope CSS3 transitions ****/

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}

/* Expander Item Styles */

	.item-expander {
		position:relative;
		padding:20px 0 50px;
		display: none;
		margin:35px auto;
		text-align: center;
		background:#fcfcfc;
	}

	#item-expander{
		position: relative;
		padding:10px 0;
		width:100%;
		max-width:1170px;
		margin:0 auto;
		overflow: hidden;
	}


/* Expander Item Controls */

	.project-controls{
		position: relative;
		width:100%;
		height: auto;
		top:15px;
		max-width: 1170px;
		margin:10px auto;
	}

	.expander-inner{
		position: relative;
		top:0;
	}

	.cls-btn{
		width:100%;
		padding: 0;
		margin: 20px auto 0;
		display: block;
		height: auto;
	}

	.item-expander .cls-btn .close {
		position:relative;
		display: inline-block;
		color:#8b8b8b;
		top:0;
		margin:0 auto;
		width:auto;
		height:auto;
		font-size:45px;
		font-weight:100;
		text-align:center;
		cursor: pointer;
		float:none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.expander-close:hover {
		color:#3a3a3a;
		cursor:pointer;
	}


/* Expander Project */

	.project{
		position: relative;
		text-align: left;
	}

	.project ul.project-slides li.slide img{
		width: 100%;
	}

/* Flex Slider Direction */

	.project ul.flex-direction-nav{
		display: block;
		opacity: 1;
	}

	.project ul.flex-direction-nav li a{
		opacity: 1;
		width:31px;
		height: 52px;
		top:50%;
		background:#1d1d1d center center no-repeat;
		opacity: 0.8;
		margin-top:-26px;
	}

	.project ul.flex-direction-nav li a.flex-prev{
		left:0;
		background-image:url(../images/arrow-left.png);
	}

	.project ul.flex-direction-nav li a.flex-next{
		background-image:url(../images/arrow-right.png);
		right:0;
		left:auto;
	}

	.project ul.flex-direction-nav li a:hover{
		opacity: 1;
	}

/* Flex Slider Control */

	ol.flex-control-nav{
		bottom:15px;
		position: absolute;
		z-index: 2;
	}

/* Project Header and Description styles */

	.project-header{
		text-align: left;
		font-size:25px;
		margin:0 0 10px;
		padding:30px 0 0;
	}

	.project-desc{
		text-align: left;
		font-size:13px;
	}

	.project-detail{
		text-align: left;
		padding:10px 0;
		border-bottom:1px solid #ebebeb;
		font-size:13px;
		margin:0;
	}

/* Why Oxygen */

	#why-we{
		background:url(../images/i4.jpg) center center fixed;
		margin:0 auto;
		min-height: 640px;
	}

	#why-we .left{
		height: auto;
		background:url(../images/iphone.png) left top no-repeat;
		min-height: 525px;
		z-index: 2;
	}

/* Iphone Holders */

	#why-we .left .holder1{
		width:230px;
		height: 60px;
		background:url(../images/ph1.png) left top no-repeat;
		left:28%;
		top:22%;
		position: absolute;
	}

	#why-we .left .holder2{
		width:232px;
		height: 36px;
		background:url(../images/ph2.png) left center no-repeat;
		left:33%;
		top:39%;
		position: absolute;
	}

	#why-we .left .holder3{
		width:202px;
		height: 60px;
		background:url(../images/ph3.png) left bottom no-repeat;
		left:43%;
		top:51%;
		position: absolute;
	}

/* Iphone Holders button */

	a.positive-m{
		width:36px;
		height: 36px;
		display: block;
		position: absolute;
		border-radius: 100px;
		background-color:#494949;
		background-image:url(../images/positive-m.png);
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	a.positive-m:hover{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		background-color:#3498db;
	}

	.first-holder{
		right:0;
		bottom:0;
	}

	.second-holder{
		right:0;
	}

	.third-holder{
		right:0;
		top:0;
	}

/* Right Accordion Menu */

	.accourdion-menu{
		text-align: left;
		z-index: 1;
	}

	.bigger{
		font-size:40px;
	}

	span.positive-s{
		width:28px;
		height: 28px;
		display: block;
		position: relative;
		float: left;
		margin:0 5px 0 0;
		border-radius: 100px;
		background-color:#494949;
		background-image:url(../images/positive-s.png);
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.why-oxygen-accordion .panel{
		border:none;
		box-shadow: none;
		font-weight: 500;
		line-height: 20px;
	}

	.tb_accordeon .panel{
		margin-bottom: 4px;
	}

	.why-oxygen-accordion .accordion-toggle{
		padding:3px 0;
		display: block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.why-oxygen-accordion .accordion-toggle:hover{
		color:#3498db;
	}

	.why-oxygen-accordion .accordion-body{
		margin-left:35px;
		font-size:13px;
	}

	.why-oxygen-accordion .accordion-inner{
		margin-top:13px;
	}

	.why-oxygen-accordion span.positive-s{
		top:-4px;
		background-color:#3498db;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.why-oxygen-accordion .collapsed span.positive-s{
		background-color:#494949;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}

/* Team */

	#team{
		border-bottom:1px solid #f2f2f2;
	}

	#team .team .team-members{
		margin:30px auto 0;
	}

	.team-members .member{
		margin:15px auto;
		cursor: default;
		overflow: hidden;
	}

	.team-members .member .member-inner{
		position: relative;
	}

	.team-members .member a.team-image{
		display: block;
		width: 100%;
		height: auto;
		z-index: 2;
	}

	.team-members .member a.team-image img{
		width: 100%;
	}

	.inner-details .member-details{
		position: absolute;
		width: 100%;
		left:0;
		height: 100%;
		padding:15px;
		top:100%;
		margin:0;
		z-index: 3;
		background:rgba(0, 0, 0, 0.6);
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.inner-details .member-details .member-details-inner{
		position: relative;
		top:50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

/* Team Names, Descriptions */

	.team-members .member-details .member-name{
		color: white;
		margin-top:0;
		padding-top:0;
		font-size:30px;
	}

	.team-members .member-details .member-position{
		color:#3498db;
		font-size:13px;
	}

	.team-members .member-details .member-description{
		color:#d7d7d7;
		font-size:13px;
	}

/* Team Socials */

	.member .member-details .member-details-inner .socials{
		margin:10px auto 0;
	}

	.member .member-details .member-details-inner .socials a{
		display: inline-block;
		color:white;
		font-size:15px;
		padding:4px;
		width:25px;
		background:transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Team Rollover */

	.team-members .member:hover .member-details{
		top:0;
	}

	.member .member-details .member-details-inner .socials a:hover{
		background:white;
		color:#111111;
	}


/* Fun Acts */

	#fun-acts .fun-acts .imac{
		width:100%;
		max-width:1164px;
		height: auto;
		min-height: 335px;
		margin:70px auto;
		background:url(../images/mac.png) center center no-repeat;
		background-size:100%;
	}

	#fun-acts .fun-acts .facts .fact{
		height: 100px;
		padding:0;
	}


/* Fun Acts Left Icon */

	.facts .fact a.fact-icon{
		display: block;
		float:left;
		background:#2a2a2a;
		width: 100px;
		height: 100px;
		text-align: center;
		position: relative;
	}

	.facts .fact a.fact-icon:after{
		content: "";
		position: absolute;
		left: 100%;
		top: 50%;
		border-left: 11px solid black;
		border-left-color: #2a2a2a; 
		border-top: 11px solid transparent;
		border-bottom: 11px solid transparent
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.facts .fact a.fact-icon i{
		color: white;
		font-size:45px;
		line-height: 105px;
	}

/* Fun Acts Right Numbers */

	.facts .fact .fact-number{
		float: left;
		width:65%;
		color:#696969;
	}

	.facts .fact .fact-number h1.factor{
		font-size:55px;
		margin-top:6px;
		padding-top:0;
		margin-bottom:5px;
	}

	.facts .fact .fact-number h3{
		font-size:15px;
		margin-top:0;
		padding-top:0;
	}

/* Video */

	#video{
		width:100%;
		height: 720px;
		overflow: hidden;
		background:black;
		background-color:black;
	}

/* Video Button */

	.video-button{
		padding:18px;
		width:auto;
		height: auto;
		position: absolute;
		top:50%;
		margin:0 auto;
		left:50%;
		margin-top:-88px;
		z-index: 2;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Logo Area */

	.video-button span.logo-icon-m{
		display: block;
		width:auto;
		height: 98px;
	}

	.video-button span.logo-icon-m img{
		height: 100%;
	}

/* Text on Vide */

	.video-button p.video-text{
		font-size:40px;
		border-left:2px solid white;
		border-right:2px solid white;
		padding:0 17px;
		margin:15px auto 0;
		line-height: 30px;
	}

/* Video Button Rollover */

	.video-button:hover{
		background:rgba(0, 0, 0, 0.2);
	}

/* Pricing Tables */

	ul.tables{
		margin:70px auto 0;
	}

	ul.tables li.pricing-table{
		padding:0 15px;
		cursor: default;
	}

	.table-inner{
		width:100%;
		position: relative;
		border:1px solid #f3f3f3;
	}

	.pricing-table .price-table-top{
		width:100%;
		position: relative;
		height: auto;
		padding:0;
	}

/* Pricing Table Header */

	.pricing-table .price-table-top h3{
		font-size:22px;
		z-index: 2;
		text-align: center;
		width: 100%;
		margin-top:15px;
		text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	}

/* Pricing Table Image */

	.price-table-top a.price-table-img{
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		background:#404040;
		overflow: hidden;
		min-height: 132px;
	}

	.price-table-top a.price-table-img img{
		width: 100%;
	}

/* Price Circle */

	.price-table-top .price-circle{
		display: block;
		left:50%;
		width:100px;
		height: 100px;
		margin-left:-50px;
		text-align: center;
		background: white;
		border:1px solid #f2f2f2;
		border-radius: 200px;
		bottom:0;
		box-shadow: -3px 3px 5px  #dcdcdc inset;
		-webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		transform: translateY(50%);
	}

	.price-table-top .price-circle p.price{
		margin-top:28px;
		margin-bottom:0;
		padding-bottom:0;
		line-height: 30px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.price-table-top .price-circle p.timely{
		margin-top:0;
		padding-top:0;
		font-size:12px;
		color:#a9a9a9;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Price Plans */

	.table-inner ul.price-plans{
		margin:50px 0 0;
		padding:25px 0 0;
		color:#727272;
	}

	.table-inner ul.price-plans li.price-plan{
		padding:15px;
		border-bottom:1px solid #f3f3f3;
	}

	.table-inner ul.price-plans li.price-plan:first-child{
		border-top:1px solid #f3f3f3;
	}

	.table-inner a.price-buy-now{
		padding:10px 15px;
		background:#404040;
		display: block;
		width:120px;
		margin:20px auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Active Table */

	.prices .tables .active .price-table-top .price-circle p.price,
	.prices .tables .active .price-table-top .price-circle p.timely{
		color:#3498db;
	}

	.prices .tables .active .table-inner a.price-buy-now,
	.prices .tables .active a.price-table-img{
		background:#3498db;
	}

/* Table Rollovers */

	.table-inner a.price-buy-now:hover{
		background:#3498db;
		color:white;
	}

	.pricing-table:hover .price-table-top .price-circle p.price,
	.pricing-table:hover .price-table-top .price-circle p.timely{
		color:#3498db;
	}

/* Google Map */

	.id--map{
		position: relative;
		overflow: hidden;
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		transition: all 0.7s;
	}

/* Open and Close Styles */

	.close-map{
		height: 88px;
	}

	.open-map{
		height: 500px;
	}

/* Open and Close Button Styles */

	.id--map .google-map-big-button{
		width:100%;
		display: block;
		height: auto;
		text-align: center;
		background: #151515;
		font-size: 20px;
		position: relative;;
		z-index: 2;
		cursor: pointer;
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		transition: all 0.7s;
	}

	.close-map-button{
		padding:30px;
		opacity: 1;
	}

	.open-map-button{
		padding:10px;
		opacity: 0.5;
	}

	.id--map .google-map-big-button:hover{
		background:#3498db;
		color:white;
	}

	.id--map .google-map-big-button i 	{
		vertical-align: top;
	}

/* Google Map Div */

	.id--map .id--google-map{
		height: 500px;
		display: block;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 1;
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		transition: all 0.7s;
	}

	.close-map .id--google-map{
		opacity: 0;
	}

	.open-map .id--google-map{
		opacity: 1;
	}

/* Contact */

	#contact{
		background:url(../images/i5.jpg) center fixed;
		padding:10px 0 10px;
	}

	.contact-text{
		margin:45px auto;
	}

/* Contact Form */

	#contact .contact-form{
		width:90%;
		max-width: 830px;
		margin: 0 auto;
	}

	.mail-message-area{
		width:100%;
		padding:0 15px;
	}

	.mail-message{
		width: 100%;
		background:rgba(255,255,255, 0.8) !important;
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		transition: all 0.7s;
		margin:0 auto;
		border-radius: 0;
	}

	.not-visible-message{
		height:0px;
		opacity: 0;
	}

	.visible-message{
		height:auto;
		opacity: 1;
		margin:25px auto 0;
	}

/* Input Styles */

	.form{
		width: 100%;
		padding: 15px;
		background:transparent;
		border:1px solid rgba(255, 255, 255, 0.15);
		margin-bottom:25px;
		color:#727272 !important;
		font-size:13px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.form:hover{
		border:1px solid rgba(255, 255, 255, 0.3);
	}

	.form:focus{
		color: white;
		outline: none;
		border:1px solid rgba(255, 255, 255, 0.6);
	}

	.textarea{
		height: 200px;
		max-height: 200px;
		max-width: 100%;
	}

	#contact .form 	{
		color: #ffffff !important;
	}

/* Send Button Styles */

	.form-btn{
		width:100%;
		display: block;
		height: auto;
		padding:15px;
		color:#727272;
		background:rgba(83, 83, 83, 0.15);
		border:1px solid rgba(255, 255, 255, 0.15);
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.form-btn:hover{
		background:#3498db;
		color: white;
		border:1px solid #3498db;
	}

	.form-btn:active{
		opacity: 0.9;
	}

/* Place Holder Colors */

	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #727272;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #727272;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #727272;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #727272;
	}

/* Site Socials and Address */

	#site-socials .socials{
		width:100%;
		padding: 15px 10px;
		background:url(../images/bottom-strip.png) center bottom no-repeat;
	}

	#site-socials .socials a.social{
		background:transparent;
		font-size:18px;
		color:#595959;
		margin:15px auto;
		width:40px;
		height: 40px;
		display: inline-block;
		line-height: 40px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#site-socials .socials a.social:hover{
		background:#131313;
		color:white;
	}

/* Adress */

	#site-socials .address{
		width: 100%;
		height: auto;
		margin:25px auto 0;
	}

/* Back to Top Button */

	#site-socials .top-button{
		margin:30px auto 0;
		display: inline-block;
		width:40px;
		height: 40px;
		background:#191919;
		color:#d1d1d1;
		font-size: 20px;
		line-height: 40px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#site-socials .top-button:hover{
		color:#3498db;
	}

/* Footer */

	.footer{
		padding:45px;
		text-align: center;
		background: #191919;
	}

	.footer h2.company-name{
		margin-top:0;
		padding-top:0;
		font-size:35px;
	}

	.footer p.copyright{
		margin-bottom:0;
		padding-bottom:0;
		color:#8b8b8b;
		font-size:14px;
	}

	.footer p.copyright a:hover{
		color:#3498db;
	}

/* Multiple Page Header */

	section.page_header{
		background: url(../images/soft_circles.jpg) center repeat;
		margin-top:70px;
		border-top:1px solid #e7e7e7;
		border-bottom:1px solid #e7e7e7;
		padding:50px 0;
		position: relative;
	}

	.admin-bar section.page_header 	{
		margin-top: 75px;
	}

	.admin-bar #navigation 	{
		margin-top: 32px;
	}

	.page_header_inner{
		width:100%;
		max-width:1170px;
		margin:0 auto;
		color:#696868;
	}

	.page_header_inner h1{
		font-size:40px;
		margin:0;
	}

	.page_header_inner p{
		font-size:14px;
		color:#696868;
		margin:0;
	}

/* Blog */

	#blog .blog{
		margin:0 auto;
		padding:0;
	}

	#blog .blog .posts .post{
		border-bottom:1px solid #e9e9e9;
		margin:60px auto;
	}

	#blog .blog .posts .post ul.post-slides{
		width:100%;
		margin:0 auto;
		position: relative;
	}

	#blog .blog .posts .post ul.post-slides li.post-slide,
	#blog .blog .posts .post ul.post-slides li.post-slide img{
		width:100%;
		height: auto;
	}

	#blog .blog .posts .post ul.post-slides:after{
		left:-7px;
		top:-7px;
		bottom:-7px;
		right:-7px;
		background:transparent;
		border:1px solid #e7e7e7;
		content: '';
		position: absolute;
	
	}

	.post .post-inner{
		width:100%;
		margin:25px auto 10px;
	}

/* Flex Slider Direction */

	.post ul.flex-direction-nav{
		display: block;
		opacity: 1;
	}

	.post ul.flex-direction-nav li a{
		opacity: 1;
		width:31px;
		height: 52px;
		top:50%;
		background:#1d1d1d center center no-repeat;
		opacity: 0.8;
		margin-top:-26px;
	}

	.post ul.flex-direction-nav li a.flex-prev{
		left:0;
		background-image:url(../images/arrow-left.png);
	}

	.post ul.flex-direction-nav li a.flex-next{
		background-image:url(../images/arrow-right.png);
		right:0;
		left:auto;
	}

	.post ul.flex-direction-nav li a:hover{
		opacity: 1;
	}

/* Post Dates */

	.post-dates{
		width:64px;
		height: auto;
		float: left;
		margin:0;
		text-align:left;
	}

/* Post Date */

	.post-dates .date{
		display: block;
		width:64px;
		height:auto;
		padding:10px 7px;
		text-align: center;
		background: #353639;
		border-radius: 5px;
	}

	.post-dates .date h1{
		font-size:36px;
		line-height: 33px;
		margin:0;
		padding:0;
	}

	.post-dates .date p{
		font-size:9px;
		margin:0;
		padding:0;
	}

/* Post Category */

	.post-dates .category{
		display: block;
		width:64px;
		height:auto;
		padding:15px 7px;
		text-align: center;
		background: white;
		border-radius: 5px;
		border:1px solid #dfdfdf;
		margin:10px 0;
		color:#353639;
		font-size:25px;
	}

/* Post Details */

	.post-details{
		float:left;
		width:94%;
		text-align: left;
		padding:5px 0px 5px 15px;
	}

	.blog-s .post-details{
		width:91%;
	}

	.post-details .post-header{
		font-size:30px;
		margin:0;
	}

	.post-details .post-header,
	.post-details .post-header a 	{
		color:#696868;
	}

	.post-details .tags{
		font-size: 13px;
		margin:8px 0;
	}

	.post-details .tags a{
		color:#434343;
	}

	.post-details .tags i{
		margin:0 7px;
		color:#5d5d5d;
	}

	.post-details .post-read{
		color:#464646;
		font-size:13px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom:12px;
	}

	.post-details a.more-button{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.post-details a.more-button:hover{
		color:black;
	}

/* Sidebar */

	#blog .blog .sidebar{
		margin:60px auto;
	}

	.sidebar .sidebar-segment{
		width:100%;
		padding-left:15px;
		margin:50px 0;
		font-weight: 100;
	}

	.sidebar .sidebar-segment:first-child{
		margin-top:-7px;
	}

	.sidebar-header{
		font-size:23px;
	}

/* Search */

	.searchform 	{
		position: relative;
	}

	.searchform .screen-reader-text 	{
		display: none;
	}

	.searchform #s{
		width:100%;
		padding:12px;
		border:1px solid #d8d8d8;
		outline:none;
		position: relative;
		border-radius: 5px;
		color:#808080;
		font-weight: 100;
		font-size:13px;
		margin:0 auto;
	}

	.searchform #searchsubmit {
		width:15%;
		height: 100%;
		position: absolute;
		right: 0;
		top:0;
		color:#eaeaea;
		border:none;
		outline:none;
		padding:3px 7px;
		text-align:center;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		font-size:12px;
		text-indent: -400px;
		overflow: hidden;

		background: #4f4f4f; /* Old browsers */
		background: -moz-linear-gradient(top,  #4f4f4f 0%, #2d2d2d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4f4f4f 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4f4f4f 0%,#2d2d2d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4f4f4f 0%,#2d2d2d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #4f4f4f 0%,#2d2d2d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	}

	.searchform:before 	{
		content: '\1f50d';
		font-family: 'ff-font-awesome';
		-moz-osx-font-smoothing: grayscale;
	    display: inline-block;
	    font-style: normal;
	    font-weight: normal;
	    line-height: 1;
	    position: absolute;
	    top: 15px;
	    right: 13px;
	    color: #ffffff;
	    z-index: 1;
	    pointer-events: none;
	    font-size: 12px;
	    line-height: 12px;
	}

/* Sidebar Categories */

	.sidebar ul{
		width:100%;
		padding:10px 0;
	}

	.sidebar ul li{
		width:100%;
		border-bottom:1px solid #e7e7e7;
		margin-left:5px;
	}

	.sidebar ul li:last-child 	{
		border-bottom: none;
	}

	.sidebar ul.children,
	.sidebar ul.sub-menu 	{
		border-top:1px solid #e7e7e7;		
	}

	.sidebar ul li a{
		color:#616060;
		padding:14px 0 14px 10px;
		display: block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.sidebar ul li a:before{
		content: "\f105";
		margin-right: 10px;
		font-family: 'ff-font-awesome';
		-moz-osx-font-smoothing: grayscale;
	    display: inline-block;
	    font-style: normal;
	    font-weight: normal;
	    line-height: 1;
	}

	.sidebar ul li a:hover{
		color:white;
		background:#444444;
	}

/* Sidebar Recent Comments  */

	.sidebar li.recentcomments a:hover 	{
		background: none;
		text-decoration: underline;
		color: inherit;
	}

	.sidebar li.recentcomments a:before 	{
		display: none;
	}

	.sidebar li.recentcomments 	{
		padding: 14px 0 14px 10px;
	}

/* Sidebar Tags */

	.widget_tag_cloud a{
		display: inline-block;
		padding:6px;
		background:transparent;
		border:1px solid #c0c0c0;
		color:#929292;
		margin:2px 2px 2px 0;
		font-size:12px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.widget_tag_cloud a:hover{
		background:#404040;
		color:white;
		border:1px solid #404040;
	}

/* Sidebar Calendar */

	#wp-calendar 	{
		width: 100%;
		line-height: 34px;
	}

	#wp-calendar caption 	{
		margin: 0 0 15px 0;
	}

/* Widget RSS */

.sidebar .widget_rss ul li 	{
	padding: 20px 0 20px 0;
}

.sidebar .widget_rss ul li a 	{
	text-decoration: underline;
	padding: 0;
	display: inline;
	font-size: 18px;
}

.sidebar .widget_rss ul li a:before 	{
	display: none;
}

.sidebar .widget_rss ul li .rss-date 	{
	display: block;
	font-size: 12px;
}

/* Single Post */

	.post-strip{
		width:100%;
		border-top:1px solid #e9e9e9;
		margin:10px auto 9px;
		height: 1px;
		clear:both;
	}

	.post-comments,{
		margin:20px auto;
		text-align: left;
	}

	.post-comments .post-comment{
		padding:20px 0;
		position: relative;
		height: auto;
		border-bottom:1px solid #e9e9e9;
	}

	.avatar{
		width:auto;
		max-width:84px;
		height: auto;
		float:left;
		position: relative;
	}

	.avatar img{
		width:auto;
		max-width:84px;
		height: auto;
		border-radius:5px;
	}

	.avatar:after{
		position: absolute;
		content: '';
		left:-4px;
		right:-4px;
		bottom:-4px;
		top:-4px;
		border:1px solid #e9e9e9;
		border-radius:5px;
	}

	.post-comments .post-comment .comment{
		margin-left:110px;
		width:auto;
		top:0;
		position: relative;
		padding:20px;
		background:#f4f4f4;
		border-radius: 6px;
		font-size:13px;
		color:#7b7b7b;
	}

	.post-comments h1 	{
		color: #333333;
	    font-size: 30px;
	    margin: 0;
	    font-weight: 400;
	}

	.post-comments .post-comment .comment:after{
		content:'';
		position: absolute;
		left: -12px;
		right:auto;
	   	top: 30px;
	   	display: block;
	  	border-right: 12px solid;
	   	border-right-color: #f4f4f4; 
	   	border-left: none;
	  	border-top: 12px solid transparent;
	  	border-bottom: 12px solid transparent; 
	}

	.post-comments .post-comment .comment .comment-head{
		font-size:16px;
	}

	.post-comments .post-comment .comment .comment-date{
		font-size:12px;
	}

	.post-comments .post-comment .comment a.comment-reply{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.post-comments .post-comment .comment a.comment-reply:hover{
		color:#909090;
	}

	.comment-check + .comment-check{
		margin-left:60px;
		margin-top:20px;
	}

/* Single Post Form */

	#respond{
		width:100%;
		text-align: left;
		margin-bottom: 30px;
	}

	#respond h3 	{
		color: #333333;
	    font-size: 30px;
	    margin: 0;
	    font-weight: 400;
	}

	#respond form{
		margin-top:30px;
	}

	#respond form div{
		padding:10px 0;
	}

	/*#respond form div:nth-of-type(1){
		padding-right:20px;
	}*/

	#respond form div label{
		color:#a4a4a4;
	}

	#respond form div input,
	#respond form div textarea{
		width:100%;
		padding:12px;
		border:1px solid #dbdbdb;
		border-radius:6px;
		background:#fafafa;
		color:#969696;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#respond form div input:hover{
		border:1px solid #c8c8c8;
		outline:none;
	}

	#respond form div input:focus{
		border:1px solid #c8c8c8;
		outline:none;
	}

	#respond form div textarea{
		height: 200px;
		max-height: 200px;
		max-width: 100%;
	}

	#respond form div textarea:hover{
		border:1px solid #c8c8c8;
		outline:none;
	}

	#respond form div textarea:focus{
		border:1px solid #c8c8c8;
		outline:none;
	}

	#respond .comment-form-author 	{
		padding-right: 20px;
	}

/* Pagination */

.pagination,
.pagination * 	{
	border: none !important;
	background: none !important;
} 

.pagination li a,
.pagination li span 	{
	color: #333333;
}




 section,footer{
		z-index:2;
		position: relative;
}
	
#history {
	z-index:3;
}

.ff-contact-field-not-valid {
	border-color: #aa0000;
}


#home {
	z-index:4;
}

#contact-us .error {
	color: #aa0000;
}


.five{
	width: 20%;
	width:calc(100% / 5.007);
	left:0;
	top:0;
}


.soft-bg-1:before {
background-color: rgba(34,34,34, 0.83);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
content: '';
}

.soft-bg-1 { width:100%; height:100%;}


#home.ff-plugin-slider-home {
	position:initial;
}

#contact-us {
text-align: left;
}