/*============ D E F A U L T   E L E M E N T S ============*/
body {
	font-family:"HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	line-height: 25px;
	color: #ffffff;
	overflow-x:hidden;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.loader td {
	vertical-align: middle;
	text-align: center;
	background: #fff;
}

p {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 19px;
}
a, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #fff;
	border: none;
	outline: none;
}
.clear {
	clear: both;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	display: block;
}
#page {
	width: 100%;
	background:#000;
}
#mask {
	position: absolute;
	display: none;
	background: #000;
	z-index: 200;
}
.pagefix {
	height: 101%;
	overflow: hidden;
}
.container {
	width: 960px;
	margin:0 auto;
}
.divider {
	padding:30px 0;
	content:'';
	height:1px;
}
.embeddedvideo {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}
.embeddedvideo iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.left {
	float:left;
}
.right {
	float:right;
}
/*============ B L O C K S =========*/
.column {
	margin-left:10px !important;
	margin-right:10px !important;
	float: left;
	position: relative;
	margin-bottom:20px;
}
.block-1 {
	width: 940px;
	margin-bottom:20px;
}
.block-2 {
	width: 460px;
	margin-bottom:20px;
}
.block-3 {
	width: 300px;
	margin-bottom:20px;
}
.block-4 {
	width: 220px;
	margin-bottom:20px;
}

