/************** Import CSS Reset  *****************/
@import url("reset.css");
/* ------- General Seting ------- */
body{
	font-size: 12px;
	color: #272626;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-position: left top;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	color:#34a1e4;
	text-decoration: none;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}

a:hover{
	color:#5bb4e5;
}
h1, h2, h3, h4, h5, h6
{
	color: #34a1e4;
	letter-spacing: 0px;
	font-weight: 500;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
h1
{
	font-size: 28px;
}

h2
{
	font-size: 26px;
}

h3
{
	font-size: 22px;
}

h4
{
	font-size: 18px;
}

h5
{
	font-size: 16px;
}

h6
{
	font-size: 14px;
}
#menu a,
.bt,
.font{
	font-family: 'Oswald', sans-serif;
	letter-spacing:0.03em;
}

/* headings */
h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.section-border {
	border-bottom: 1px solid #393a3e;
	padding-bottom: 12px;
	margin-bottom: 28px;
}
.section-border h4 {
	border-bottom: 1px solid #34a1e4;
	display: inline;
	padding-bottom: 10px;
}

p{
	line-height: 20px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul{list-style:none;}


.left{float: left;}
.right{float: right;}
.last{margin-right: 0 !important;}
.imgleft {
	float:left;
	margin-right: 12px;	
}
.imgright {
	float:right;
	margin-left: 12px;
}
.imgborder {
	background-color: #333333;
	padding: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.clearfix:after{
	content:  ".";
	display:  block;
	height:  0;
	clear:  both; 
	visibility:  hidden;
}

.clearfix{display:  inline-block;}
.clearfix{display:  block;} 
.clear{clear:both;}


.wrapper{
	width:960px;
	margin:0 auto;
}
#wrapper {
	margin: 0 auto;
	width: 960px;
	padding: 30px 40px 30px 40px;

 
	
}

.portfolio-wraper{
	padding:0 30px;
}

#content_wrapper
{
	width: 100%;
	margin: -7px 0 0 0;
	color: #999;
}

#page_content_wrapper
{
	width: 960px;
	margin: auto;
	padding: 30px 0 30px 0;
}

#page_content_wrapper .inner
{
	width: 100%;
	float: left;
	margin: 0 0 0 -25px;
}
.section-line {
	clear:both;
	line-height:0;
	font-size:0;
	width:100%;
	height:2px;
	background:transparent url(../images/divider.png) left top repeat-x;
}
.double-line_2 {
	width: 990px;
	height:3px;
	background:url(../images/line_2.gif)  repeat-x;
	font-size: 1px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.double-line {
	width: 100%;
	height: 1px;
	display: block;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #f5f5f5;
	font-size: 1px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.double-line_dark {
	width: 100%;
	height: 1px;
	display: block;
	border-top: 1px solid #2a2a2a;
	border-bottom: 1px solid #262c26;
	font-size: 1px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.scrol-page{
	padding-top:150px;
	position:relative;
	overflow: hidden;}
.scrol-page.last{margin-bottom:100px;}
	
.font{
	color:#fff;
	letter-spacing:0.05em;
}

	
.divider{
	height:7px;
	margin-bottom:30px;
	background: url(../images/stripes.png) repeat-x bottom center;
}
/* ------- End General Seting ------- */

/* ------- Home Slider ------- */

/* ------- End Home Slider  ------- */

/* ------- Header ------- */
#header-wrap {
	height:180px;
	position: fixed;
	top: 0px;
	left:0px;
	right:0px;
	background:url(../images/header.png) top center no-repeat;
	z-index: 999;
	border-bottom: 1px #353535 solid;

}

#header {
}

/* ------- Menu ------- */
.top-menu {
	background: url(../images/topmenu-bg.png) no-repeat center -11px;	
	height:58px;
	text-align: center;
	margin:23px auto 0 auto; }
ul.menu {
    display: table;
    margin: 0 auto;
}

ul.menu li {
	font-family:'Open Sans', Arial, sans-serif;
	float: left;
	list-style-type: none;
	line-height: 60px;
	text-transform:uppercase;
	padding: 0 15px;	
}

ul.menu  li a {
	font-family:'Open Sans', Arial, sans-serif;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	font-size: 13px;
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

ul.menu li a:hover, {
	color: #fff;
	border-bottom:2px solid #ff0000;
	padding-bottom:-50px;
}

ul.menu .current a {
	color: #fff;
	padding-bottom:-60px;}

.current {
	border-bottom: 3px solid #2a92e5;
		padding-bottom:-50px;
}


/* ------- Logo ------- */

.logo {
	margin-top: 5px;
	margin-bottom:5px;
	text-align:center;
}
/* ------- End Logo ------- */

/* ------- End Header ------- */


/* ------- Home page ------- */
.sl-slider-wrapper {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
}

.sl-slider h2,
.sl-slider blockquote {
	font-family:"Open Sans" , sans-serif;
	text-transform:uppercase;
	padding: 100px 30px 10px 30px;
	width: 80%;
	max-width: 960px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.sl-slider h2 {
	font-size: 80px;
	text-shadow: 4px 4px 0 rgba(0,0,0,0.5);
}

.sl-slider blockquote {
	font-family:"Open Sans" , sans-serif;
	font-size: 38px;
	padding-top: 10px;
	font-weight: 300;
	text-shadow: 4px 4px 0 rgba(0,0,0,0.5);
}

.sl-slider blockquote cite {
	font-family:"Open Sans" , sans-serif;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 30px;
	display: inline-block;
}

.bg-img {
	padding: 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* Custom navigation arrows */

.nav-arrows span {
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
		overflow:hidden;

}

.nav-arrows span:hover {
	border-color: rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current,
.nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}


.bg-img-1 {
	background-image: url(../images/slider/1.jpg);
}
.bg-img-2 {
	background-image: url(../images/slider/2.jpg);
}
.bg-img-3 {
	background-image: url(../images/slider/3.jpg);
}
.bg-img-4 {
	background-image: url(../images/slider/4.jpg);
}
.bg-img-5 {
	background-image: url(../images/slider/5.jpg);
}

/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-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;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
.sl-slider-wrapper {
		height: 500px;
	}

.sl-slider h2 {
		font-size: 36px;
	}

.sl-slider blockquote {
		font-size: 16px;
	}

}
.sl-slider-wrapper {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}
.sl-slide-inner .bg-img-1 {
	background-image: url(../images/slider/Sl1.jpg);
}
.sl-slide-inner .bg-img-2 {
	background-image: url(../images/slider/sl2.jpg);
}
.sl-slide-inner .bg-img-3 {
	background-image: url(../images/slider/sl3.jpg);
}
.sl-slide-inner .bg-img-4 {
	background-image: url(../images/slider/sl4.jpg);
}
.sl-slide-inner .bg-img-5 {
	background-image: url(#);
}



.one_fourth, .one_third, .one_half, .two_third, .three_fourth {
    float: left;
    margin-bottom: 10px;
    margin-right: 40px;
    position: relative;
}

.one_fourth {
	width: 210px;
}

.one_third {
	width: 293px;
}

.one_half {
	width: 460px;
}

.two_third {
	width: 626px;
}

.three_fourth {
	width: 710px;
}

.last_column {
	clear: right;
	margin-right: 0px !important;
}

.img-align-left {
	margin: 5px 150px 0 0;
	float: left;
}

.img-align-right {
	margin: 5px 0 0 15px;
	float: right;
}

.img-align-center {
	margin: 5px 15px;
	text-align: center;
}

.text-align-left {
	float: left;	
}

.text-align-center {
	text-align: center;
}
	
.text-align-right {
	float: right;
}


.space{height:100px;}
.space_small{ height:45px;}
.space_two{ height:200px;}
/*Copyright*/
.copyright{
		text-align:center;
		font-size:10px !important;
		color:#888888;
	}
/* ------- End Home Page ------- */

/* ------- About Page ------- */
#about {background-color: #fff; padding-bottom:100px;position:relative;  display:block;  }
#about-us-slogan {
	color: #999;
	font-family: "Arial", sans-serif;
	line-height: 42px;
	font-size: 40px;
	font-weight: 100;
	text-align:center;
	padding-bottom:20px;
}

#about-us-slogan p {
	margin: 0px;
}

.slogan-strong {
	font-weight: 600;
}


.extra-space-bottom {
	padding-bottom: 50px;
}

.skills {width:300px; float:right;}

.block_levels {}
.block_levels p {padding:2px 0px 4px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#696969; font-weight:bold; text-transform:uppercase;}
.block_levels .progress {
	height:14px;
	margin-bottom:11px;
	overflow:hidden;
	position:relative;
	background:url(../images/bg_progress.jpg) repeat-x;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
.block_levels .progress div {
	width:0px;
	height:14px;
	overflow:hidden;
	position:relative;
	background:url(../images/bg_progress_level_blue.jpg) repeat-x;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.team-item {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(135,206,250, 0.4),
		inset 0 0 0 16px rgba(135,206,250,0.6),
		0 1px 2px rgba(135,206,250,0.1);
	-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;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.team-img-1 { 

	background-image: url(../images/team_member.png);
}

.team-img-2 { 
	background-image: url(../images/team_member.png);
}

.team-img-3 { 
	background-image: url(../images/team_member.png);
}
.team-img-4 { 
	background-image: url(../images/team_member.png);
}


.team-item:hover .team-info {
	opacity: 1;
	

}
.team-grid {
	float:left;
	position:relative;
	z-index:1;
	display: block;
	width:990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:inline-block;
}
.team-grid:after,
.team-item:before {
	content: '';
    display: table;
}

.team-grid:after {
	clear: both;
}

.team-grid li {
	float:left;
	width: 220px;
	height: 220px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 30px;

}

.block_our_team {
	margin-left:-20px;
	margin-bottom:0px;
	margin-top: 0px;
	margin-right: auto;
}
.block_our_team h4 { font-family: 'Open Sans', sans-serif; margin-left:-15px; padding-bottom:24px;}
.block_our_team .teammate {width:300px; margin-left:20px; margin-bottom:15px; float:left;}
.block_our_team .teammate p {padding-bottom:0px; color:#797979; text-align:center;}
.block_our_team .teammate .photo_team {	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(135,206,250, 0.4),
		inset 0 0 0 16px rgba(135,206,250,0.6),
		0 1px 2px rgba(135,206,250,0.1);
		
	-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;margin-bottom:17px; padding:3px;  line-height:0px;}

	.block_our_team .teammate .photo_team:hover  {
	box-shadow: 
		inset 0 0 0 110px rgba(135,206,250, 0.4),
		inset 0 0 0 16px rgba(135,206,250,0.8),
		0 1px 2px rgba(135,206,250,0.1);}
		.block_our_team .teammate .photo_team img {width: 100%;
	height: 100%;
	border-radius: 100%;
	}
.block_our_team .teammate .name { font-family: 'Open Sans', sans-serif; text-transform:uppercase;font-weight:bold;padding-bottom:2px; margin-bottom:5px; text-align:center;}
.block_our_team .teammate .position {padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b6b6b6; font-weight:400; text-transform:uppercase;}
.social_team {
	width: 300px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.social_team ul {
	margin: 0 auto;
	width: 131px;
	line-height: normal;
}
.social_team ul li {
	float: left;
	margin-right: 10px;
}
.social_team ul li.last {
	margin-right: 0px;
}

.social_team ul li a
{	
    display: block;
    height: 37px;
    width: 37px;
}
.social_team ul li a:active
{
    background-position: left bottom;
}
.social_team ul li a:hover 
{
	 background-position: left bottom;
}
a.social_team_twitter {background: transparent url(../images/about_social/twitter_icon.png) no-repeat;}
a.social_team_facebook {background: transparent url(../images/about_social/facebook_icon.png) no-repeat;}
a.social_team_dribble {background: transparent url(../images/about_social/dribbble_icon.png) no-repeat;}
/* ------- End About Page ------- */

/* ------- Page title ------- */
#title { padding-top: 50px; padding-bottom: 80px; }

#title h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #221e1e;
	font-size: 26px; /* 36 / 16 */
	letter-spacing: -0.0555556em;
	padding-bottom: 10px;
}
	
#title h2{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #b0b0b0;
	font-size: 20px; /* 20 / 16 */
}
.page_caption
{
	width: 990px;
	margin: auto;
	text-align: left;
	margin-top: 40px;
}
.line_2 {height:3px; clear:both; overflow:hidden; background: url(../images/line_2.gif) repeat-x;}

.line-heading {
	padding-bottom:2px !important;
	margin-bottom:16px;
	clear:both;
	overflow:hidden;
	background:transparent url(../images/divider.png) left bottom repeat-x;
}


/* ------- Services Page ------- */
#services {background-color: #fff; padding-bottom:100px;position:relative;  display:block;  }
.services_block {
	width:990px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.services_block li {
	overflow:hidden;
	margin:27px 0 0 0;
	padding:0;
	background:none;
	font-family: 'Open Sans', sans-serif;
	color:#888;
}
.services_block li:first-child {
	margin-top:0;
}
.services_block li .img-holder {
	float:right;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin-top: 0;
	margin-right: 120px;
	margin-bottom: 0;
	margin-left: 140px;

}
.services_block li .img-holder:hover {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.services_block li h4 {
	font-family: 'Open Sans', sans-serif; 
	text-transform:uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #34a1e4;
	letter-spacing: 0px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
.services_block li:nth-child(even) .img-holder {
	float:left;
	margin:0 140px 0 120px;
}
.services_block li.even .img-holder {
	float:left;
	margin:0 140px 0 120px;
}
.services_block li:nth-child(even) .img-holder:hover {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	transform: rotate(30deg);
}

/* ------- End Services Page ------- */	


/* ------- Portfolio ------- */
#portfolio {background:#fff; padding-bottom:50px;}
.wrapper_full{
	position: relative;
	padding: 0 0 50px 0;}

.portfolio-item {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(135,206,250, 0.4),
		inset 0 0 0 16px rgba(135,206,250,0.6),
		0 1px 2px rgba(135,206,250,0.1);
		
	-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;
}

.portfolio-img-1 {
	background-image: url(../images/portfolio_images/2.jpg);
}

.portfolio-img-2 {
	background-image: url(../images/portfolio_images/sPort2.jpg);
}

.portfolio-img-3 { 
	background-image: url(../images/portfolio_images/sPort3.jpg);
}
.portfolio-img-4 { 
	background-image: url(../images/portfolio_images/sPort4.jpg);
}

.portfolio-img-5 { 
	background-image: url(../images/portfolio_images/sPort5.jpg);
}

.portfolio-img-6 { 
	background-image: url(../images/portfolio_images/sPort6.jpg);
}
.portfolio-img-7 { 
	background-image: url(../images/portfolio_images/sPort7.jpg);
}

.portfolio-img-8 { 
	background-image: url(../images/portfolio_images/sPort8.jpg);
}

.portfolio-img-9 { 
	background-image: url(../images/portfolio_images/sPort9.jpg);
}
.portfolio-img-10 {
	background-image: url(../images/portfolio_images/LMach.jpg);
}

.portfolio-img-11 { 
	background-image: url(../images/portfolio_images/LMach1.jpg);
}

.portfolio-img-12 { 
	background-image: url(../images/portfolio_images/LMach2.jpg);
}

.portfolio-img-13 { 
	background-image: url(../images/portfolio_images/LMach3.jpg);
}

.portfolio-img-14 { 
	background-image: url(../images/portfolio_images/LMach4.jpg);
}

.portfolio-img-15 { 
	background-image: url(../images/portfolio_images/11.jpg);
}

.portfolio-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	opacity: 0;
	
	-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;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.portfolio-info h3 {
	color: #fff;
	text-align:center;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight:500;
	margin: 0 30px;
	padding: 100px 0 0 0;
	height: 110px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	
}


.portfolio-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(135,206,250, 0.4),
		inset 0 0 0 16px rgba(135,206,250,0.8),
		0 1px 2px rgba(135,206,250,0.1);
}

.portfolio-item:hover .portfolio-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
/* 	Filter
------------------------------------------------*/
.filter {
	margin-bottom:40px;
	text-align:center;
	padding:5px 0 20px 0;
	list-style-type:none;

	}
	
.filter li {
	 display: inline;
    margin-right: 25px;
	color: #999; }
	

.filter li a {
	width: 90px;
	height: 15px;
	cursor: pointer;
	background:#fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	display:inline-block;
    font-size: 14px;
    font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
    text-align: center;
    padding: 12px 10px;
	line-height: 1em;
	color:#999;
	
	-moz-transition: background 0.12s linear;
	-webkit-transition: background 0.12s linear;  
    -o-transition: background 0.12s linear;  
    -ms-transition: background 0.12s linear;  
    transition: background 0.12s linear;}
.filter li a:hover, .filter li  a.active {
		background: #4A5155;
		color:#fff;	 }

/* ------- End Portfolio ------- */
	
/* ------- Contact Map ------- */
#map {height:550px; width:100%;  position: relative; }

/* ------- End Contact Map ------- */
/* ------- Social stuff ------- */
img.left_float { margin: 3px 30px 30px 0; }
img.right_float { margin: 3px 0px 30px 30px; }
/* Social Media Widget */
.socialmedia .social {
	float: left;
	margin-right:43px;
}

.socialmedia .social li {
	float: left;
	margin: 5px 7px 7px 0;
	width: 25px;
	height: 25px;
	overflow: hidden;
}

.socialmedia .social a {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 99px;
	background: #444 url(../images/socialicons.png) repeat-y;
}

.socialmedia .social a:hover {
	border: none;
}

.socialmedia .social a.twitter { background-position: 0 0; }
.socialmedia .social a.twitter.hover { background-color: #3DC7F4 ; }

.socialmedia .social a.facebook { background-position: -26px 0; }
.socialmedia .social a.facebook.hover { background-color: #3B5998 ; } 

.socialmedia .social a.gplus { background-position: -52px 0; }
.socialmedia .social a.gplus.hover { background-color: #DD4B39; }

.socialmedia .social a.gplus { background-position: -52px 0; }
.socialmedia .social a.gplus.hover { background-color: #DD4B39; }

.socialmedia .social a.dribbble { background-position: -208px 0; }
.socialmedia .social a.dribbble.hover { background-color: #EA4C89; }

.socialmedia .social a.fivehundredpx { background-position: -130px 0; }
.socialmedia .social a.fivehundredpx.hover { background-color: #349ed6; }

.socialmedia .social a.pinterest { background-position: -260px 0; }
.socialmedia .social a.pinterest.hover { background-color: #DC3E47; }

.socialmedia .social a.deviantart { background-position: -336px -1px; }
.socialmedia .social a.deviantart.hover { background-color: #3C4441; }

.socialmedia .social a.foursquare { background-position: -494px -1px; }
.socialmedia .social a.foursquare.hover { background-color: #4AADD7; }

.socialmedia .social a.flickr { background-position: -78px -1px; }
.socialmedia .social a.flickr.hover { background-color: #0063DC ; }

.socialmedia .social a.vimeo { background-position: -182px 0px; }
.socialmedia .social a.vimeo.hover { background-color: #0DAED7; } 

.socialmedia .social a.youtube { background-position: -156px 0px; }
.socialmedia .social a.youtube.hover { background-color: #e40202; }

.socialmedia .social a.wordpress { background-position: -597px 0px; }
.socialmedia .social a.wordpress.hover { background-color: #247CA4; }
 
.socialmedia .social a.feed { background-position: -648px 0px; }
.socialmedia .social a.feed.hover { background-color: #e08e00; }


/* ------- End Social stuff ------- */
/* ------- Contact Form ------- */
#contact {background:#fff; padding-bottom:50px;}

#contact-form {
	width: 420px;
	margin: 0px;
	float: left;
	padding: 20px;
	background:#f8f8f8;
	border:1px solid #dddddd;}


#contact-form  li {
	float: left;
	margin-bottom:10px;
	position: relative;
	height:65px;
	list-style-type: none;
}
#contact-form  li.textarea {
	height:130px;
}
#contact-form  li.button {
	float: left;
	margin-bottom:10px;
	position: relative;
	list-style-type: none;
	
}
#contact-form input, textarea {
	width: 400px;
	margin-bottom: 15px;
	background:#ffffff;
	color: #000;
	border:1px solid #dddddd;
	padding: 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
}
#contact-form textarea {
	height: 82px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px;
	margin-bottom: 15px;
}
#contact-form input:focus, textarea:focus {
	color:#000;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}


#contact-form input.submit:hover {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
 	background: #4A5155;
	color:#fff;	}


#contact-form .required {
	font-size: 11px;
	color: #34a1e4;
}
#contact-form .text {
	font-weight:300;
	font-size: 12px;
	padding-bottom:-35px;
	margin-bottom:-3px;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 120px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: -10px;

}






/* ------- End Contact Form ------- */

/* ------- Contact information ------- */
.contact-information {
	margin:0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
} 
.contact-information li {
	padding-left:40px;
	margin-bottom:5px;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: left center;
} 
.contact-information ul li.address_1 {
	background-image:url(../images/icons/icon-address.png);
	background-repeat:no-repeat;
} 
.contact-information ul li.phone_1 {
	background-image:url(../images/icons/icon-phone.png);
	background-repeat:no-repeat;
} 
.contact-information ul li.email_1 {
	background-image:url(../images/icons/icon-email.png);
	background-repeat:no-repeat;
}
/* ------- End Contact Information ------- */

.copyright {
	width:100%;
	background: url(../images/footer.png) no-repeat;
	border-top: 1px #353535 solid;
	text-align: center;
	padding: 10px 0;
	color: #ddd;
	margin: 0;
	text-transform: uppercase;
	font-size: 13px;
	position:relative;
	bottom:0;

	font-weight: 600;
}

.copyright p {
	margin: 0;
}

.copyright a {
	color: #999;
}
/* ------- Other Seting ------- */
/* Column*/
.one-two,
.one-third,
.one-four{
	margin-right: 30px; 
	float: left; 
}

.one-two{width:465px;}
.one-third{width:300px;}
.one-four{width:217px;}


.col-full,
.col-half,
.col-big,
.col-medium,
.col-small,
.col-one-third {
	display: block;
	position: relative;
	float: left;
	width: 450px;
	margin-right: 60px;
	margin-bottom: 40px;
}

.col-one-third { width: 280px; }

.col-big { width: 600px; }

.col-small { width: 300px; }

.col-medium { width: 585px; }

.col-full {
	width: 960px;
	margin-right: 0;
}

.col-last {
	margin-right: 0;
	clear: right;
}
.dark, .brown, .yellow, .red, .blue, .green{font-size:12px; line-height:18px; padding-left:15px; color:#666666; margin-bottom:18px}
.dark{border-left-width: 7px; border-left-style: solid; border-left-color: #333;}
.brown{border-left-width: 7px; border-left-style: solid; border-left-color: #633;}
.yellow{border-left-width: 7px; border-left-style: solid; border-left-color: #FF0;}
.red{border-left-width: 7px; border-left-style: solid; border-left-color: #C03;}
.blue{border-left-width: 7px; border-left-style: solid; border-left-color: #3bbfc1;}
.green{border-left-width: 7px; border-left-style: solid; border-left-color: #0C6;}

/* ------- Buttons ------- */
/* ==================================================
Buttons
================================================== */

.button {
    cursor: pointer;
	background:#fff;
	display:inline-block;
    font-size: 14px;
    font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
    text-align: center;
    padding: 12px 10px;
	line-height: 1em;
	color:#999;
	
	-moz-transition: background 0.12s linear;
	-webkit-transition: background 0.12s linear;  
    -o-transition: background 0.12s linear;  
    -ms-transition: background 0.12s linear;  
    transition: background 0.12s linear;
}



/* --- Sizes --- */

.button.thin {
	font-size: 12px;
	padding: 12px 10px;
	margin-bottom: 20px;
}

.button.medium {
	font-size: 15px;
	padding: 14px 12px;
}

.button.large {
	font-size: 16px;
	padding: 16px 14px;
}



/* --- Border Radius --- */

.button.b-radius {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}



/* --- Rounded --- */

.button.rounded {
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	border-radius: 999px;
}



/* --- Animated --- */

.btn-animated {
	width: 32px;
	height: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;


	line-height: 36px;
	padding: 0;
	color:#fff;
	text-align: center;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -16px;
	

	-moz-transition: all 0.12s linear;
	-webkit-transition: all 0.12s linear;  
    -o-transition: all 0.12s linear;  
    -ms-transition: all 0.12s linear;  
    transition: all 0.12s linear;
	
	overflow:hidden;
	
	-webkit-backface-visibility:hidden;
}

.btn-animated.rounded {
	border-radius:999px;	
}

.btn-animated.active,
.btn-animated:hover{
	width: 120px;
	height: 32px;
	left: 50%;
	margin-left: -60px;	
}


.btn-animated a{
	text-align:center;
	line-height:32px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;

	display:block;
	
	-moz-transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;  
    -o-transition: opacity 0.1s linear;  
    -ms-transition: opacity 0.1s linear;  
    transition: opacity 0.1s linear;
	
	opacity:0;
	filter: alpha(opacity=0);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.btn-animated.active a,
.btn-animated:hover a{
	color:#fff;
	z-index:100;
	opacity:1;
	filter: alpha(opacity=100);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	-moz-transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.2s linear;  
    -o-transition: opacity 0.2s linear;  
    -ms-transition: opacity 0.2s linear;  
    transition: opacity 0.2s linear;	
}

.btn-animated span{
	height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 16px;
	margin: -8px 0 0 -8px;
	display:block;
}

.btn-animated.active span,
.btn-animated:hover span{
	display:none;
}



/* --- Hover --- */

.button:hover{
	background: #4A5155;
	color:#fff;	
}



/* --- Active --- */

.button:active {
	background: #373C3F;
	color:#fff;
}


/* ------- Block Section ------- */

.block{
	position:relative;
	width:100%;
	height:500px;
	overflow:hidden;
}

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

.block#block_01{
	background: url(../images/block/block_01.jpg) 50% 50% no-repeat #999;
	background-size:cover;
}

.block#block_02{
	background:url(../images/block/block_02.jpg) 50% 50% no-repeat #999;
	background-size:cover;
}

.block#block_03{
	background:url(../images/block/block_03.jpg) 50% 50% no-repeat #999;
	background-size:cover;
}



.block_bg{
	width:100%;
	height:100%;
	position:absolute;
}

.block .blockmask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	-moz-box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.35) inset, 0 8px 6px -6px rgba(0, 0, 0, 0.35) inset;
	-webkit-box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.35) inset, 0 8px 6px -6px rgba(0, 0, 0, 0.35) inset;
	box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.35) inset, 0 8px 6px -6px rgba(0, 0, 0, 0.35) inset;
	z-index:1;
}

.block_overlay{
	width:100%;
	height:100%;
	position:absolute;
	z-index:9;
}

.block .container{
	height:100%;
}

.block .container .sixteen{
	height:100%;
}

.block .block_content{
	position:absolute;
	width:100%;
}

.header_tagline {
	text-align: center;
	padding-bottom: 40px;
	padding-top: 190px;
	height:500px;
	
	}
	
.header_tagline h1, .header_tagline h2, .header_tagline h3, .header_tagline h4, .header_tagline h5, .header_tagline h6 {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:lighter;
	margin:  0 0 5px 0;
	}
#slogan {
	text-align: center;
	color: #fff;
	font-family: 'Lato', sans-serif;
}

#slogan p {
	margin: 0px;
}

.teaserLight {
	line-height: 26px;
	font-size: 20px;
	font-weight: 100;
	text-shadow: 2px 4px 0 rgba(0,0,0,0.5);
    
}

.teaserHeavy {
	line-height: 30px;
	font-size: 26px;
	font-weight: 600;
    	text-shadow: 4px 4px 0 rgba(0,0,0,0.5);

}

#captchaInput {
  width: 2.5em;
  margin-bottom: 10px;
}

#hid {
    display: none;
}