/* -----------------------------------------------------------------------------
* Theme Name: Jacfico
* Author: Okathemes
* Version: 2.0

/* Table of Content
================================================== 
/*

	01. Custom Font Face
	02. Global Settings
	03. Header
	04. Main Navigation
	05. Fixed Header
	06. Mobile Navigation
	07. Services Section
		- Video Background
	    - Pie Chart Skills 
	08. Work Section
	    - Project Grid
		- Portfolio Filter
		- Portfolio Showcase
	09. About Section
	    - Parallax Testimonials
	10. Blog Section
	11. Blog Post Details
	    - Comments Area
		- Search
		- Categories
	12. Parallax Partners
	13. Contact Section
	14. Footer Section
	14. Intro Animations
			
*/


/* 01 Custom Font Face
================================================== */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@font-face {
 font-family: 'ralewaybold';
 src: url('../fonts/raleway/raleway-bold-webfont.eot');
 src: url('../fonts/raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-bold-webfont.woff') format('woff'), url('../fonts/raleway/raleway-bold-webfont.ttf') format('truetype'), url('../fonts/raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'ralewaylight';
 src: url('../fonts/raleway/raleway-light-webfont.eot');
 src: url('../fonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-light-webfont.woff') format('woff'), url('../fonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../fonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @-webkit-keyframes Anim {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes Anim {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@keyframes Anim {
from {
opacity:0;
}
to {
	opacity:1;
}
}
.fade-it {
	-webkit-animation:Anim ease-in 1;
	-moz-animation:Anim ease-in 1;
	animation:Anim ease-in 1;
	opacity: 0;
	filter: alpha(opacity=70);
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:4s;
	-moz-animation-duration:4s;
	animation-duration:4s;
}
.fade-it {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
 @-webkit-keyframes Anim2 {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes Anim2 {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@keyframes Anim2 {
from {
opacity:0;
}
to {
	opacity:1;
}
}
.fade-it2 {
	-webkit-animation:Anim2 ease-in 1;
	-moz-animation:Anim2 ease-in 1;
	animation:Anim2 ease-in 1;
	opacity: 0;
	filter: alpha(opacity=70);
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-it2 {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
/* 02 Global Properties
================================================== */

::-moz-selection {
background:#50d2f5;
color:white
}
::selection {
background:#50d2f5;
color:white
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.55538em;
	padding-bottom: 0.173em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #aaa;
}
body {
	background:#fff!important;
	width:100%;
	height:100%;
	font-size:13px;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.centered {
	text-align: center;
}
.clear {
	padding: 20px;
}
.f_light {
	font-family: 'ralewaylight', sans-serif;
}
.f_bold {
	font-family: 'ralewaybold', sans-serif;
}
h1 {
	font-size:40px;
	letter-spacing:-0.05em;
}
h2 {
	font-size:36px;
	letter-spacing:-0.05em;
}
h3 {
	font-size:24px;
	letter-spacing:-0.05em;
}
h4 {
	font-size:18px;
}
h5 {
	font-size:14px;
}
.color-blue {
	color:#0079ff;
}
.color-black {
	color:#000;
}
.color-d-gray {
	color:#333;
}
.color-l-gray {
	color:#999;
}
.color-white {
	color:#fff!important;
}
.bg-gray {
	background:#fafafa;
	padding:60px 0;
}

#about .bg-gray {
	background:#fafafa;
	padding:60px 0 0 0;
}
.bg-gray-folio {
	background:#fafafa;
}
.bg-d-blue {
	background:#1e283c;
	padding:60px 0 0 0!important;
	background: url(../img/bg_services.jpg) no-repeat;
	background-size:100%;
}
.lead {
	color:#686868;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0079ff;
}
/*  Seprators  **************************************/
.sep10 {
	height: 10px;
}
.sep20 {
	height: 20px;
}
.sep30 {
	height: 30px;
}
.sep40 {
	height: 40px;
}

section {
    padding-top: 50px;
}

#vip {
    padding: 0 0 100px 0;
}

a.flex-prev,
a.flex-next {
    opacity: 1!important;
    background: #333;
}

#about .sep40 {
    background: #fafafa;
    padding: 0;
    margin: 0;
    display: inherit;
}
.sep50 {
	height: 50px;
}
.sep60 {
	height: 60px;
}
.sep70 {
	height: 70px;
}
.sep80 {
	height: 80px;
}
.sep90 {
	height: 90px;
}
.sep100 {
	height: 100px;
}
.heading {
	width:100%;
	height:auto;
	margin:0 auto 40px;
}
.heading h3 {
	font-family: 'Roboto Slab', serif;
	color:#000;
	font-size:40px;
	letter-spacing:0.03em;
	text-align:center;
	line-height:40px;
	text-transform:uppercase;
}
.heading hr {
	height:2px!important;
	width:50px;
	background:#000;
	margin:10px auto;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.heading:hover hr {
	width:100px;
}
.heading h4 {
	font-family: 'ralewaylight';
	font-size:20px;
	letter-spacing:-0.06em;
	text-align:left;
	font-weight:normal;
	line-height:24px;
	color:#000;
}
.heading h5 {
	font-family: 'ralewaylight';
	font-size:24px;
	letter-spacing:-0.03em;
	text-align:center;
	font-weight:normal;
	line-height:24px;
	color:#000;
}
.heading p {
	font-family: 'ralewaylight';
	color:#aaa;
	font-size:13px;
	text-align:center;
	font-weight:normal;
	margin-bottom:10px;
	padding:5px 100px;
	line-height:18px;
}
.f_left {
	float:left
}
.f_left15 {
	float:left;
	margin-right:15px
}
.f_right {
	float:right
}
.f_right15 {
	float:right;
	margin-left:15px
}
.align_right {
	text-align:right
}
.align_center {
	text-align:center
}
.f_center {
	margin:18px auto 15px auto!important;
}
.m-t10 {
	margin-top:-10px;
}
.m-b10 {
	position:absolute;
	bottom:0px;
}
#contentleft {
	float: left;
	width: 71.5%;
}
#sidebarright {
	float: right;
	width: 23.5%;
}
iframe {
	width: 100%!important;
}
/*  Buttons  **************************************/
.button {
	margin-top: 200px;
	border: 1px solid #fff;
	color: #FFFFFF;
	text-transform: uppercase;
	padding:15px 20px;
	font-size: 12px;
	line-height: 50px;
	min-width: 150px;
	text-align: center;
	letter-spacing:3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.button:hover {
	background: #0079ff;
	border: 2px solid #0079ff;
	color:#FFF;
}
.button-darkline {
	float:left;
	width:100%;
	border: 1px solid #f0f0f0;
	color: #999;
	text-transform: uppercase;
	padding:12px 0;
	font-size: 12px;
	text-align: center;
	letter-spacing:3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	height:50px!important;
}
.button-darkline:hover {
	background: #0079ff;
	border: 2px solid #0079ff;
	color:#FFF;
}
.button-color {
	background: #0079ff;
	color: #FFFFFF;
	text-transform: uppercase;
	padding:10px 20px;
	font-size: 12px;
	line-height: 50px;
	text-align: center;
	letter-spacing:3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.button-color:hover {
	background: #333;
	color: #FFFFFF;
}
.button-gray {
	background: #f0f0f0;
	color: #999;
	padding:10px 20px;
	font-size: 12px;
	line-height: 50px;
	text-align: center;
	letter-spacing:1px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.button-gray:hover {
	background: #0079ff;
	color: #FFFFFF;
}
/* 03 Header
================================================== */
#header {
	width:100%;
}
/* 04 Main Navigation
================================================== */
nav .logo {
	float:left;
	z-index: 99999;
}
nav {
	z-index: 999;
	width: 100%;
	height: 80px;
	background: #FFF;
	padding: 10px;
}

#nav, #nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav {
	width: 100%;
}
#nav>li {
	float: right;
	position: relative;
	padding: 10px 0;
}
#nav>li>a {
	display: block;
	padding: 0px 0px 0 40px;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing:3px;
 -webkit-transition: color .2s ease-in, border-top-color .2s ease-in;
 -ms-transition: color .2s ease-in, border-top-color .2s ease-in;
 -moz-transition: color .2s ease-in, border-top-color .2s ease-in;
 -o-transition: color .2s ease-in, border-top-color .2s ease-in;
 transition: color .2s ease-in, border-top-color .2s ease-in;
}
#nav li:hover a, #nav li .selected {
	color: #0079ff;
}
#nav>li.dropdown>a {
	padding-right: 28px;
}
.dropdown>a::after {
 position: absolute;
 display: block;
 content: "";
 height: 0;
 width: 0;
 border: 4px solid transparent;
 border-top-color: inherit;
 right: 11px;
 top: 21px;
}
#nav ul {
	display: block;
	position: absolute;
	top: 43px;
	left: -9999px;
	opacity: 0;
	background: #272727;
	cursor: pointer;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
 -webkit-transition: opacity .22s ease-in;
 -ms-transition: opacity .22s ease-in;
 -moz-transition: opacity .22s ease-in;
 -o-transition: opacity .22s ease-in;
 transition: opacity .22s ease-in;
}
#nav ul li {
	display: block;
	position: absolute;
	height: 0px;
 -webkit-transition: height .15s ease-in;
 -ms-transition: height .15s ease-in;
 -moz-transition: height .15s ease-in;
 -o-transition: height .15s ease-in;
 transition: height .15s ease-in;
}
#nav>li:hover>ul {
	left: 0px;
	opacity: 1;
}
#nav li:hover>ul>li {
	position: relative;
	height: 31px;
}
#nav ul li a {
	display: block;
	padding: 7px 12px 7px 22px;
	width: 130px;
	font-size: 16px;
	text-decoration: none;
	color: #aaa;
	background: #fff;
 -webkit-transition: color .2s ease-in, border-left-color .2s ease-in;;
 -ms-transition: color .2s ease-in, border-left-color .2s ease-in;;
 -moz-transition: color .2s ease-in, border-left-color .2s ease-in;;
 -o-transition: color .2s ease-in, border-left-color .2s ease-in;;
 transition: color .2s ease-in, border-left-color .2s ease-in;;
}
#nav ul>li:last-child>a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
#nav ul li:hover>a {
	color: #fff;
}
/* 05 Fixed Header
================================================== */
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 10000;
	height: 150px;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	/* opacity: 0.95; */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