.mtop0 {
	margin-top:0px;
}
.mbot0 {
	margin-bottom:0px;
}
.ptop0 {
	padding-top:0px;
}
.pbot0 {
	padding-bottom:0px;
}
.mright0 {
	margin-right:0 !important;
}
.mleft0 {
	margin-left:0 !important;
}
.pleft0 {
	padding-left:0 !important;
}
.pright0 {
	padding-right:0 !important;
}
.mtop5 {
	margin-top:5px;
}
.mtop10 {
	margin-top:10px;
}
.mtop15 {
	margin-top:15px;
}
.mtop20 {
	margin-top:20px;
}
.mtop25 {
	margin-top:25px;
}
.mtop30 {
	margin-top:30px;
}
.ptop5 {
	padding-top:5px;
}
.ptop10 {
	padding-top:10px;
}
.ptop15 {
	padding-top:15px;
}
.ptop20 {
	padding-top:20px;
}
.ptop25 {
	padding-top:25px;
}
.ptop30 {
	padding-top:30px;
}
.mbot5 {
	margin-bottom:5px;
}
.mbot10 {
	margin-bottom:10px;
}
.mbot15 {
	margin-bottom:15px;
}
.mbot20 {
	margin-bottom:20px;
}
.mbot25 {
	margin-bottom:25px;
}
.mbot30 {
	margin-bottom:30px;
}
.pbot5 {
	padding-bottom:5px;
}
.pbot10 {
	padding-bottom:10px;
}
.pbot15 {
	padding-bottom:15px;
}
.pbot20 {
	padding-bottom:20px;
}
.pbot25 {
	padding-bottom:25px;
}
.pbot30 {
	padding-bottom:30px;
}
.btop1 {
	border-top:1px solid rgba(255, 255, 255, 0.4);
}
.bbot1 {
	border-bottom:1px solid rgba(255, 255, 255, 0.4);
}
.bdot {
	border:1px dashed rgba(255, 255, 255, 0.4);
}
.bdoublebot {
	border-bottom:3px double;
}
.c-font-30 {
	font-size:30px;
	line-height:50px;
}
.c-font-80 {
	font-size:80px;
	line-height:80px;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.align-center {
	text-align:center;
}

/*========= S E C T I O N S ===========*/
.section {
	border-bottom:1px dashed rgba(255, 255, 255, 0.4);
	width: 100%;
	min-height: 100%;
	padding-bottom:40px;
}
.first-section {
	padding-top:170px;
	background: cadetblue;
}
.about {
	background: cadetblue;
}
.services {
	background: cadetblue;
}
.portfolio {
	background: cadetblue;
}
.team {
	background: cadetblue;
}
.news {
	background: cadetblue;
}
.contact {
	background: #111;
	min-height:100%;
}
/*========= H E A D E R ===========*/
.header {
	padding-top: 120px;
	position:relative;
}
.header-text {
	display: block;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size:45px;
	line-height:60px;
	vertical-align: middle;
	text-transform:uppercase;
	text-align:center;
	background:url(../images/divider.png) no-repeat bottom center;
	padding-bottom:60px;
}

.caption {
	font-family: 'Cabin', serif;
	font-size:28px;
	margin:20px auto;
}
/*========= N A V I G A T I O N   M EN U ===========*/

.navigation {
	position: fixed;
	font-family:'Oswald', serif;
	top: 0;
	left: 0;
	margin:0 auto;
	z-index: 200;
	width:100%;
	background:#fff;
	box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	text-transform:uppercase;
	transition: all 0.4s linear;
}
.navigation.scroll {
	box-shadow:0px 2px 33px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.logo {
	margin: 0 auto;
	padding:10px 0;
	float:left;
}
.navigation.scroll .logo {
	padding:10px 0 0;
}
.navigation.scroll li a {
	padding:7px 0;
	min-width:90px;
	font-size:14px;
}
.navigation.scroll li a:before {
	padding-bottom:3px;
	font-size:20px;
}
.navigation.scroll li:hover a:before {
	font-size:30px;
}
.navigation .nav {
	float:right;
}
.navigation li {
	position: relative;
	font-size: 13px;
	float:left;
}
.navigation li a {
	position: relative;
	display: inline-block;
	padding:12px 0;
	min-width:90px;
	font-size:14px;
	text-decoration: none;
	color: #444;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align:center;
	float:left;
}
.navigation li a:before {
	display:block;
	padding-bottom:3px;
	font-size:24px;
}
.navigation li:hover a:before {
	font-size:30px;
}
.navigation li a.nav-active {
	color:#fff;
	background:#222;
}
.navigation li a:hover {
	background: #222;
	color:#fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.navigation span {
	padding-left: 10px;
	padding-right: 10px;
}
.navigation li a:before {
}
/*========= R E S P O N S I V E   N A V I G A T I O N =========== */
.nav select {
	display: none;
	border: 1px dashed #eee;
	background: #fff url(../images/selectbox.png) right top no-repeat;
	height: 35px;
	width: 100%;
	padding: 8px;
	color: #999;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.nav select {
	-moz-appearance: none;
	-webkit-appearance: none;
	outline:none;
}
/*========= B U T T O N =========== */
.button {
	position: relative;
	display: inline;
	padding:7px 10px;
	background: #111;
	text-decoration: none;
	-moz-border-radius: 2px;  /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius:  2px; /* CSS3 */
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.button:hover {
	text-decoration: none;
	background: #fff;
	color:#111;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
/*========= H O M E  S E C T I O N =========== */
/* Callout Hover text */
.cs-text {
	margin: 0 auto;
	cursor: default;
}
.cs-text > span {
	display: block;
}
.cs-text-cut {
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
}
.cs-text-cut {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.cs-text-cut:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-top:0;
}
.cs-text-cut {
	display: block;
	line-height: 220px;
	color: rgba(255, 255, 255, 1);
	font-size: 170px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 6px;
}
.cs-text-cut.medium {
	display: block;
	line-height: 50px;
	color: rgba(255, 255, 255, 1);
	font-size: 50px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 30px;
	color:#111;
}
.cs-text-mid {
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 15px;
	line-height: 30px;
	top: 50%;
	color: white;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	text-align: center;
}
.cs-text:hover .cs-text-cut:first-child {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	opacity: 0.2;
}
.cs-text:hover .cs-text-cut:last-child {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-o-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0.2;
}
.cs-text:hover .cs-text-mid {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* SLIDER */
#slider {
	box-shadow:0px 40px 50px -34px #000;
}
/* Circle callout in home version 3 */
.callout {
	text-align:center;
}
.circle-box {
	padding: 170px 80px;
	border-radius: 600px;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	text-align: center;
	display: inline-block;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;	
}
.circle-box h1, .circle-box h2 {
	padding:0px 0px 10px;
	margin:10px 0;
}
/*========= A B O U T   S E C T I O N =========== */
.icon-middle {
	padding: 40px 0px 20px;
	display: block;
	text-align: center;
	font-size:30px;
	line-height:50px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;	
}
.icon-middle:before {
	font-size:70px;
	display:block !important;
	text-align: center;
}
/*========= S E R V I C E S   S E C T I O N =========== */
ul.services-list {
	line-height: normal;
}
ul.services-list li:before {
	font-size:28px;
	margin-right: 5px;
	display:inline;
}
ul.services-list li {
	line-height: 40px;
}
ul.services-list li p {
	margin-bottom:30px;
}
ul.services-list li:before, ul.services-list li h3 {
	display:inline;
}
/*========= P O R T F O L I O   S E C T I O N =========== */
.port {
	line-height:0;
	position: relative;
	margin-bottom: 15px;
}
.port a {
}
.port img {
	width:100%;
	height:auto;
}
.port-frame {
	position: relative;
	font-size: 14px;
	margin-bottom:30px;
	text-align:center;
	display:inline-block;
}
.port-frame span {
	font-size:16px;
	font-family:"Oswald", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
}
span.roll {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/overlay.png) center center no-repeat #000;
	z-index: 10;
}
div.nomargin {
	margin-right: 0px;
}
/*========= T E A M   S E C T I O N =========== */
.team-member-name {
	text-align: center;
	text-transform: uppercase;
}
.team-member-position {
	font-size: 14px;
	text-align: center;
}
.team img {
	text-align:center;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}
/*========= N E W S  S E C T I O N =========== */
ul.blog-news li {
	margin-bottom:60px;
	border-bottom:1px dashed rgba(255, 255, 255, 0.4);
	padding-bottom:20px;
}
ul.blog-news li h2, ul.blog-news li h3 {
	margin-bottom:10px;
	padding-top:0;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;	
}
ul.blog-news li a.blog-thumb {
	position:relative;
	display:block;
	line-height:0;
}
ul.blog-news li p.author {
	margin-left:15px;
}
.blog-meta {
	border-top:1px solid;
	border-bottom:1px solid;
	padding-top:5px;
}
.blog-meta p {
	margin-bottom:5px;
}
/*========= C O N T A C T  S E C T I O N =========== */
.contact-address p {
	margin-bottom:5px;
}

.contact-form input[type=text] {
	position: relative;
	display: block;
	width: 300px;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 40px;
	background: #fff;
	color: #b1b0b0;
	border: none;
	outline: none;
}
.contact-form textarea {
	position: relative;
	display: block;
	width: 330px;
	height: 140px;
	margin-bottom: 11px;
	padding: 10px 0 0 10px;
	overflow: auto;
	font-size: 13px;
	line-height: 40px;
	background: #fff;
	color: #b1b0b0;
	border: none;
	outline: none;
}
.submit-btn {
	position: relative;
	display: inline-block;
	float: left;
	margin-top: 10px;
	padding:7px 10px;
	text-decoration: none;
	background: #fff;
	border:1px solid #eee;
	color: #222;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	outline: none;
	cursor: pointer;
}
.submit-btn:hover {
	text-decoration: none;
	background: #eee;
}
.mail-message-btn {
	position: relative;
	display: inline-block;
	padding: 7px 10px;
	text-decoration: none;
	background: #111;
	color: #ffffff;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
	border: none;
	outline: none;
	cursor: pointer;
}
.mail-message-btn:hover {
	text-decoration: none;
	background: #444;
}
#mail-message {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 210;
}
#mail-message table {
	width: 100%;
	height: 100%;
	text-align: center;
}
#mail-message-window {
	width: 400px;
	padding-bottom: 20px;
	background: #fff;
	margin: 0 auto;
	color:#111;
	text-align:center;
}
#mail-message-header {
	width: 400px;
	height: 70px;
}
.mail-message-success {
	color:#5FB61A;
}
.mail-message-error {
	color:#E43838;
}

