/*  ==========================================================================
	Theme:Phantom
	Theme URI:http://codeventus.com/themes/phantom
	Author:Codeventus
	Author URI:http://codeventus.com
	Description:A simple and stylish portfolio site for business/personal use
	Version:1.2
	Last update:03/23/15
	Tags:Responsive, Bold, Minimal, Portfolio, Business, Personal
	========================================================================== */

/* ==================== Table of Contents ==================== */

/*  Page & Element Styling
	1.1 Basic Styling
	1.2 Typography
	1.3 General Elements
	1.4 Button & Icon Styling

	Page Sections
	2.1 Introduction & Header
	2.2 Menu
	2.3 Home
	2.4 Featured Work
	2.5 Work Portfolio
	2.6 Call to Action
	2.7 Services
	2.8 About
	2.9 Quotes
	2.10 Contact
	2.11 Footer
	2.12 Parallax Section
	2.13 Misc.

	Template Pages
	3.1 Project Details Page
	3.2 404 Error Page

	Screen & Mobile Device Page Display
	4.1 - Responsive Layout

*/

/*  ==========================================================================
	Page & Element Styling
	========================================================================== */

/* ==================== 1.1 Basic Styling ==================== */

/* Importing Google fonts - no need to add to HTML pages */
@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900"); /* Lato font */
@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700"); /* PT Sans font */

/* Importing the icons - no need to add to HTML pages */
@import url("stylesheets/font-awesome.min.css");
@import url("stylesheets/icon-works.css");

::selection {
	color:#ffffff;
	background:#1a1a1a;
}

::-moz-selection {
	color:#ffffff;
	background:#1a1a1a;
}

body {
	color:#7a7a7a;
	background:#000000;
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:25px;
	text-align:center;
}

/* ==================== 1.2 Typography ==================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#1a1a1a;
	text-transform:none;
}

h1 {
	font-size:36px;
	line-height:48px;
	margin-bottom:25px;
}

h2 {
	font-size:28px;
	line-height:36px;
	margin-bottom:25px;
}

h3 {
	font-size:24px;
	line-height:25px;
	letter-spacing:1px;
	margin-bottom:25px;
}

h4 {
	font-size:17px;
	line-height:25px;
	margin-bottom:25px;
}

h5 {
	font-size:16px;
	line-height:25px;
	margin-bottom:25px;
}

h6 {
	font-size:13px;
	line-height:25px;
	margin-bottom:25px;
}

p {
	font-size:17px;
	letter-spacing:.5px;
	line-height:28px;
	margin-bottom:25px;
}

h1.fittext,
h2.fittext,
h3.fittext,
h4.fittext,
h5.fittext,
h6.fittext {
	width:100%;
	display:block;
	line-height:.9em;
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
}

h1.fittext {
	font-size:75px;
}

h2.fittext {
	font-size:60px;
}

h3.fittext {
	font-size:45px;
}

h4.fittext {
	font-size:30px;
}

h5.fittext {
	font-size:23px;
}

h6.fittext {
	font-size:15px;
}

.text-big h1,
.text-big h2,
.text-big h3,
.text-big h4,
.text-big h5,
.text-big h6,
h1.text-big,
h2.text-big,
h3.text-big,
h4.text-big,
h5.text-big,
h6.text-big {
	line-height:1.1em;
	padding-bottom:2px;
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
}

.text-big h1,
h1.text-big {
	font-size:85px;
}

.text-big h2,
h2.text-big {
	font-size:75px;
}

.text-big h3,
h3.text-big {
	font-size:65px;
}

.text-big h4,
h4.text-big {
	font-size:55px;
}

.text-big h5,
h5.text-big {
	font-size:45px;
}

.text-big h6,
h6.text-big {
	font-size:25px;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:#2E4BA0;
}

.gallery-link a {
	cursor:pointer;
}

/* Text colors */
.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
h1.text-white,
h2.text-white,
h3.text-white,
h4.text-white,
h5.text-white,
h6.text-white,
p.text-white {
	color:#ffffff;
}

.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
h1.text-light,
h2.text-light,
h3.text-light,
h4.text-light,
h5.text-light,
h6.text-light,
p.text-light {
	color:#adadad;
}

.text-gray,
.text-gray h1,
.text-gray h2,
.text-gray h3,
.text-gray h4,
.text-gray h5,
.text-gray h6,
.text-gray p,
h1.text-gray,
h2.text-gray,
h3.text-gray,
h4.text-gray,
h5.text-gray,
h6.text-gray,
p.text-gray {
	color:#7a7a7a;
}

.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark p,
h1.text-dark,
h2.text-dark,
h3.text-dark,
h4.text-dark,
h5.text-dark,
h6.text-dark,
p.text-dark {
	color:#1a1a1a;
}

.text-color,
.text-color h1,
.text-color h2,
.text-color h3,
.text-color h4,
.text-color h5,
.text-color h6,
.text-color p,
h1.text-color,
h2.text-color,
h3.text-color,
h4.text-color,
h5.text-color,
h6.text-color,
p.text-color {
	color:#2E4BA0;
}

/* Text size, weight, and letter spacing */
p.big {
	font-size:25px;
	line-height:33px;
}

.medium {
	font-size:23px;
	line-height:30px;
}

.medium-small {
	font-size:21px;
	line-height:28px;
}

.medium-smaller {
	font-size:17.5px;
	line-height:25px;
}

.small,
small {
	font-size:16px;
	line-height:25px;
}

.tiny {
	font-size:14px;
	line-height:23px;
}

.italic,
em {
	font-style:italic;
}

.bold,
b,
strong {
	font-weight:900;
}

.semibold {
  font-weight:600;
}

.light-weight {
	font-weight:300;
}

.uppercase {
	text-transform:uppercase;
}

.letter-space {
	letter-spacing:2px;
}

/* ==================== 1.3 General Elements ==================== */

/* Numbered and bullet list styles */
.ordered-list {
	list-style-type:decimal;
	list-style-position:inside;
	margin-bottom:25px;
}

.unordered-list {
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:25px;
}