.fixed-header .logo {
	padding: 15px;
	width: 150px;
	position: absolute;
	float: left;
	top: 10px;
}
.fixed-header #nav a {
	line-height: 100px;
}
.fixed-header.fixed-header-shrink .logo {
	padding: 10px;
	width: 100px;
}
.fixed-header .logo, .fixed-header #nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.fixed-header.fixed-header-shrink {
	height: 100px;
}
.fixed-header.fixed-header-shrink #nav a {
	line-height: 60px;
}

.fixed-header.fixed-header-shrink #nav li {
	padding: 0;
	margin-top: 10px;
}

/* 06 Mobile Navigation
================================================== */
.mobile-menu {
	display:none;
	background:#fff;
	width:100%;
	z-index: 99999999;
	position: absolute;
	top:0;
}
.mobile-menu .row {
	background: #fff;
	padding-top:10px;
	padding-bottom: 10px;
}
.mobile-menu-inner .nav-mobile li {
	color: #4D4C4C;
	display: block;
	width: 100%;
	height:40px;
	cursor: pointer;
	margin-top: 2%;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	padding: 6px 20px 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mobile-menu-inner .nav-mobile li:hover {
	background-color: #0079ff;
	border-bottom: 1px solid #0079ff;
}
.mobile-menu-inner .nav-mobile li:hover a {
	color: #fFF;
}
.mobile-menu-inner .nav-mobile li a {
	display: block;
	width:100%;
	color: #4D4C4C;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#collapse {
	display:none;
	top: 10px;
	position: relative;
}
.mobile-menu h3 {
	color: #4D4C4C;
	font-family: 'ralewaybold';
	font-size:30px;
	letter-spacing: 2px;
	font-weight: 700;
	margin-right:10px;
	padding-bottom: 10px;
	text-align: right;
	text-transform: uppercase;
	position:absolute;
	top:20px;
	right:10px;
}
.mobile-menu .logo {
	height: 40px;
	position:relative;
	top:10px;
	left: 1%;
}
/* #Hero Section
================================================== */

.hero {
	height:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	z-index:9999999999!important;
}
.hero .hero-holder {
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:820px;
	max-width:100%;
	z-index:9999999999!important;
}
.js .hero .hero-holder {
	opacity:0;
}
.hero-title {
	font-size:5.5em;
	margin-bottom:20px;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	color:#FFFFFF;
	padding-top:20px;
	font-family: 'Roboto Slab', serif;
	letter-spacing:0.05em;
	font-weight:800;
}
.hero-description {
	color:#FFFFFF;
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:20px;
	text-align:center;
	margin:0 auto;
	text-transform:uppercase;
	display:block;
}
.btn-holder {
	display:block;
}
.hero-btn {
	background:transparent;
	color:#FFFFFF;
	border:2px solid rgba(255, 255, 255, 0.15);
	padding:10px 15px;
	font-size:12px;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	display:inline-block;
	-webkit-transition:0.2s background linear;
	-moz-transition:0.2s background linear;
	transition:0.2s background linear;
}
.hero-btn:hover {
	color:#FFFFFF;
	background:rgba(255, 255, 255, 0.15);
}
.ticker {
	overflow: hidden;
	height: 90px;
	vertical-align: baseline;
	margin-bottom:10px;
}
.ticker h1 {
	font-size:4em;
	margin-bottom: 0px;
	height: 90px;
	color:#FFFFFF;
	font-family: 'Roboto Slab', serif;
	letter-spacing:0.05em;
	font-weight:800;
	-webkit-transition: margin-top 0.5s ease-in-out;
	-moz-transition:    margin-top 0.5s ease-in-out;
	-o-transition:      margin-top 0.5s ease-in-out;
	transition:         margin-top 0.5s ease-in-out;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
/* 07 Services Section
================================================== */


#collab>.bg03>.row>.bg-gray-folio>.row.slide_portfolio>.four.columns {
    padding-right: 30px;
}


.twelve columns.bundles a.flex-prev, 
.twelve columns.bundles a.flex-next {
    background: #333;
    opacity: 1;
}

.bundles .flex-direction-nav .flex-prev {
    left: -20px;
}

.bundles .flex-direction-nav .flex-next {
    right: -20px;
}


.static_banner {
	background:url(../img/slider/slide-2.jpg) no-repeat center;
	background-size:cover;
	float:left;
	width:100%;
	height:900px;
	margin-top:100px;
	color:#fff;
	padding-top:300px;
}
.static_banner p {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	margin-bottom:20px;
	font-style:italic;
}
.static_banner h1 {
	font-family: 'Roboto Slab', serif;
	font-size:5.5em;
	border-top:1px solid rgba(255, 255, 255, 0.3);
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	padding:10px 0;
	width:80%;
	letter-spacing:0.1em;
	margin-left:10%;
	font-weight:800;
}
.static_banner h2 {
	font-family: 'ralewaybold';
	font-size:3.5em;
	padding:10px 0;
	letter-spacing:0.1em;
}
.static_banner a {
	background:transparent;
	color:#FFFFFF;
	border:2px solid rgba(255, 255, 255, 0.15);
	padding:10px 15px;
	font-size:12px;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	display:inline-block;
	-webkit-transition:0.2s background linear;
	-moz-transition:0.2s background linear;
	transition:0.2s background linear;
}
.static_banner a:hover {
	color:#FFFFFF;
	background:rgba(255, 255, 255, 0.15);
}
/* 07 Services Section
================================================== */

#service {
	padding:40px 0px 40px 0;
	background: #fff;
}
#service h3 {
	background: none;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: left;
}