#mail-message-window p {
	margin: 0 0 5px 10px;
	text-align: left;
}
#mail-message-window input {
	margin-top: 10px;
}
#mail-message td {
	vertical-align: middle;
}
/*========= S O C I A L   S H A R I N G =========== */
.social {
	margin-bottom: 25px;
}
.social ul {
	margin: 0 auto;
	width:120px;
	line-height: normal;
}
.social ul li {
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}
.social ul li.last {
	margin-right: 0px;
}
.social ul li a {
	display: block;
	font-size:24px;
}
.social_contact ul {
	text-align:center;
}
.social_contact ul li {
	display:inline-block;
	margin-right: 11px;
}
.social_contact ul li.last {
	margin-right: 0px;
}
.social_contact ul li a {
	display: block;
	height: 37px;
	width: 37px;
}
.social_contact ul li a:active {
	background-position: left bottom;
}
.social_contact ul li a:hover {
	background-position: left bottom;
}
a.social_contact_twitter {
	background: transparent url('../images/social/twitter.png') no-repeat;
}
a.social_contact_facebook {
	background: transparent url('../images/social/facebook.png') no-repeat;
}
a.social_contact_dribbble {
	background: transparent url('../images/social/dribbble.png') no-repeat;
}
a.social_contact_behance {
	background: transparent url('../images/social/behance.png') no-repeat;
}
a.social_contact_flickr {
	background: transparent url('../images/social/flickr.png') no-repeat;
}
a.social_contact_wordpress {
	background: transparent url('../images/social/wordpress_grey.png') no-repeat;
}
a.social_contact_tumblr {
	background: transparent url('../images/social/tumblr_grey.png') no-repeat;
}
a.social_contact_pinterest {
	background: transparent url('../images/social/pinterest_grey.png') no-repeat;
}
#map {
	width: 100%;
	height: 450px;
	margin: auto;
	background: white;
}
/*========= F O O T E R  S E C T I O N =========== */
.footer {
	color: #eee;
}
.footer h1 {
	font-size:30px;
	margin-bottom:10px;
}
.footer p {
	font-size:16px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #999;
}
.footer .footer_logo {
	text-align:center;
	padding:20px 0;
}
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 20px 0px;
	list-style-type: none;
	border-bottom:1px dashed #444;
}
.tweet_list li a {
	font-weight:bold;
}
.tweet_list li a:hover {
	text-decoration:underline;
}
.tweet_list .tweet_even {
}
.tweet_list .tweet_avatar {
	display:block;
	margin-right:10px;
	float:left;
}
.tweet_list .tweet_avatar img {
	vertical-align: middle;
	border-radius:40px;
	width:48px;
}