/* Quotes */
blockquote {
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
	font-style:italic;
	margin-bottom:25px;
	padding-left:15px;
	padding-right:0;
	border-left:2px solid #ccc;
}

blockquote.left {
	text-align:left;
	padding-left:15px;
	padding-right:0;
	border-left:2px solid #ccc;
}

blockquote.right {
	text-align:right;
	padding-left:0;
	padding-right:15px;
	border-right:2px solid #ccc;
}

q {
	quotes:"\"" "\"" """ """;
}

q:before {
	content:'\201C';
}

q:after {
	content:'\201D';
}

q.colorq:before {
	content:'\201C';
	color:#2E4BA0;
}

q.colorq:after {
	content:'\201D';
	color:#2E4BA0;
}

/* Margins */
.margin-top {
	margin-top:25px;
}

.margin-bottom {
	margin-bottom:25px;
}

.margin-left {
	margin-left:25px;
}

.margin-right {
	margin-right:25px;
}

.margin-top-2x {
	margin-top:50px;
}

.margin-bottom-2x {
	margin-bottom:50px;
}

.margin-left-2x {
	margin-left:50px;
}

.margin-right-2x {
	margin-right:50px;
}

/* ==================== 1.4 Button & Icon Styling ==================== */

.button {
	font-size:13px;
	font-weight:600;
	letter-spacing:.2em;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	padding:10px 20px;
	color:#ffffff;
	background:#1a1a1a;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:25px;
}

a.button:hover {
	text-decoration:none;
	color:#ffffff;
	background:#2E4BA0;
}

.button.small {
	font-size:10px;
	padding:5px 15px;
}