.portfolio_details.bundles h3 {
    margin: 0;
}

.portfolio_details.bundles ul {
    margin: 0;
}
#service img {
	width: 100%;
	padding:10px;
}
#service {
	background: #FFF;
	margin-bottom: 20px;
	padding:20px;
}
.serbox {
	border:1px solid #f0f0f0;
	padding: 0 20px 40px;
}
.serbox .content {
	text-align: center;
	margin-top:-30px;
}
.serbox .content strong {
	text-align: center;
	font-size: 16px;
	color:#000;
}
.serbox .content p {
	text-align: center;
	line-height:18px;
	margin-top:10px;
}
.serbox div.icon {
	width: 80px!important;
	height: 80px!important;
	line-height: 80px;
	font-size: 35px;
	background: #fff;
	border:1px solid #f0f0f0;
	margin:0 auto 20px!important;
	color:#0079ff;
	border-radius:50%;
	text-align:center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position:relative;
	top:-40px;
}
.serbox:hover div.icon {
	color: #fff;
	background: #0079ff;
}
.serbox_2 {
	width:100%;
	float:left;
}
.serbox_2 .service-icon {
	display: block;
	font-size:35px;
	float:left;
	margin: 10px 30px 50px 0;
	padding:25px;
	width: 80px;
	height:80px;
	vertical-align: middle;
	color:#fff;
	border-radius:50%;
	background:#0079ff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.serbox_2:hover .service-icon {
	color:#0079ff;
	background:#f5f5f5!important;
}
.serbox_2 .service-description h3 {
	margin: 0 0 0 48px;
	margin-top: 10px;
	font-weight: 800;
	font-size: 18px;
	text-transform:capitalize;
	letter-spacing:-0.05em;
}
.serbox_2 .service-description p {
	margin: 5px 0 15px;
	color: #999;
	font-size: 13px;
	line-height:20px;
}
i.icon-featured {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 100%;
	color: #FFF;
	font-size: 30px;
	line-height: 80px;
	margin: 0px auto 20px;
	padding: 25px;
	background:#ccc;
	text-align:center;
}
i.icon-featured {
	display: inline-block;
	padding: 0;
	width: 80px;
	height: 80px;
	position: relative;
}
i.icon-featured:after {
	background: transparent;
	pointer-events: none;
	content: '';
	display: block;
	border-radius: 50%;
	border: 2px solid #ccc;
	width: 100%;
	height: 100%;
	margin-top: -102%;
	margin-left:-2px;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
i.icon-featured:hover:after {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
/* #Video Background
	================================================== */
	
	.video-sec {
	height: 500px;
	position: relative;
	overflow: hidden;
}
.video-item {
	position: absolute;
	top: -150px;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	overflow: hidden
}
.video-sec .dark-content, .video-sec .light-content {
	padding: 45px 0 43px;
	z-index: 2;
	width: 100%;
	height: 100%;
	position:relative;
}
.dark-content h5 {
	font-size:30px;
}
.dark-content p {
	color:#333;
}
.video-sec .light-content {
	text-shadow:none;
}
.video-sec .slight {
	color: #292929;
}

/*  Pie Chart Skills **************************************/
.easyPieChart {
	position: relative;
	text-align: center;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.chart {
	float: left;
	height:100%;
	margin-left: 2%;
	width: 23%;
	margin-bottom:20px;
}
.chart .percentage-light {
	text-align: center;
	color: #333;
	font-size: 40px;
	margin-bottom: 30px;
	font-weight:100;
	letter-spacing:-0.08em;
}
.chart h3 {
	margin:20px 0 10px;
	color:#333;
	font-size: 16px;
	text-align:center;
}
.chart p {
	line-height:18px;
	text-align:center;
}
/* 08 Work Section
================================================== */

#works {
	background: #fff;
	height:100%;
	padding: 40px 0;
	width:100%;
}
/*  Project Grid  **************************************/
#projects_grid {
	overflow: hidden;
	width:100%;
}
.items {
	clear: both;
}
.item {
	width:100%;
	height:100%;
}
.items img {
	display: block;
}
.items:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.items a, .items a img {
	display: block;
	position: relative;
	/* text-align: center; */
}
.items a {
	overflow: hidden;
}
.items a div {
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.items a div h5 {
	display: block;
	margin: 30% 20px 0px 20px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: 'ralewaybold', sans-serif;
	text-align: center;
}
.items a div span {
	font-size: 14px;
	display: block;
	color: #ddd;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.items a img {
	margin-left: auto;
	margin-right: auto;
	transition: all 0.45s ease-in-out;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-ms-transition: all 0.45s ease-in-out;
}
.items a:hover img {
	-webkit-transform:scale(1.3) rotate(10deg);
	-moz-transform:scale(1.3) rotate(10deg);
	-o-transform:scale(1.3) rotate(10deg);
	-ms-transform: scale(1.3) rotate(10deg);
}
/*  Portfolio Filter  **************************************/
.filter {
	padding:0;
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.filter li {
	font-family: 'ralewaylight', sans-serif;
	margin: 0;
	background: none;
	display: inline;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
}
.filter li a:hover, .filter li a.active {
	border:1px solid #f0f0f0;
}
.filter li a {
	color: #4D4C4C;
	display: inline-block;
	padding: 5px 20px 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*  Portfolio Showcase  **************************************/
.slide_portfolio {
	text-align:center;
	display:none;
	padding:60px 0;
}
.slide_portfolio img {
	padding: 20px 0;
}
.portfolio_details {
	width:100%;
	float:left;
	/* margin-left:20px; */
	margin-top:40px;
}
.portfolio_details h3 {
	color:#333;
	font: 16px 'ralewaybold', sans-serif;
	letter-spacing: 1px;
	padding-bottom: 18px;
	padding-top: 0px;
	text-transform: uppercase;
	text-align:left;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:25px;
}
.portfolio_details p {
	text-align:left;
	margin-bottom:20px;
	color:#999;
}
.portfolio_details ul {
	float:left;
	width:100%!important;
}
.portfolio_details li {
	padding:10px 10px;
	border-bottom:1px solid #f0f0f0;
	color:#999;
	text-align:left;
}
.portfolio_details li i {
	color:#000;
	margin-right:20px;
	float:left;
	position:relative;
	top:6px;
}
.slide_portfolio .button {
	float:left;
	height:40px;
	margin-top: 50px;
	background:#f0f0f0;
	color: #999;
	text-transform: uppercase;
	padding:0 15px;
	font-size: 12px;
	line-height: 40px;
	min-width: 120px;
	text-align: center;
	letter-spacing:3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	border:0px;
}
.slide_portfolio .button:hover {
	background: #0079ff;
	color:#FFF;
}
.slide_portfolio .closeit {
	position:relative;
	top:0px;
	left:0;
	cursor: pointer;
	margin-bottom:0px;
}
@-moz-document url-prefix() {
}
.isotope-item {
	z-index: 2;
	display: block !important;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}
.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: top, left, opacity;
	transition-property: transform, opacity;
}
.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;
}
/* 09 About Section
================================================== */
#about {
	padding:50px 0px 0px 0;
	background: #fff;
}
#about img {
	width: 100%;
}
.process .content {
	text-align: center;
}
.process .content strong {
	text-align: center;
	font-size: 16px;
	color:#000;
}
.process .content p {
	text-align: center;
	line-height:18px;
	margin-top:10px;
}
.process div.icon {
	width: 80px!important;
	height: 80px!important;
	line-height: 80px;
	font-size: 35px;
	background: #0079ff;
	margin:0 auto 20px!important;
	color:#fff;
	border-radius:50%;
	text-align:center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.process:hover div.icon {
	color: #fff;
	background: #454545!important;
}
#about .member {
	margin-top:20px;
	background: #fff;
}
#about .member h3 {
	background: none;
	color: #333;
	font: 14px 'ralewaybold', sans-serif;
	letter-spacing: 0px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#about .member h4 {
	font: 11px 'ralewaylight', sans-serif;
	color: #999;
}
#about .member p {
	margin:5px 0 5px;
	line-height:18px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:20px 0px;
}
#about .member a {
	font-size:18px;
	margin-right:15px;
	color:#999;
}
#about .member a:hover {
	color:#0079ff;
}
/*  Parallax Testimonials **************************************/
#parallax {
	width: 100%;
	height: 350px;
	background-color:#0079ff;
	position: relative;
	overflow: hidden;
	top:-32px;
}
.bg {
	background: url(../img/bg_parallex.png) 50% 30% fixed repeat;
	background-color:#50d2f5;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
}
.testimonial_home {
	color:#fff;
	padding:25px 25px 0;
	line-height:24px;
	font-size:18px;
	text-align:center;
}
.testimonial_home img {
	width:100px!important;
	height:100px;
	border-radius:50%;
	border:5px solid #fff;
	margin: 10px auto;
}
.testimonial_home h1 {
	font-size:70px;
	margin-bottom:20px;
}
.testimonial_home p {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
}
.author {
	font-size:13px;
	text-align:center;
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
	color:#fff;
	font-family: 'ralewaybold';
}
.author span {
	color:#000!important;
}
/* 10 Blog Section
================================================== */
#blog {
	margin-top:-30px;
	padding:20px 0px 40px 0;
	background: #fff;
}
.post-block {
	display: block;
	background: #fff;
}
#owl-demo .post-block {
	margin:0px 10px;
}
.post-block img {
	margin-bottom:-10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.post-block .post-entry {
	width:100%;
	border:1px solid #f5f5f5;
	padding: 10px 15px;
	margin-bottom:24px;
}
.post-block .post-entry h3 {
	font-size: 20px;
	color: #333;
	padding:15px 0px 0px;
	cursor:pointer;
	font-family: 'ralewaybold';
	line-height:24px;
	margin-bottom:10px;
}
.post-block .post-entry h3:hover {
	color: #0079ff;
}
.post-block .post-entry p {
	color: #999;
	padding:15px 0px;
	margin-top:10px;
	line-height:20px;
}
.post-block .post-meta {
	margin: 0;
	font-size: 12px;
	color:#ccc;
}
.post-block .post-meta span {
	float: left;
	margin-right: 20px;
	font-size: 11px;
	padding:1px 0px;
}
.post {
	margin: 0 0 80px;
	padding: 0 0 30px;
}
.post h2 {
	letter-spacing:-0.05em;
	color: #000;
}
.post-meta {
	margin-bottom: 20px;
	color: #959595;
	padding:5px 0px;
}
.post-meta span {
	float: left;
	margin-right: 30px;
	font-size: 12px;
}
.post-meta a {
	color: #959595;
}
.post-entry {
	float:left;
	width:100%;
	margin-bottom:80px;
}
.post-entry a {
	color:#000;
}
.post-entry a:hover {
	color:#959595;
}
.post-entry .image, .post-entry .image-slider, .post-entry .video {
	margin-bottom: 20px;
	max-width: 100%;
}
.post-entry .button {
	margin-top: 10px;
}
.post-entry .six .post-meta span {
	margin-right: 10px;
	font-size: 11px;
}
.post-entry .six h2 {
	font-size: 24px;
}
.testimonial {
	background:#006699;
	color:#fff;
	padding:20px;
	font-size:18px;
	font-weight:500;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:20px;
}
.testimonial i {
	color:#fff;
	font-size:60px;
	font-weight:500;
	line-height:80px;
}
testimonial span {
	margin-left:20px;
}
.testimonial p.client {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	margin-top:20px;
	margin-bottom:0px;
}
/* 11 Blog Post Details
================================================== */
 .post h3 {
	margin: 30px 0 23px;
	text-transform: capitalize;
	font-weight: 700;
}
.post.single p {
	margin-bottom: 20px;
}
.post.single p:last-child {
	margin-bottom: 10px;
}
/* Comments Area*************************************/
#comments {
	margin:0px;
}
.comments-list {
	margin: 0px 0 0px;
	padding: 0 0 10px;
}
.comments-list li {
	float:left;
}
.comments-list li ul {
	float:left;
	margin-left:100px;
}
.comment {
	margin-top: 10px;
	padding-top: 30px;
	border-top: 1px solid #f0f0f0;
	font-size: 14px;
	float:left;
}
.comment .avatar {
	position: relative;
	z-index: 1;
	float: left;
	width: 100px;
	height: 100px;
	border-radius:50%;
	border:4px solid #f0f0f0;
	margin-right:30px;
	margin-bottom:80px;
}
.comment .avatar:hover {
	border:4px solid #0079ff;
}
.comment .children .comment {
	border-top: 1px solid #f0f0f0;
}
#comments-form {
	margin-top: 30px;
}
.widget h3 {
	margin: 30px 0 0px;
	font-family: 'ralewaybold';
	font-size: 16px;
	color:#000;
}
/*  Search  **************************************/

    .widget_search input {
	width: 100% !important;
}
.widget_search {
	margin-top: 15px;
}
.widget_search input {
	height:40px;
	border:1px solid #f0f0f0;
	padding:5px 10px;
	color:#999;
}
.widget_search input:hover {
	background-color:#fafafa;
}
/*  Categories  *********************************/