/*====== S H O R T C O D E S ========== */

.one_full {
	width: 100%;
	float: none;
	margin-right: 0;
}
.one_half {
	width: 460px;
}
.one_third {
	width: 300px;
}
.two_third {
	width: 620px;
}
.one_fourth {
	width: 220px;
}
.two_fourth {
	width: 460px;
}
.three_fourth {
	width: 700px;
}
.last {
	margin-right: 0px;
}

/*	Toggle
------------------------------------------------*/
.toggle {
	border: 1px solid #222;
	margin-top: 15px;
	background:#222;
	color:#fff;
}
div .toggle:first-child {
	margin-top: 0px;
}
.toggle .toggle_title {
	padding:10px;
}
.toggle .toggle_title a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}
.toggle .toggle_title .toggle_icon {
	background: #222 url(../images/plus.png) center center no-repeat;
	width: 11px;
	height: 11px;
	display: inline-block;
	text-indent: -9999px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	float: left;
	padding: 1px;
	margin-right: 10px;
	margin-top: 6px;
}
.toggle .toggle_title a:hover .toggle_icon {
	background-color: #444;
}
.toggle .toggle_title a.active .toggle_icon {
	background-image: url(../images/minus.png);
}
.toggle .toggle_inner {
	border-top: 1px solid #222;
	padding-top: 15px;
	padding: 15px;
	display: none;
}

/*=============Tab Boxes ==============*/

.tabs_container {
	overflow:hidden;
}
ul.tabs {
	height:30px;
	margin:0px;
	padding-left:0;
	border-bottom:1px solid #222;

}
ul.tabs li {
	float:left;
	margin-bottom:-1px;
	padding-left:0;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background:none;
}
ul.tabs li a {
	display:block;
	padding:0 15px;
    text-decoration:none;
}
ul.tabs li.active a {
	color:#fff;
}
ul.tabs li.active, ul.tabs li.active a:hover {
	background: #222;

}
ul.tabs li.active {
	border:1px solid #222;
	border-bottom:none;

}
.tabs_contents {
	margin-top:-1px;
	overflow: hidden;
	border:1px solid #222;
}
.tab_content {
	padding: 15px;
	background:#222;
	color:#fff;
}



/* Services Animation */

.legend {
float:left;
width:250px;
margin-top:140px;
}

.skills {
float:left;
clear:both;
width:100%;
}

.skills ul,
.skills li {
display:block;
list-style:none;
margin:0;
padding:0;
}

.skills li {
float:left;
clear:both;
padding:0 15px;
height:35px;
line-height:35px;
color:#fff;
margin-bottom:1px;
font-size:18px;
}

.skills .jq {
background:#97BE0D;
}

.skills .css {
background:#D84F5F;
}

.skills .html {
background:#88B8E6;
}

.skills .php {
background:#BEDBE9;
}

.skills .sql {
background:#EDEBEE;
}
#diagram {
float:left;
width:600px;
height:600px;
}

.get {
display:none;
}