.button.big {
	font-size:16px;
	padding:15px 25px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.button>i {
	font-size:14px;
}

.button.small>i {
	font-size:12px;
}

.button.big>i {
	font-size:18px;
}

.button.outline {
	padding:8px 18px;
}

.button.small.outline {
	padding:3px 13px;
}

.button.big.outline {
	padding:13px 23px;
}

a.arrow-link:after {
	font-family:FontAwesome;
	content:'\f101';
	color:#2E4BA0;
	margin-left:7px;
}

i.inline {
	margin-left:5px;
	margin-right:5px;
}

.icon,
a .icon {
	font-size:18px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	color:#1a1a1a;
	background:transparent;
	margin:auto 3px;
	-webkit-border-radius:50%;
	border-radius:50%;
}

a .icon:hover {
	text-decoration:none;
	color:#ffffff;
	background:transparent;
}

.icon.social,
a .icon.social {
	background:transparent;
}

a .icon.social:hover {
	text-decoration:none;
	color:#2E4BA0;
	background:transparent;
}

.icon.small {
	font-size:18px;
	width:25px;
	height:25px;
	line-height:25px;
}

.icon.medium {
	font-size:24px;
	width:36px;
	height:36px;
	line-height:36px;
}

.icon.big {
	font-size:30px;
	width:50px;
	height:50px;
	line-height:50px;
}

/* Used exlcusively in the portfolio page for navigation chevrons/arrows */
.icon.big-alt {
	font-size:40px;
	width:50px;
	height:50px;
	line-height:40px;
}

.icon.bigger-2 {
	font-size:50px;
	width:60px;
	height:60px;
	line-height:60px;	
}

.icon.bigger {
	font-size:40px;
	width:60px;
	height:60px;
	line-height:60px;	
}

.icon.outline {
	line-height:36px;
}

.icon.small.outline {
	line-height:21px;
}

.icon.medium.outline {
	line-height:26px;
}

.icon.big.outline {
	line-height:46px;
}

.icon.arrow-top {
	-webkit-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}

.icon.arrow-bottom {
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}

.icon.arrow-prev {
	text-indent:-2px;
	-webkit-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}

.icon.arrow-next {
	-webkit-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}

/* For use if you want the services list carousel icons attached together with no spacing between them */ 
.icon.attached {
	margin:auto -3px;
}

.button.color,
.icon.color {
	color:#2E4BA0;
	background:transparent;
}

a .icon.color:hover,
a.button.color:hover {
	color:#ffffff;
	background:transparent;
}

.button.gray,
.icon.gray,
.icon.social.gray {
	color:#adadad;
	background:transparent;
}

.button.gray:hover,
.icon.gray:hover,
.icon.social.gray:hover {
	color:#2E4BA0;
	background:transparent;
}

.button.dark-gray,
.icon.dark-gray,
.icon.social.dark-gray {
	color:#7a7a7a;
	background:transparent;
}

.button.dark-gray:hover,
.icon.dark-gray:hover,
.icon.social.dark-gray:hover {
	color:#2E4BA0;
	background:transparent;
}

.button.white,
.icon.white,
.icon.social.white {
	color:#ffffff;
	background:transparent;
}

.button.light,
.icon.light,
.icon.social.light {
	color:#adadad;
	background:transparent;
}

.button.dark,
.icon.dark,
.icon.social.dark {
	color:#1a1a1a;
	background:transparent;
}

a .icon.dark:hover,
a.button.dark:hover,
a.icon.dark:hover {
	color:#2E4BA0;
	background:transparent;
}

.button.outline,
.icon.outline,
.icon.social.outline {
	color:#7a7a7a;
	background:transparent;
	border:2px solid #7a7a7a;
}

a .icon.outline:hover,
a.button.outline:hover,
a.icon.social.outline:hover {
	color:#1a1a1a;
	background:transparent;
	border:2px solid #1a1a1a;
}

a .icon.outline.white:hover,
a.button.outline.white:hover,
a.icon.social.white.outline:hover {
	color:#2E4BA0;
	background:transparent;
	border:2px solid #2E4BA0;
}

.button.outline.color,
.icon.outline.color,
.icon.social.color {
	color:#2E4BA0;
	background:transparent;
	border:2px solid #2E4BA0;
}

a .icon.outline.color:hover,
a.button.outline.color:hover,
a.icon.social.color:hover {
	color:#ffffff;
	background:transparent;
	border:2px solid #ffffff;
}

.button.outline.white,
.icon.outline.white,
.icon.social.white {
	color:#ffffff;
	background:transparent;
	border:2px solid #ffffff;
}

a .icon.outline.white:hover,
a.button.outline.white:hover,
a..icon.social.white:hover {
	color:#adadad;
	background:transparent;
	border:2px solid #adadad;
}

.button.outline.light,
.icon.outline.light,
.icon.social.light {
	color:#adadad;
	background:transparent;
	border:2px solid #adadad;
}

a .icon.outline.light:hover,
a.button.outline.light:hover,
a..icon.social.light:hover {
	color:#ffffff;
	background:transparent;
	border:2px solid #ffffff;
}

.button.outline.dark,
.icon.outline.dark,
.icon.social.dark {
	color:#1a1a1a;
	background:transparent;
	border:2px solid #1a1a1a;
}

a .icon.outline.dark:hover,
a.button.outline.dark:hover,
a..icon.social.dark:hover {
	color:#ffffff;
	background:transparent;
	border:2px solid #ffffff;
}

/*  ==========================================================================
	Page Sections
	========================================================================== */

/* ==================== 2.1 Introduction & Header ==================== */

.title {
	margin-bottom:50px;
}

.title h1 {
	position:relative;
	font-size:28px;
	line-height:30px;
	font-weight:600;
	letter-spacing:3px;
	text-transform:uppercase;
	text-align:center;
}

.title hr {
	width:120px;
	height:2px;
	background:#2E4BA0;
	border:0;
	margin:0 auto;
}

.title i {
	position:relative;
	display:block;
	font-size:54px;
	line-height:54px;
	color:#2E4BA0;
	margin:0 auto -45px;
	text-align:center;
}

.header {
	position:relative;
	display:table;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:700px;
}

.header.fixed {
	background-attachment:fixed;
}

.header.top {
	background-position:top center;
}

.header.bottom {
	background-position:bottom center;
}

.header.medium {
	height:500px;
}

.header.small {
	height:300px;
}

.header-center {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.centerdiv {
	width:920px;
	margin:0 auto;
}

.header-center hr {
	width:220px;
	height:2px;
	background:#ffffff;
	border:0;
	margin:50px auto 35px;
}

.fade {
	filter:alpha(opacity=50);
	opacity:0.5;
}

.no-touch-ease #contactform input,
.no-touch-ease #contactform input.submit,
.no-touch-ease #contactform input.submit:hover,
.no-touch-ease #contactform input:focus,
.no-touch-ease #contactform select,
.no-touch-ease #contactform select:focus,
.no-touch-ease #contactform textarea,
.no-touch-ease #contactform textarea:focus,
.no-touch-ease .button,
.no-touch-ease .button:hover,
.no-touch-ease .employee,
.no-touch-ease .employee:hover,
.no-touch-ease .employee:hover .mask,
.no-touch-ease .fade,
.no-touch-ease .page-404 a:hover>i,
.no-touch-ease .page-404 i,
.no-touch-ease .img-hover,
.no-touch-ease .img-hover:hover,
.no-touch-ease .icon,
.no-touch-ease .icon.huge,
.no-touch-ease .icon.huge:hover,
.no-touch-ease .icon:hover,
.no-touch-ease .image-thumb,
.no-touch-ease .mask,
.no-touch-ease .portfolio-thumbnail,
.no-touch-ease .service-item,
.no-touch-ease .serviceblock,
.no-touch-ease .serviceblock .button,
.no-touch-ease .serviceblock i,
.no-touch-ease .serviceblock:hover,
.no-touch-ease .serviceblock:hover .button,
.no-touch-ease .serviceblock:hover i,
.no-touch-ease .toggle,
.no-touch-ease .toggle:hover,
.no-touch-ease .video-controls button,
.no-touch-ease .video-controls button:hover,
.no-touch-ease a,
.no-touch-ease a.play-button i,
.no-touch-ease a.play-button:hover>i,
.no-touch-ease a:hover,
.no-touch-ease ul.home-menu li a:hover>i,
.no-touch-ease ul.home-menu li i {
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

/* ==================== 2.2 Menu ==================== */

.menu-main {
	position:relative;
	display:block;
	width:100%;
	min-height:50px;
	background:rgba(34, 33, 31, .85);
	z-index:99;
	-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.2);
	box-shadow:0 0 0 2px rgba(0,0,0,.2);
}

.menu-wrap {
	position:relative;
	display:block;
	margin:0 auto;
	width:920px;
}

.menu-logo {
	float:left;
	text-align:left;
	width:auto;
	max-height:30px;
	margin-top:20px;
	margin-bottom:0;
}

.menu-main h1 {
	float:left;
	text-align:left;
	font-size:18px;
	margin-top:10px;
	margin-bottom:0;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.2em;
}

.menu-main h1 a {
	text-decoration:none;
	color:#2E4BA0;
}

.menu-main h1 a:hover {
	color:#ffffff;
}

#toggle,
.toggle {
	display:none;
}

.menu {
	text-align:right;
	height:100%;
}

.menu li {
	display:inline-block;
	list-style:none;
	margin-left:40px;
	font-size:14px;
	font-weight:300;
	letter-spacing:2px;
	line-height:70px;
	text-transform:uppercase;
}

.menu li a {
	display:inline-block;
	text-decoration:none;
	color:#f0f0f0;
	height:100%;
}

.menu li a:hover {
	color:#2E4BA0;
}

/* ==================== 2.3 Home ==================== */

.home-wrap {
	position:relative;
	width:100%;
	height:100%;
}

.home-wrap.video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:table;
}

.home-wrap-short {
	position:relative;
	width:100%;
	height:700px;
}

.home-wrap-short .centerdiv,
.home-wrap-short .home-content {
	z-index:10;
}

.home-wrap-short .bxslider {
	z-index:0;
}

.home-content {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:inline-block;
	width:920px;
}

.home-content hr {
	width:220px;
	height:2px;
	background:#ffffff;
	border:0;
	margin:50px auto 35px;
}

.home-content img {
	margin-bottom:0;
}

.logo {
	max-width:600px;
	width:100%;
	height:auto;
	display:inline-block;
}

.img-fullscreen {
	z-index:-1;
	position:fixed;
	top:0;
	left:0;
	min-height:100%;
	min-width:1024px;
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.video-container {
	display:block;
	position:relative;
	min-width:100%;
	min-height:100%;
	z-index:-1;
}

.fullscreen-video {
	display:block;
	vertical-align:top;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}

ul.home-menu li {
	display:inline-block;
	width:180px;
}

ul.home-menu li a {
	display:inline-block;
	font-size:14px;
	font-weight:600;
	line-height:20px;
	letter-spacing:.1em;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
}

ul.home-menu li i {
	font-size:28px;
	text-align:center;
	text-decoration:none;
	display:block;
	width:80px;
	height:80px;
	line-height:76px;
	letter-spacing:0;
	color:#ffffff;
	border:2px solid #ffffff;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin:25px auto;
}

ul.home-menu li em {
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
	display:block;
	font-size:14px;
	font-style:italic;
	font-weight:400;
	letter-spacing:0;
	text-transform:none;
	color:#ffffff;
}

ul.home-menu li a:hover>i {
	background:#2E4BA0;
	border:2px solid #2E4BA0;
}

a.play-button i {
	cursor:pointer;
	text-indent:5px;
	font-size:35px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	width:80px;
	height:80px;
	line-height:76px;
	letter-spacing:0;
	color:#ffffff;
	background:transparent;
}

a.play-button:hover>i {
	color:#2E4BA0;
	background:transparent;
}

a.play-button-normal {
	cursor:pointer;
}

.play-button-small {
	text-indent:1px;
}

.video-controls {
	position:absolute;
	width:200px;
	left:50%;
	margin-left:-100px;
	bottom:50px;
}

.video-controls button {
	filter:alpha(opacity=40);
	opacity:.4;
	cursor:pointer;
	margin:4px;
	font-family:FontAwesome;
	font-size:25px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:36px;
	color:#ffffff;
	background:transparent;
}

.video-controls button:hover {
	filter:alpha(opacity=100);
	opacity:1;
	color:#ffffff;
}

#home-controls a {
	position:absolute;
	top:50%;
	margin-top:-20px;
	outline:0;
	width:40px;
	height:40px;
	line-height:40px;
	z-index:11;
	zoom:1;
}

#home-controls a.next,
#home-controls a.prev {
	color:#ffffff;
	font-size:42px;
}