.widget_categories li {
	padding: 7px 0 7px 13px;
	border-bottom: 1px solid #f0f0f0;
}
.widget_categories li:before {
	margin: 0 10px 0 -16px;
	color: #959595;
	content: "\f105";
	font-family: FontAwesome;
}
.widget_categories li:last-child {
	border: none;
}
.widget_categories li a {
	color: #666;
}
.widget_categories li a:hover {
	color: #0079ff;
}
.widget_recent_entries .posts li {
	margin-bottom: 20px;
}
.widget_recent_entries .posts li:last-child {
	margin: 0;
}
.widget_recent_entries .posts img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	width: 70px;
	height: 70px;
}
.widget_recent_entries .entry {
	font-size:13px;
}
.widget_recent_entries .entry .date {
	display: block;
	color: #959595;
	font-size:12px;
}
/* 12 Parallax Partners
================================================== */
#parallax02 {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
	background:#000;
}
.bg02 {
	background: url(../img/vip_background.jpg) 50% 0 fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	padding-top:50px;
}

.bg03 {
	/* background: url(../img/bundlebg_30%.png) 50% 0 fixed; */
	width: 100%;
	height: 100%;
	background-size: cover;
	padding-top:50px;
}
.parallax_box {
	background:#fff;
	padding: 0 20px 40px;
}
.parallax_box .content {
	text-align: center;
	margin-top:-30px;
}
.parallax_box .content strong {
	text-align: center;
	font-size: 16px;
	color:#000;
}
.parallax_box .content p {
	text-align: center;
	line-height:18px;
	margin-top:10px;
}
.parallax_box div.icon {
	width: 80px!important;
	height: 80px!important;
	line-height: 80px;
	font-size: 35px;
	background: #fff;
	margin:0 auto 20px!important;
	color:#0079ff;
	border-radius:50%;
	text-align:center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position:relative;
	top:-40px;
}
.parallax_box:hover div.icon {
	color: #fff;
	background: #0079ff;
}
.client-list li {
	display: inline-block;
	margin-right:50px;
}
.client-list li a {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
.client-list li a:hover {
	opacity: 1;
}
.client-list li img {
	height: 60px;
	margin: auto;
	opacity: .5;
 -webkit-transition: all .3s ease;
}
.client-list li:hover img {
	opacity: 1;
}
/* 13 Contact Section
================================================== */
.services-box {
	display:block;
	position:relative;
	z-index:2
}
.services-box-animated {
	text-align:center;
	width:100%;
	height:auto;
	background:transparent;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.services-box-animated .inner {
	-webkit-perspective:100px;
	-moz-perspective:100px;
	-ms-perspective:100px;
	perspective:100px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0!important;
	-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s!important;
	-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0!important;
	transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0!important
}
.services-box-animated .front, .services-box-animated .back {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.services-box-animated .front {
	-ms-transform:rotateY(0deg);
	z-index:8;
	display:block;
	width:100%;
	height:auto;
	border:1px solid #f5f5f5;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	padding:70px 20px;
	webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.services-box-animated .front h3 {
	margin:10px 0;
	font-family: 'ralewaylight';
	font-weight:100;
}
.services-box-animated .front i {
	font-size:80px;
	text-align:center;
}
.services-box-animated .front img {
	margin:20px auto;
}
.services-box-animated .back {
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
	overflow:hidden;
	color:#fff;
	background:#fff;
	border:1px solid #eceef0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.services-box-animated .back h3 {
	color:#fff;
	font-family: 'ralewaylight';
	font-weight:200;
	margin:10px 0;
}
.services-box-animated .back p {
	color:#fff;
	margin:10px 0;
	font-size:16px;
}
.services-box-animated:hover .inner, .no-csstransitions .services-box-animated .inner {
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg)
}
.services-box-animated:hover .front {
	z-index:-1
}
#contact {
	padding:0px 0;
	background: #fff;
	margin-bottom:-10px;
}
form {
	overflow:hidden
}
.contact form label {
	float:left;
	color:#ff0000;
	font-size:12px;
}
.contact form input[type="text"], .contact form input[type="password"], .contact form textarea {
	width:100%;
	font-family: 'ralewaylight', sans-serif;
	border: 1px solid #f0f0f0;
	color: #999;
	resize: vertical;
	font-size:13px;
	margin-bottom: 15px;
	letter-spacing:1px;
	padding: 15px 10px 15px;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
}
.contact form input[type="text"] {
	height:45px;
	resize: none;
}
.contact form input[type="text"]:hover, .contact form input[type="text"]:active, textarea:hover, textarea:active {
	background:#fafafa;
}
.contact form textarea {
	min-height:120px;
}
.contact form input[type="submit"] {
	background: transparent;
	border: 1px solid #f0f0f0;
	color: #999;
	text-transform: uppercase;
	padding:0 20px;
	font-size: 12px;
	line-height: 44px;
	min-width: 150px;
	text-align: center;
	letter-spacing:3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	float:right;
	cursor:pointer;
	height:45px;
}
.contact form input[type="submit"]:hover {
	background: #0079ff;
	border: 2px solid #0079ff;
	color:#FFF;
}
#contact-form {
	margin-top: 0px;
}
.contact_form {
	width:100%;
	float:left;
}
.contact_form p {
	margin:0px;
}
.contact_form .form {
	padding-top:1px;
}
.contact_form .fields {
	padding-bottom:10px;
	overflow:hidden;
}
.contact_form .fields .column {
	width:48%!important;
	float:left;
	margin-right:20px;
}
.contact_form .fields .columnlast {
	width:48%!important;
	float:right;
	margin-right:0px!important;
}
.subscribe form input[type="text"] {
	width:50%;
	float:left;
	height:46px;
	resize: none;
}
.subscribe form input[type="submit"] {
	float:left;
	height:46px;
	resize: none;
	color:#fff;
}
.contact_info {
	width:100%;
	float:left;
	margin-left:20px;
}
.contact_info h3 {
	font-size:20px;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:30px;
}
.contact_info i {
	font-size:24px;
	color:#000;
	margin:0 15px 10px 0;
	position:relative;
	top:5px;
	width:30px;
	height:30px;
}
.contact_info p {
	font-size:14px;
	line-height:30px;
	margin-bottom:5px;
}
/* 14 Footer Section
================================================== */
#footer {
	padding:60px 0 0 0;
	background-color: #000;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#0079ff;
}
.social_icons {
	padding:10px;
	color: #fff;
}
.social_icons li {
	display:inline-block;
	margin-right:10px;
	font-size:26px;
	line-height:54px;
	color:#333;
	border:2px solid #fff;
	width:60px!important;
	height:60px!important;
	border-radius:50%!important;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.social_icons li:hover {
	border:2px solid #0079ff;
	background:#0079ff!important;
	color:#fff!important;
}
.social_icons li:hover a {
	color:#fff!important;
}
.social_icons a {
	color:#fff;
	border-bottom: none;
}

/* 15 Intro Animations
================================================== */
@-webkit-keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotateX(90deg);
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotateX(-10deg);
}
 70% {
 -webkit-transform: perspective(400px) rotateX(10deg);
}
 100% {
 -webkit-transform: perspective(400px) rotateX(0deg);
 opacity: 1;
}
}
@-moz-keyframes flipInX {
 0% {
 -moz-transform: perspective(400px) rotateX(90deg);
 opacity: 0;
}
 40% {
 -moz-transform: perspective(400px) rotateX(-10deg);
}
 70% {
 -moz-transform: perspective(400px) rotateX(10deg);
}
 100% {
 -moz-transform: perspective(400px) rotateX(0deg);
 opacity: 1;
}
}
@-o-keyframes flipInX {
 0% {
 -o-transform: perspective(400px) rotateX(90deg);
 opacity: 0;
}
 40% {
 -o-transform: perspective(400px) rotateX(-10deg);
}
 70% {
 -o-transform: perspective(400px) rotateX(10deg);
}
 100% {
 -o-transform: perspective(400px) rotateX(0deg);
 opacity: 1;
}
}
@keyframes flipInX {
 0% {
 transform: perspective(400px) rotateX(90deg);
 opacity: 0;
}
 40% {
 transform: perspective(400px) rotateX(-10deg);
}
 70% {
 transform: perspective(400px) rotateX(10deg);
}
 100% {
 transform: perspective(400px) rotateX(0deg);
 opacity: 1;
}
}
.flipInX {
	-webkit-animation: flipInX 1s 1;
	-moz-animation: flipInX 1s 1;
	-ms-animation: flipInX 1s 1;
	-o-animation: flipInX 1s 1;
	animation: flipInX 1s 1;
}
@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-o-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.fadeIn {
	-webkit-animation: fadeIn 1s 1;
	-moz-animation: fadeIn 1s 1;
	-ms-animation: fadeIn 1s 1;
	-o-animation: fadeIn 1s 1;
	animation: fadeIn 1s 1;
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUp {
 0% {
 opacity: 0;
 -o-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation: fadeInUp 1s 1;
	-moz-animation: fadeInUp 1s 1;
	-ms-animation: fadeInUp 1s 1;
	-o-animation: fadeInUp 1s 1;
	animation: fadeInUp 1s 1;
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInDown {
 0% {
 opacity: 0;
 -o-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation: fadeInDown 1s 1;
	-moz-animation: fadeInDown 1s 1;
	-ms-animation: fadeInDown 1s 1;
	-o-animation: fadeInDown 1s 1;
	animation: fadeInDown 1s 1;
}
@-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -o-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInLeft {
	-webkit-animation: fadeInLeft 1s 1;
	-moz-animation: fadeInLeft 1s 1;
	-ms-animation: fadeInLeft 1s 1;
	-o-animation: fadeInLeft 1s 1;
	animation: fadeInLeft 1s 1;
}
@-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInRight {
 0% {
 opacity: 0;
 -moz-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInRight {
 0% {
 opacity: 0;
 -o-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInRight {
	-webkit-animation: fadeInRight 1s 1;
	-moz-animation: fadeInRight 1s 1;
	-ms-animation: fadeInRight 1s 1;
	-o-animation: fadeInRight 1s 1;
	animation: fadeInRight 1s 1;
}
@-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
}
 100% {
 -webkit-transform: scale(1);
}
}
 @-moz-keyframes bounceIn {
 0% {
 opacity: 0;
 -moz-transform: scale(.3);
}
 50% {
 opacity: 1;
 -moz-transform: scale(1.05);
}
 70% {
 -moz-transform: scale(.9);
}
 100% {
 -moz-transform: scale(1);
}
}
 @-o-keyframes bounceIn {
 0% {
 opacity: 0;
 -o-transform: scale(.3);
}
 50% {
 opacity: 1;
 -o-transform: scale(1.05);
}
 70% {
 -o-transform: scale(.9);
}
 100% {
 -o-transform: scale(1);
}
}
 @keyframes bounceIn {
 0% {
 opacity: 0;
 transform: scale(.3);
}
 50% {
 opacity: 1;
 transform: scale(1.05);
}
 70% {
 transform: scale(.9);
}
 100% {
 transform: scale(1);
}
}
.bounceIn {
	-webkit-animation: bounceIn 1s 1;
	-moz-animation: bounceIn 1s 1;
	-ms-animation: bounceIn 1s 1;
	-o-animation: bounceIn 1s 1;
	animation: bounceIn 1s 1;
}
@-webkit-keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes bounceInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -moz-transform: translateY(30px);
}
 80% {
 -moz-transform: translateY(-10px);
}
 100% {
 -moz-transform: translateY(0);
}
}
 @-o-keyframes bounceInDown {
 0% {
 opacity: 0;
 -o-transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -o-transform: translateY(30px);
}
 80% {
 -o-transform: translateY(-10px);
}
 100% {
 -o-transform: translateY(0);
}
}
 @keyframes bounceInDown {
 0% {
 opacity: 0;
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 transform: translateY(30px);
}
 80% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(0);
}
}
.bounceInDown {
	-webkit-animation: bounceInDown 1s 1;
	-moz-animation: bounceInDown 1s 1;
	-ms-animation: bounceInDown 1s 1;
	-o-animation: bounceInDown 1s 1;
	animation: bounceInDown 1s 1;
}
@-webkit-keyframes rotateIn {
 0% {
 -webkit-transform-origin: center center;
 -webkit-transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center center;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@-moz-keyframes rotateIn {
 0% {
 -moz-transform-origin: center center;
 -moz-transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 -moz-transform-origin: center center;
 -moz-transform: rotate(0);
 opacity: 1;
}
}
@-o-keyframes rotateIn {
 0% {
 -o-transform-origin: center center;
 -o-transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 -o-transform-origin: center center;
 -o-transform: rotate(0);
 opacity: 1;
}
}
@keyframes rotateIn {
 0% {
 transform-origin: center center;
 transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 transform-origin: center center;
 transform: rotate(0);
 opacity: 1;
}
}
.rotateIn {
	-webkit-animation: rotateIn 1s 1;
	-moz-animation: rotateIn 1s 1;
	-ms-animation: rotateIn 1s 1;
	-o-animation: rotateIn 1s 1;
	animation: rotateIn 1s 1;
}
@-webkit-keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
 @-moz-keyframes rotateInUpLeft {
 0% {
 -moz-transform-origin: left bottom;
 -moz-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -moz-transform-origin: left bottom;
 -moz-transform: rotate(0);
 opacity: 1;
}
}
 @-o-keyframes rotateInUpLeft {
 0% {
 -o-transform-origin: left bottom;
 -o-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -o-transform-origin: left bottom;
 -o-transform: rotate(0);
 opacity: 1;
}
}
 @keyframes rotateInUpLeft {
 0% {
 transform-origin: left bottom;
 transform: rotate(90deg);
 opacity: 0;
}
 100% {
 transform-origin: left bottom;
 transform: rotate(0);
 opacity: 1;
}
}
.rotateInUpLeft {
	-webkit-animation: rotateInUpLeft 1s 1;
	-moz-animation: rotateInUpLeft 1s 1;
	-ms-animation: rotateInUpLeft 1s 1;
	-o-animation: rotateInUpLeft 1s 1;
	animation: rotateInUpLeft 1s 1;
}
@-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
 @-moz-keyframes rotateInDownLeft {
 0% {
 -moz-transform-origin: left bottom;
 -moz-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -moz-transform-origin: left bottom;
 -moz-transform: rotate(0);
 opacity: 1;
}
}
 @-o-keyframes rotateInDownLeft {
 0% {
 -o-transform-origin: left bottom;
 -o-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -o-transform-origin: left bottom;
 -o-transform: rotate(0);
 opacity: 1;
}
}
 @keyframes rotateInDownLeft {
 0% {
 transform-origin: left bottom;
 transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 transform-origin: left bottom;
 transform: rotate(0);
 opacity: 1;
}
}
.rotateInDownLeft {
	-webkit-animation: rotateInDownLeft 1s 1;
	-moz-animation: rotateInDownLeft 1s 1;
	-ms-animation: rotateInDownLeft 1s 1;
	-o-animation: rotateInDownLeft 1s 1;
	animation: rotateInDownLeft 1s 1;
}
@-webkit-keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
 @-moz-keyframes rotateInUpRight {
 0% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(0);
 opacity: 1;
}
}
 @-o-keyframes rotateInUpRight {
 0% {
 -o-transform-origin: right bottom;
 -o-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -o-transform-origin: right bottom;
 -o-transform: rotate(0);
 opacity: 1;
}
}
 @keyframes rotateInUpRight {
 0% {
 transform-origin: right bottom;
 transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 transform-origin: right bottom;
 transform: rotate(0);
 opacity: 1;
}
}
.rotateInUpRight {
	-webkit-animation: rotateInUpRight 1s 1;
	-moz-animation: rotateInUpRight 1s 1;
	-ms-animation: rotateInUpRight 1s 1;
	-o-animation: rotateInUpRight 1s 1;
	animation: rotateInUpRight 1s 1;
}
@-webkit-keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
 @-moz-keyframes rotateInDownRight {
 0% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(0);
 opacity: 1;
}
}
 @-o-keyframes rotateInDownRight {
 0% {
 -o-transform-origin: right bottom;
 -o-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -o-transform-origin: right bottom;
 -o-transform: rotate(0);
 opacity: 1;
}
}
 @keyframes rotateInDownRight {
 0% {
 transform-origin: right bottom;
 transform: rotate(90deg);
 opacity: 0;
}
 100% {
 transform-origin: right bottom;
 transform: rotate(0);
 opacity: 1;
}
}
.rotateInDownRight {
	-webkit-animation: rotateInDownRight 1s 1;
	-moz-animation: rotateInDownRight 1s 1;
	-ms-animation: rotateInDownRight 1s 1;
	-o-animation: rotateInDownRight 1s 1;
	animation: rotateInDownRight 1s 1;
}
@-webkit-keyframes rollIn {
 0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
 100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
}
 @-moz-keyframes rollIn {
 0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg);
}
 100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
}
 @-o-keyframes rollIn {
 0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg);
}
 100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
}
 @keyframes rollIn {
 0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
 100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
	-webkit-animation: rollIn 1s 1;
	-moz-animation: rollIn 1s 1;
	-ms-animation: rollIn 1s 1;
	-o-animation: rollIn 1s 1;
	animation: rollIn 1s 1;
}
@-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
}
 100% {
 -webkit-transform: scale(1);
}
}
@-moz-keyframes zoomIn {
 0% {
 opacity: 0;
 -moz-transform: scale(.3);
}
 50% {
 opacity: 1;
 -moz-transform: scale(1.05);
}
 70% {
 -moz-transform: scale(.9);
}
 100% {
 -moz-transform: scale(1);
}
}
@-o-keyframes zoomIn {
 0% {
 opacity: 0;
 -o-transform: scale(.3);
}
 50% {
 opacity: 1;
 -o-transform: scale(1.05);
}
 70% {
 -o-transform: scale(.9);
}
 100% {
 -o-transform: scale(1);
}
}
@keyframes zoomIn {
 0% {
 opacity: 0;
 transform: scale(.3);
}
 50% {
 opacity: 1;
 transform: scale(1.05);
}
 70% {
 transform: scale(.9);
}
 100% {
 transform: scale(1);
}
}
.zoomIn {
	-webkit-animation: zoomIn 1s 1;
	-moz-animation: zoomIn 1s 1;
	-o-animation: zoomIn 1s 1;
	animation: zoomIn 1s 1;
}