#home-controls a.next:hover,
#home-controls a.prev:hover {
	color:#ffffff;
	font-size:56px;
}

#home-controls a.prev {
	left:10px;
}

#home-controls a.prev:after {
	font-family:FontAwesome;
	content:'\f104';
}

#home-controls a.next {
	right:10px;
}

#home-controls a.next:after {
	font-family:FontAwesome;
	content:'\f105';
}

#home-pagination.bullet-pagination {
	width:200px;
	z-index:12;
	position:absolute;
	bottom:25px;
	left:50%;
	margin-left:-100px;
}

/* Introduction text after home section */	
.introduction {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f0f0f0;
}

/* ==================== 2.4 Featured Work ==================== */

.project-spotlight {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f9f9f9;
}

.project-spotlight-details {
	position:relative;
	padding-top:100px;
	padding-bottom:70px;
	background:#f0f0f0;
}

.project-spotlight-slider {
	margin-bottom:70px;
}

.icon.huge {
	font-size:60px;
	width:120px;
	height:120px;
	line-height:114px;
	cursor:default;
	color:#aaaaaa;
	background:transparent;
}

.icon.huge:hover {
	color:#2E4BA0;
}

.project-spotlight-details .icon.huge:hover {
	color:#ffffff;
}

/* ==================== 2.5 Work Portfolio ==================== */

.work-portfolio {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f9f9f9;
}

.portfolio-thumbnail {
	display:block;
	background:#e7e7e7;
	padding-bottom:25px;
}

.portfolio-thumbnail a {
	font-size:14px;
	text-align:center;
	text-decoration:none;
}

.portfolio-thumbnail a {
	color:#aaaaaa;
}

.portfolio-thumbnail a:hover {
	color:#1a1a1a;
}

.portfolio-thumbnail img {
	margin-bottom:-35px;
}

.portfolio-thumbnail i {
	text-align:center;
	position:relative;
	display:block;
	margin:40px auto 5px;
	font-size:25px;
	width:50px;
	height:50px;
	line-height:50px;
	color:#2E4BA0;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.portfolio-thumbnail:hover i {
	color:#7a7a7a;
}

.portfolio-thumbnail b {
	display:block;
	font-size:15px;
	font-weight:600;
	line-height:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	color:#7a7a7a;
	margin:60px auto 5px;
}

.portfolio-thumbnail b {
	padding-left:25px;
	padding-right:25px;
}

.portfolio-box {
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}

.portfolio-box:hover .caption-portfolio {
	background:#1a1a1a;
	opacity:.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter:alpha(opacity=85);
}

.caption-portfolio:before, 
.title-portfolio {
	display:inline-block;
	vertical-align:middle;
}

.caption-portfolio:before {
	content:"";
	height:100%;
}

.caption-portfolio {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
			backface-visibility:hidden;
}

.title-portfolio {
	color:#ffffff;
	margin:0;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	padding:0 10px;
}

.category-portfolio {
	color:#9f9f9f;
	display:block;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:5px;
}

/* ==================== 2.6 Call to Action ==================== */

/* Call to action styling for main index pages */
.call-to-action {
	position:relative;
	padding-top:80px;
	padding-bottom:70px;
	background:#f0f0f0;
}

.call-to-action .header {
	background:#f0f0f0;
}

.background-none .call-to-action .header {
	background:transparent;
}

.call-to-action .icon.huge:hover {
	color:#ffffff;
}

/* ==================== 2.7 Services ==================== */

.services {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f9f9f9;
}

.list_carousel {
	position:relative;
	margin:0;
	width:auto;
}

.list_carousel ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

.list_carousel li {
	height:auto;
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-align:center;
}

.list_carousel.responsive {
	width:auto;
	margin-left:0;
}

.clearfix {
	float:none;
	clear:both;
}

li.service-item hr {
	width:120px;
	height:2px;
	background:#2E4BA0;
	border:0;
	margin:0 auto 25px;
}