/* Mobile Devices View
================================================== */
@media screen and (max-width: 768px) {
    section {
        padding-top: 80px;
    }
    
    #collapse {
        padding-top: 0;
    }
    
    #contact {
        padding-top: 50px;
    }
    
 #header {
margin-top: 10px;
padding:5px 0;
}
 .fixed-header {
display: none;
}
 .mobile-menu {
display:block;
position:fixed;
z-index:9999999999;
height:100px;
}
 .mobile-menu .logo {
margin-bottom:10px;
}
.heading p {
 padding:5px 10px;
}
#contact_info p {
text-align: center;
}
 #projects_grid .items .item {
width: 100%;
}
 #projects_grid .items .item img {
width:100%;
height:100%;
}
 .slide_portfolio .closeit {
cursor: pointer;
margin-top:30px!important;
margin-bottom:0px;
}
    
.portfolio_details {
padding: 0 20px;
}
    
    
 #portfolio_detail p {
padding: 0 20px;
}
 #projects_grid .filter li a {
width: 100%;
margin-top: 2%;
}
 .serbox {
 margin-bottom:60px;
}
 form {
overflow:hidden
}
.chart {
 width: 100%!important;
}
.chart .percentage-light {
 margin-left:40px;
}
.video-sec {
	height: 300px;
	
}
.video-item {
	position: absolute;
	top: 0!important;
	
}
.hero-description {
	
	font-size:10px;
	
}
.btn-holder {
	display:block;
}
.hero-btn {
	
	padding:5px 10px;
	font-size:10px;

}
.ticker {
	overflow: hidden;
	height: 40px;
	vertical-align: baseline;
	margin-bottom:10px;
}
.ticker h1 {
	font-size:1.5em;
	height: 40px;
	
}
/* 07 Services Section
================================================== */