li.service-item {
	display:block;
	background:#e7e7e7;
	padding-bottom:25px;
	width:480px;
	margin-right:20px;
	margin-left:20px;
	text-align:center;
}

li.service-item h3,
li.service-item h4 {
	margin:60px auto 20px;
}

li.service-item p {
	margin-right:25px;
	margin-left:25px;
}

li.service-item img {
	margin-bottom:-35px;
}

li.service-item ul {
	margin:25px 0 0;
}

li.service-item ul li {
	display:inline-block;
	padding:12px;
	width:100%;
}

li.service-item ul li:last-child {
	border-bottom:2px solid #e7e7e7;
}

li.service-item ul li:nth-child(odd) {
	background-color:#e7e7e7;
}

.simple-services {
	position:relative;
	padding-top:100px;
	padding-bottom:50px;
	background:#ffffff;
}

.serviceblock {
	padding:20px 20px 10px;
	border:2px solid #ffffff;
}

.serviceblock:hover {
	border:2px solid #eee;
}

.serviceblock .button {
	margin-top:0;
	filter:alpha(opacity=0);
	opacity:0;
	visibility:hidden;
}

.serviceblock:hover .button {
	filter:alpha(opacity=100);
	opacity:1;
	visibility:visible;
}

/* Services next/previous navigation */
.services-arrow-prev,
.services-arrow-next,
.services-arrow-prev i,
.services-arrow-next i {
	color:#ffffff;
	font-size:45px;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.services-arrow-prev:hover,
.services-arrow-next:hover,
.services-arrow-prev:hover i,
.services-arrow-next:hover i {
	color:#ffffff;
	font-size:45px;
	filter:alpha(opacity=100);
	opacity:1;
}

.services-arrow-prev {
	left:-5px;
}

.services-arrow-next {
	right:20px;
}

.services-arrow-prev,
.services-arrow-next {
	position:absolute;
	top:50%;
	margin-top:-20px;
	outline:0;
	width:40px;
	height:40px;
	line-height:40px;
	z-index:88;
	text-align:center;
}

/* ==================== 2.8 About ==================== */

/* About personal version */
.about {
	position:relative;
	padding-top:100px;
	padding-bottom:80px;
	background:#f0f0f0;
}

.about .header {
	margin-bottom:50px;
}

/* Use for personal version without employees */
.about-avatar {
	text-align:center;
	position:relative;
	margin-top:10px;
	border:0px solid #1a1a1a;
	width:150px;
	height:150px;
	-webkit-border-radius:10%;
	border-radius:10%;
}

/* About business version */
.about-us {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f0f0f0;
}

.about-us .header {
	margin-bottom:50px;
}

/* For business version with employees */
.employee-avatar {
	text-align:center;
	position:relative;
	margin-top:10px;
	border:0px solid #1a1a1a;
	width:100px;
	height:100px;
	-webkit-border-radius:10%;
	border-radius:10%;
}

.employee {
	padding:20px 20px 10px;
	background:#e7e7e7;
	border:2px solid #cccccc;
}

.employee:hover {
	border:2px solid #7a7a7a;
}

.employee hr {
	width:120px;
	height:2px;
	background:#cccccc;
	border:0;
	margin:0 auto 20px;
}

.mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	-webkit-border-radius:50%;
	border-radius:50%;
	filter:alpha(opacity=0);
	opacity:0;
	visibility:hidden;
}

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

.employee:hover .mask {
	filter:alpha(opacity=100);
	opacity:1;
	visibility:visible;
}

.mask span i {
	color:#ffffff;
	margin:3px;
}

/* ==================== 2.9 Quotes ==================== */

.quote {
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	background:#f9f9f9;
}

/*.quote .header {
	background-image:url( );
}*/

.background-none .quote .header {
	background:0 0;
}

.quote-avatar {
	text-align:center;
	position:relative;
	margin-top:10px;
	border:0px solid #1a1a1a;
	width:80px;
	height:80px;
	-webkit-border-radius:10%;
	border-radius:10%;
}

.quote-ratings.icon {
	font-size:35px;
	width:40px;
	height:40px;
	margin-bottom:25px;
	line-height:114px;
	cursor:default;
	color:#2E4BA0;
	background:transparent;
}

.quote-ratings .icon:hover,
.quote-ratings .icon:hover,
.bx-outer-prev,
.bx-outer-next,
.bx-outer-prev:hover,
.bx-outer-next:hover {
	color:#aaaaaa;
}

/* ==================== 2.10 Contact ==================== */

.contact {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f0f0f0;
}

#contactform {
	display:block;
	width:100%;
	margin:50px auto 0;
	text-align:left;
}

#contactform label {
	position:relative;
	z-index:13;
	padding-left:10px;
	line-height:50px;
}

#contactform input,
#contactform select,
#contactform textarea {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:50px;
	margin-top:-50px;
	line-height:50px;
	font-size:17px;
	padding-left:10px;
	padding-right:15px;
	width:100%;
	color:#1a1a1a;
	background:#f9f9f9;
	border:2px solid #d9d9d9;
	border-radius:2px;
}

/* Contact form input placeholder color styling */
::-webkit-input-placeholder { color:#a9a9a9; }
::-moz-placeholder { color:#a9a9a9; } /* Firefox 19+ */
:-ms-input-placeholder { color:#a9a9a9; } /* IE */
input:-moz-placeholder { color:#a9a9a9; }

#contactform select {
	padding-right:10px;
	margin-bottom:20px;
}

@-moz-document url-prefix() {
	#contactform select {
		padding-top:14px;
	}
}

#contactform textarea {
	line-height:25px;
	width:100%;
	min-height:190px;
}

#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus {
	border:2px solid #7a7a7a;
	background-color:#ffffff;
	color:#1a1a1a;
}

#contactform input.submit {
	-webkit-appearance:none;
	cursor:pointer;
	margin:25px auto 0;
	width:auto;
	height:auto;
	border:0;
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
	font-size:17px;
	font-weight:600;
	letter-spacing:1px;
	line-height:0;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:10px 30px;
	color:#7a7a7a;
	background:transparent;
	-webkit-border-radius:2px;
	border:2px solid #7a7a7a;
	border-color:#7a7a7a;
}

#contactform input.submit:hover {
	color:#1a1a1a;
	background:transparent;
	border:2px solid #7a7a7a;
	border-color:#1a1a1a;
}

#contactform input[type=submit][disabled] {
	color:#ffffff;
	background:#2E4BA0;
}

#contactform span.required {
	color:red;
}

/* Modal elements and styling for contact form confirmation pop-up */
.modal {
	width:460px;
	background:#f0f0f0;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-230px;
	z-index:1000;
	-webkit-box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.2);
	border:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px 0 70px 0;
	text-align:center;
	height:228px;
	margin-top:-114px;
	display:none;
}

.modal h1 {
	margin:0 0 30px 0;
	color:#1a1a1a;
}

.modal p {
	margin-bottom:8px;
	line-height:16px;
	font-size:16px;
}

.modal p.modal-close {
	color:#787878;
	cursor:pointer;
}

.modal p.modal-close:hover {
	color:#2E4BA0;
}

.modal-overlay {
	content:"";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	z-index:999;
	display:none;
}

/* ==================== 2.11 Footer ==================== */

.credits {
	position:relative;
	padding-top:25px;
	padding-bottom:0;
	background:#1a1a1a;
}

.background-none .credits {
	background:rgba(0,0,0,.3);
}

.footer {
	position:relative;
	padding-top:25px;
	background:#22211f;
}

.footer-alt {
	position:relative;
	padding-top:0;
	padding-bottom:25px;
	background:#333333;
}

.menu-main.alreadyfixed {
	position:fixed;
	top:0;
	left:0;
}

/* ==================== 2.12 Parallax Section ==================== */

.section-parallax {
	position:relative;
	overflow:hidden;
	width:100%;
}

.parallax-header {
	position:relative;
	text-align:center;
	min-height:200px;
}

.parallax-header-2 {
	position:relative;
	text-align:center;
	min-height:100px;
}

.parallax-title,
.parallax-cta-title {
	font-size:28px;
	letter-spacing:1px;
	margin-bottom:5px;
	line-height:30px;
	background-attachment:scroll;
	padding-top:20px;
	display:inline-block;
	text-transform:uppercase;
	position:relative;
	z-index:10;
}

.section-parallax hr {
	width:150px;
	height:2px;
	background:#2E4BA0;
	border:0;
	margin:25px auto 25px auto;
}

.parallax-text,
.parallax-cta-text {
	font-size:17px;
	line-height:28px;
	margin:0;
	z-index:10;
	position:relative;
}

.js .parallax-title,
.js .parallax-text {
	opacity:0;
}

.content-parallax {
	color:#ffffff;
	position:relative;
}

.content-parallax .parallax-header {
	padding:150px 0;
}

.background-parallax {
	background-position:center center;
	-webkit-background-size:cover !important; 
	-moz-background-size:cover !important;  
	-o-background-size:cover !important; 
	background-size:cover !important;
	background-repeat:repeat-y;
}

.background-parallax.fixed {
	background-attachment:fixed !important;
}

/* Parallax background images */
.parallax-banner-1 { 
	background:url('../images/parallax-banner-1.jpg'); 
	background-attachment:fixed;
	background-position:center center;
}

.parallax-banner-2 { 
	background:url('../images/parallax-banner-2.jpg'); 
	background-attachment:fixed;
	background-position:center center;
}

.parallax-banner-3 { 
	background:url('../images/parallax-banner-3.jpg');
	background-attachment:fixed;
	background-position:center center; 
}

.parallax-banner-4 { 
	background:url('../images/parallax-banner-4.jpg'); 
	background-attachment:fixed;
	background-position:center center;
}

.parallax-banner-5 { 
	background:url('../images/parallax-banner-5.jpg');
	background-attachment:fixed;
	background-position:center center; 
}

.parallax-banner-6 { 
	background:url('../images/parallax-banner-6.jpg');
	background-attachment:fixed;
	background-position:center center; 
}

/* Parallax overlay */
.overlay-parallax-1, 
.overlay-parallax-2,
.overlay-parallax-3,
.overlay-parallax-4,
.overlay-parallax-5,
.overlay-parallax-6 { 
    background-color:rgba(26,26,26,0.65);
}

.overlay-parallax {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-attachment:scroll;
}

/* ==================== 2.13 Misc. ==================== */

.ticker {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}

/* Text ticker */
.text-ticker {
	font-size:50px;
	width:100%;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	top:40%;
}

/* Ticker animation speed */
.text-ticker ul {
	-webkit-animation:ticker 9s cubic-bezier(1, 0, .9, 0) infinite;
	   -moz-animation:ticker 9s cubic-bezier(1, 0, .9, 0) infinite;
		-ms-animation:ticker 9s cubic-bezier(1, 0, .9, 0) infinite;
			animation:ticker 9s cubic-bezier(1, 0, .9, 0) infinite;
}

/* For use if you want to pause the text on mouse hover 
.text-ticker ul:hover {
	-webkit-animation-play-state:paused;
	   -moz-animation-play-state:paused;
		-ms-animation-play-state:paused;
			animation-play-state:paused;
}*/

.text-ticker li {
	font-weight:700;
	color:#ffffff;
	letter-spacing:0.2em;
	text-transform:uppercase;
	line-height:50px;
}

@-webkit-keyframes ticker {
	0% {margin-top:0;}
	20% {margin-top:-50px;}
	40% {margin-top:-100px;}
	60% {margin-top:-150px;}
	80% {margin-top:-200px;}
	100% {margin-top:0;}
}

@-moz-keyframes ticker {
	0% {margin-top:0;}
	20% {margin-top:-50px;}
	40% {margin-top:-100px;}
	60% {margin-top:-150px;}
	80% {margin-top:-200px;}
	100% {margin-top:0;}
}

@-ms-keyframes ticker {
	0% {margin-top:0;}
	20% {margin-top:-50px;}
	40% {margin-top:-100px;}
	60% {margin-top:-150px;}
	80% {margin-top:-200px;}
	100% {margin-top:0;}
}