.static_banner {
	background:url(../img/slider/slide-2.jpg) no-repeat center;
	background-size:150%;
	float:left;
	width:100%;
	height:350px;
	
	color:#fff;
	padding-top:80px;
}
.static_banner p {
	
	font-size:14px;
	margin-bottom:10px;
	
}
.static_banner h1 {
	
	font-size:2.2em;
	
	letter-spacing:0.05em;
	
}
.static_banner h2 {
	
	font-size:1.5em;
	
}
.static_banner a {
	
	padding:5px 10px;
	font-size:10px;
	
}
#parallax02 {
 width: 100%;
 height: 500px!important;
 background-color: #444;
 position: relative;
 overflow: hidden;
}
.bg02 {
 background: url(../img/bg_parallex02.jpg) no-repeat;
 width: 100%;
 height: 100%;
 margin: 0 auto;
 position: absolute;
 background-size: cover;
 padding-top:50px;
}
.parallax_box {
 background:#fff;
 padding: 0 20px 40px;
 margin-bottom:50px;
}
.contact_form {
 margin-bottom:40px;
}
.contact_form .fields .column {
 width:100%!important;
 float:left;
}
.contact_form .fields .columnlast {
 width:100%!important;
 float:left;
}
.social_icons li {
 margin-bottom:20px;
}
}
#bundles {
  /* background: url(../img/bundlebg.png) no-repeat fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#kids {
  background: none; 
}

.contact_link {
    color: #fff;
}

a.contact_link:hover {
    color: #fff;   
}

#collab .flex-direction-nav a {
	z-index: 99;
}

@media only screen and (max-width: 768px) {
#collab .flex-direction-nav .flex-next {
    right: 0px!important;
}
#collab .flex-direction-nav .flex-prev {
    left: 0px!important;
}
#collab .flex-direction-nav a {
    top: 25%;
}
.items a div h5 {
    margin: 30px 20px 0 20px!important;
}
}


@media only screen and (min-width: 768px) {
#collab .flex-direction-nav .flex-next {
    right: 35%!important;
}
}