@keyframes ticker {
	0% {margin-top:0;}
	20% {margin-top:-50px;}
	40% {margin-top:-100px;}
	60% {margin-top:-150px;}
	80% {margin-top:-200px;}
	100% {margin-top:0;}
}

/*  ==========================================================================
	Template Pages
	========================================================================== */

/* ==================== 3.1 Project Details Page ==================== */

.project-details-page-intro {
	position:relative;
	padding-top:100px;
	padding-bottom:0px;
	background:#f0f0f0;
}

.project-details-page-intro .title,
.project-details-page-details .title {
	margin-top:100px;
	margin-bottom:70px;
}

.project-details-page-slider {
	padding-top:100px;
}

.project-details-page-process {
	padding-top:100px;
	padding-bottom:100px;
	background:#f0f0f0;
}

.project-details-page-process .icon:hover,
.project-details-page-call-to-action .icon:hover {
	color:#2E4BA0;
}

.project-details-page-images {
	position:relative;
	padding-top:70px;
	padding-bottom:70px;
	background:#f9f9f9;
}

.project-details-page-images img {
	margin-bottom:0;
}

.project-details-page-details {
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	background:#f0f0f0;
}

.project-details-page-details .icon.huge {
	font-size:40px;
}

.project-details-page-details .icon.huge:hover {
	font-size:50px;
}

.project-details-page-call-to-action {
	position:relative;
	padding-top:80px;
	padding-bottom:70px;
	background:#f9f9f9;	
}

/* Work portfolio items nav layout for project details page */
.project-details-page-portfolio-nav {
	position:relative;
	padding-top:40px;
	padding-bottom:80px;
	background:#f0f0f0;	
}

p.all-projects,
p.prev-project,
p.next-project {
	position:absolute;
	z-index:35;
}

p.all-projects {
	left:50%;
	margin-left:-20px;
}

p.prev-project {
	left:0;
}

p.next-project {
	right:0;
}

p.prev-project span,
p.next-project span {
	font-size:16px;
	vertical-align:text-bottom;
	color:#1a1a1a;
	font-weight:700;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

p.prev-project span:hover,
p.next-project span:hover {
	color:#2E4BA0!important;
}

.all-projects i,
.prev-project i,
.next-project i {
	display:inline-block;
	width:40px;
	height:40px;
	color:#1a1a1a;
	background:transparent;
	font-size:24px;
}

.all-projects i {
	line-height:40px;
}

.prev-project i {
	text-indent:-2px;
	left:0;
	margin-right:10px;
	line-height:38px;
}

.next-project i {
	text-indent:2px;
	right:0;
	margin-left:10px;
	line-height:38px;
}

.all-projects i:hover,
.prev-project i:hover,
.next-project i:hover {
	color:#2E4BA0;
	background:transparent;
}

/* Used for all projects menu grid button */
.menu-button-grid {
	cursor:pointer;
	display:block;
	width:25px;
	height:20px;
	position:relative;
	margin-top:11px;
	margin-left:8px;
}

.menu-button-grid .top-left,
.menu-button-grid .top-right {
	display:block;
	float:left;
	width:7px;
	margin:0 2px 4px;
	height:7px;
	background:#1a1a1a;
	border:1px solid #1a1a1a;
}

.menu-button-grid .bottom-left,
.menu-button-grid .bottom-right {
	display:block;
	float:left;
	width:7px;
	height:7px;
	margin:0 2px;
	background:#1a1a1a;
	border:1px solid #1a1a1a;
}

.menu-button-grid:hover .bottom-left,
.menu-button-grid:hover .bottom-right,
.menu-button-grid:hover .top-left,
.menu-button-grid:hover .top-right {
	color:#2E4BA0;
	background:#2E4BA0;
	border:1px solid #2E4BA0;
}

/* ==================== 3.2 404 Error Page ==================== */

.page-404 {
	position:relative;
	width:100%;
	height:100%;
}

.page-404-content {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:inline-block;
	width:920px;
}

.page-404 hr {
	width:220px;
	height:2px;
	background:#ffffff;
	border:0;
	margin:50px auto;
}

.page-404 h1 {
	width:100%;
	display:block;
	font-family:'Lato','PT Sans',Helvetica,Arial,sans-serif;
	font-size:140px;
	font-weight:700;
	line-height:1em;
	letter-spacing:2px;
}

.page-404 a {
	display:inline-block;
	font-size:14px;
	font-weight:600;
	line-height:20px;
	letter-spacing:.5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
}

.page-404 i {
	font-size:35px;
	text-align:center;
	text-decoration:none;
	display:block;
	width:80px;
	height:80px;
	line-height:76px;
	letter-spacing:0;
	color:#ffffff;
	margin:25px auto;
}

.page-404 a:hover>i {
	color:#2E4BA0;
}

/*  ==========================================================================
	Screen & Mobile Device Page Display
	========================================================================== */

/* ==================== 4.1 Responsive Layout ==================== */

/* ==================== Min-Width:1200px ==================== */

@media only screen and (min-width:1200px) {
	.home-content,
	.menu-wrap {
		width:1160px;
	}
}

/* ==================== Max-Width:1024px ==================== */

@media screen and (max-width:1024px) {
	.img-fullscreen {
		left:50%;
		margin-left:-512px;
	}
}

/* ==================== Min-Width:768px and Max-Width:959px; ==================== */

@media only screen and (min-width:768px) and (max-width:959px) {
	.centerdiv,
	.page-404-content,
	.home-content,
	.menu-wrap {
		width:690px;
	}
	
	ul.home-menu li {
		width:145px;
	}
	li.service-item {
		margin-right:15px;
		margin-left:15px;
	}

	.fitticker {
		font-size:50px;
	}
  
  #contactform input.submit {
		margin:10px auto 0;
	}
}

/* ==================== Max-Width:768px ==================== */

@media only screen and (max-width:768px) {
	.menu-main,
	.sticky-wrapper {
		height:50px !important;
	}

	.menu-wrap {
		width:100%;
	}
	
	.menu-logo {
		margin-top:10px;
		margin-left:15px;
	}
	
	.menu-main h1 {
		margin-top:0;
		margin-left:15px;
	}
  
	.toggle {
		display:block;
		position:relative;
		cursor:pointer;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		user-select:none;
		color:#2E4BA0;
		float:right;
		font-family:FontAwesome;
		text-align:center;
		font-size:14px;
		width:50px;
		height:50px;
		line-height:50px;
	}

	.toggle:hover {
		color:#ffffff;
	}

	.toggle:after {
		content:'\f0c9';
	}
  
	#toggle:checked~.menu {
		display:block;
		filter:alpha(opacity=100);
		opacity:1;
	}
  
	#toggle:checked+.toggle:after {
		content:'\f077';
	}
  
	.menu {
		display:none;
		filter:alpha(opacity=0);
		opacity:0;
		margin-top:50px;
		width:100%;
		position:absolute;
		right:0;
		height:auto;
		text-align:left;
		background:#1a1a1a;
		padding-bottom:10px;
	}
  
	.menu li {
		display:block;
		width:100%;
		height:40px;
		line-height:40px;
		margin:0;
	}
  
	.menu li a {
		display:block;
		width:100%;
		height:auto;
		margin-left:15px;
	}

	.menu-main.white-menu .toggle:hover {
		color:#1a1a1a;
	}
  
	.menu-main.white-menu .menu {
		background:#fafafa;
	}

	.fitticker {
		font-size:50px;
	}
}

/* ==================== Min-Width:480px and Max-Width:767px ==================== */

@media only screen and (min-width:480px) and (max-width:767px) {
	.text-big h1,
	h1.text-big {
		font-size:70px;
	}
  
	.text-big h2,
	h2.text-big {
		font-size:60px;
	}
  
	.text-big h3,
	h3.text-big {
		font-size:50px;
	 }
  
	.text-big h4,
	h4.text-big {
		font-size:40px;
	}
  
	.text-big h5,
	h5.text-big {
		font-size:30px;
	}
  
	.text-big h6,
	h6.text-big {
		font-size:20px;
	}
  
	p.big {
		font-size:20px;
		line-height:30px;
	}
  
	.header,
	.home-wrap-short {
		height:540px;
	}
  
	.header.medium {
		height:400px;
	}
  
	.header.small {
		height:280px;
	}
  
	.centerdiv,
	.page-404-content,
	.home-content {
		width:400px;
	}
  
	ul.home-menu li {
		width:90px;
	}
  
	ul.home-menu li b,
	ul.home-menu li em {
		display:none;
	}
  
	li.service-item {
		margin-right:8px;
		margin-left:8px;
	}
  
	.serviceblock {
		padding:0;
		border:none;
	}
  
	.serviceblock:hover {
		border:none;
	}
  
	.serviceblock .button {
		filter:alpha(opacity=100);
		opacity:1;
		visibility:visible;
	}
  
	.serviceblock:hover i {
		color:#adadad;
		border:3px solid #ffffff;
	}
  
	.serviceblock i:hover {
		color:#2E4BA0;
		border:3px solid #2E4BA0;
	}
  
	.employee {
		padding:0;
		border:none;
		background:transparent;
	}
  
	.employee:hover {
		border:none;
	}
  
	#contactform input.submit {
		margin:0 auto;
	}
  
	.footer .alignleft,
	.footer .alignright {
		text-align:center;
	}
  
	.project-details-page-intro {
		padding-top:50px;
	}

	.fitticker {
		font-size:30px;
	}
}

/* ==================== Max-Width:479px ==================== */

@media only screen and (max-width:479px) {
	body {
		min-width:302px;
	}
	
	.text-big h1,
	h1.text-big {
		font-size:45px;
	}
  
	.text-big h2,
	h2.text-big {
		font-size:40px;
	}
  
	.text-big h3,
	h3.text-big {
		font-size:35px;
	}
  
	.text-big h4,
	h4.text-big {
		font-size:30px;
	}
  
	.text-big h5,
	h5.text-big {
		font-size:20px;
	}
  
	.text-big h6,
	h6.text-big {
		font-size:16px;
	}
  
	p.big {
		font-size:20px;
		line-height:30px;
	}
  
	.header,
	.home-wrap-short {
		height:480px;
	}
  
	.header.medium {
		height:320px;
	}
  
	.header.small {
		height:240px;
	}
  
	.centerdiv,
	.page-404-content,
	.home-content {
		min-width:270px;
		width:270px;
	}
  
	.logo {
		max-width:270px;
	}
  
	ul.home-menu li {
		width:60px;
	}
  
	ul.home-menu li b,
	ul.home-menu li em {
		display:none;
	}
  
	ul.home-menu li i {
		font-size:20px;
		width:50px;
		height:50px;
		line-height:46px;
	}
  
	#home-pagination.bullet-pagination,
	.slides-pagination {
		bottom:15px;
	}
  
	li.service-item {
		margin-right:5px;
		margin-left:5px;
	}
  
	.serviceblock {
		padding:0;
		border:none;
	}
  
	.serviceblock:hover {
		border:none;
	}
  
	.serviceblock .button {
		filter:alpha(opacity=100);
		opacity:1;
		visibility:visible;
	}
  
	.serviceblock:hover i {
		color:#adadad;
		border:3px solid #ffffff;
	}
  
	.serviceblock i:hover {
		color:#2E4BA0;
		border:3px solid #2E4BA0;
	}
  
	.employee {
		padding:0;
		border:none;
		background:transparent;
	}
  
	.employee:hover {
		border:none;
	}
  
	#contactform input.submit {
		margin:0 auto;
		width:100%;
	}
  
	.footer .alignleft,
	.footer .alignright {
		text-align:center;
	}
  
	.project-details-page-intro {
		padding-top:50px;
	}
  
	.about .header,
	.about-us .header,
	.project-spotlight-slider,
	.project-details-page-slider {
		margin-bottom:50px;
	}
  
	.about,
	.about-us,
	.project-spotlight,
	.introduction,
	.work-portfolio,
	.services,
	.simple-services,
	.social-footer {
		padding-top:70px;
		padding-bottom:70px;
	}
  
	.contact {
		padding-top:70px;
		padding-bottom:100px;
	}

	.fitticker {
		font-size:30px;
	}
}