@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,cyrillic-ext,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic-ext,latin-ext);
/* 
	--------> Global Styles
*/

html,body {
	width:100%;
	height:100%
}
body {
	overflow-x:hidden;
}
.wrap-general {
	position:relative;
	z-index:999;
	overflow:hidden;
	background:#f6f6f6
}
.sub-page {
	background:#fff
}
.sub-page-bg {
	background:#f6f6f6
}
ul{
	list-style: none;
}

a .image-wrap {
    display: block;
    height: 430px;
    background-position: center 0%;
	background-size: cover;
}

a:hover .image-wrap {
	background-position: center 100%;
	background-size: cover;
}

.move {
   -webkit-transition: all 4s ease-out;
	-moz-transition: all 4s ease-out;
	-ms-transition: all 4s ease-out;
	-o-transition: all 4s ease-out;
	transition: all 4s ease-out;
}

/* 
	--------> Titles
*/
h1,h2,h3,h4,h5,h6 {
	margin:0;
	line-height:1em
}
h2 {
	font-size:60px;
	letter-spacing:-1px
}
h3{
	font-size:30px;
	font-weight:300;
	margin:44px 0 17px 0
}
h3.m_bot1{
	margin-bottom: 30px;
}
h3.white{color: #fff;}
h4 {
	font-size:24px;
	font-weight:300;
	margin:20px 0 20px 0
}
h5{
	font-size:18px;
	line-height:26px;
	color:#121212;
	font-weight:bold
}
.lead {
	font-size:18px;
	line-height:26px;
	color:#555;
	font-weight:bold
}
p.lead {
	margin:0 0 23px 0
}

/* 
	--------> Hovers
*/

a,
.portfolio a:after,
.client_carousel #foo2>li img,
.shots li .overlay .more,
.m_service:hover .service_description,
.m_service .service_description .desc_inner,
.process-item .circle,
.process-item .circle:before,
.process-item .circle .num,
.list-journal li h3,
.title-bg,
.portfolio_grid li > a:after,
.close_btn:after{
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s;
}
.m_service .service_description{
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.portfolio_grid a img{
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}
a:hover,
.epicSlider.theme-default #epic-navigation .nav-button #next.up,
.epicSlider.theme-default #epic-navigation .nav-button #prev.down{
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
a:focus,a:active {
	color:inherit
}
figure.img-polaroid {
	display:inline-block;
	margin:0
}


.img-polaroid a {
	display:block
}
.img-polaroid {
	padding:5px;
	background-color:#2d2d2d;
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.img-polaroid img {
	max-width:inherit;
	width:100%
}

/* 
	--------> Buttons
*/

.btn {
	display:inline-block;
	background:#1b1b1b;
	font-size:18px;
	line-height:1em;
	text-transform:uppercase;
	padding:21px 40px 21px 40px;
	letter-spacing:1px;
	color:#fff;
	-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.4);
	-moz-box-shadow:0 3px 7px rgba(0,0,0,0.4);
	box-shadow:0 3px 7px rgba(0,0,0,0.4);
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:0;
	text-shadow:none;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn:hover {
	color:#121212;
	background:#fff;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-1 {
	font-family:Arial,sans-serif;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align:left;
	font-size:16px;
	line-height:1em;
	border:#d9d9d9 1px solid;
	background:#fff;
	color:#121212;
	padding:16px 25px 16px 50px;
	display:inline-block;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-1:hover {
	background:#121212;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-2 {
	font-family:'Roboto',sans-serif;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align:left;
	line-height:20px;
	padding:14px 25px 16px 60px;
	display:inline-block;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-2:hover {
	color:#fff;
	background:#2d2d2d;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-3 {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align:left;
	font-family:Arial,sans-serif;
	font-size:16px;
	text-transform:none;
	line-height:20px;
	letter-spacing:0;
	padding:15px 25px 15px 50px;
	display:inline-block;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-3:hover {
	color:#fff;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-4 {
	font-family:Arial,sans-serif;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align:left;
	font-size:16px;
	line-height:1em;
	border:#2d2d2d 1px solid;
	background:#1b1b1b;
	color:#fff;
	padding:16px 25px 16px 50px;
	display:inline-block;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.btn-4:hover {
	color:#121212;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}

/* 
	--------> Default styles
*/

.extra-wrap {
	overflow:hidden
}
.padding-bottom {
	padding-bottom:45px
}
.top-1 {
	margin-top:40px
}
.right-1 {
	margin-right:5px
}
.color-1 {
	color:#555
}

/* 
	--------> Lists
*/

.list {
	margin:0;
	list-style-type:none
}
.list li {
	position:relative;
	padding-left:22px;
	font-size:16px;
	line-height:26px;
	margin-top:12px;
	color:#555
}
.list li a {
	color:#555
}
.list li a:hover {
	color:#121212
}
.list li:first-child {
	margin-top:0
}
.list li:before {
	font-family:'fontello';
	font-size:12px;
	font-weight:normal;
	left:0;
	line-height:1em;
	margin:0;
	position:absolute;
	top:8px;
	content:'\2192'
}

/* 
	--------> Main menu Block
*/

#navigation-wrapper {
	width:100%;
	z-index:99999;
	background:#fafbfb;
	height:90px;
}
#navigation {
	background:#fafbfb;
	position:relative;
	z-index:1000;
	width:100%;
	height:90px
}
#navigation h1{
	margin:20px 0 0 35px;
	display:inline-block;
	float:left
}
#navigation h1 a{
	display: block;
	width: 61px;
	height: 61px;
	background: url("../img/logo.png") no-repeat;
}
#navigation img{
float: left; 
margin: 22px 0 0 20px;
}

/* ----------------- Splash Page ---------------- */
#splash{
	background-image:url(../bg.jpg);
	background-position:center;
	background-attachment:fixed;
}
#splash #navigation{
	text-align: center;
	height: auto;
}
#splash #navigation h1 {
	margin:35px auto;
	float:none;
}
#splash #navigation h1 a{
	cursor: default;
}
.splash_title{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color:#bdc3c7;
	font-weight:300;
	margin-bottom: 20px;
}
.splash_box{
	padding: 30px 0;
}
.splash_item{
	padding: 15px 15px 20px;
	display: block;
	position: relative;
	background: #fff;
	margin: 0 0 30px 0;
	border-radius: 4px;
}
.splash_item span{display: block;}
.splash_item figure{
	margin: 0 0 28px;
}
.splash_item:after{
	display: block;
	width: 0;
	height: 100%;
	top: 0;
	left: 50%;
	position: absolute;
	z-index: -1;
	background: #fff;
	box-shadow:0 0 10px #292f38;
	opacity: 0;
	content: "";
	border-radius: 4px;
}
.splash_item:after{
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}
.splash_item:hover:after{
	width: 100%;
	opacity: 1;
	left: 0;
}
.splash_item:hover{	
}
.splash_item .title{
	font-family:'Roboto', sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #34383D;
	text-align: center;
	font-weight: 400;
	letter-spacing:-0.5;
	margin: 0 0 0 0;
	padding-top: 20px;
	padding-bottom: 25px;
}

.splash_item .subtitle{
	font-family:'Roboto',sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #606366;
	text-align: center;
	font-weight: 400;
	margin: 0 0 0 0;
	padding-top: 10px;
	padding-bottom: 30px;
}
.splash_button {
display: inline-block;
margin-bottom: 0.8em;
padding: 8px 21px 9px;
color: #292F38;
font-family:'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-align: center;
vertical-align: top;
cursor: pointer;
backface-visibility: hidden;
transition: all 0.4s ease 0s;
border-radius: 4px;
box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.17) inset;
background-color: #E2E6E7;
float: right; 
margin: 23px 0 0 10px;
}

.splash_button:hover {
display: inline-block;
margin-bottom: 0.8em;
padding: 8px 21px 9px;
color: #fff;
font-family:'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-align: center;
vertical-align: top;
cursor: pointer;
backface-visibility: hidden;
transition: all 0.4s ease 0s;
border-radius: 4px;
box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.17) inset;
background-color: #34495e;
float: right; 
margin: 23px 0 0 10px;
}

.splash_button_yellow {
display: inline-block;
margin-bottom: 0.8em;
padding: 8px 21px 9px;
color: #fff;
font-family:'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-align: center;
vertical-align: top;
cursor: pointer;
backface-visibility: hidden;
transition: all 0.4s ease 0s;
border-radius: 4px;
box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.17) inset;
background-color: #e74c3c;
float: right; 
margin: 23px 0px 0 10px;
}
.splash_button_yellow:hover {
display: inline-block;
margin-bottom: 0.8em;
padding: 8px 21px 9px;
color: #fff;
font-family:'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-align: center;
vertical-align: top;
cursor: pointer;
backface-visibility: hidden;
transition: all 0.4s ease 0s;
border-radius: 4px;
box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.17) inset;
background-color: #34495e;
float: right; 
margin: 23px 0px 0 10px;
}

.splash_button_preview {
display: inline-block;
margin-bottom: 0.8em;
padding: 8px 21px 9px;
color: #fff;
font-family:'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-align: center;
vertical-align: top;
cursor: pointer;
backface-visibility: hidden;
transition: all 0.4s ease 0s;
border-radius: 4px;
box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.17) inset;
background-color: #e74c3c;
float: center; 
}
.splash_button_preview:hover {
display: inline-block;
margin-bottom: 0.8em;
padding: 8px 21px 9px;
color: #fff;
font-family:'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-align: center;
vertical-align: top;
cursor: pointer;
backface-visibility: hidden;
transition: all 0.4s ease 0s;
border-radius: 4px;
box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.17) inset;
background-color: #34495e;
float: center; 
}
.splash_buttons {
float: center;
width: 100%;
left: 39%;
position: relative;
}

.splash_tooltip {
font-family:'Roboto', sans-serif;
font-size: 11px;
color: #606366;
text-align:left;
font-style:italic;
line-height:12px;
position:relative;
padding-bottom: 10px;
margin-top: 10px;
left: 31%;
}
/* 
	--------> Navigation Block
*/

#navigation h1 a {
	color:#b3b3b3
}
#navigation h1 a span {
	color:#121212
}
#navigation h1 a:hover {
	text-decoration:none
}
#navigation ul {
	display:inline-block;
	float:right;
	text-align:right;
	list-style:none;
	font-size:0
}
#navigation ul li {
	display:inline;
	font-size:16px;
	line-height:1em;
}
#navigation ul li a {
	font-family:'Roboto',sans-serif;
	font-size:16px;
	line-height:1em;
	display:inline-block;
	color:#121212;
	margin:43px 29px 41px 30px;
	text-transform: uppercase;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
#navigation ul li a:hover,
#navigation ul li.current a{
	text-decoration:none;
	color:#fff
}
#navigation ul li.home {
	display:none
}

#index {
	background:#000;
	height:100%;
	margin-bottom:0px;
	position:relative;
}
#video_wrapper{
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
#index iframe{
	position: absolute;
	z-index: 99 !important;
}
.title-bg{
	padding:40px 0;
}
.title-bg h2 {
	margin:0;
	color: #fff;
}
.video-wrapper{
	background: #fff !important;
}
/*----------- Statistic --------*/
.stat_block{margin-top: -3px;font-family:'Roboto',sans-serif;}
.stat_block .num{
	width: 227px;
	font-size: 100px;
	line-height: 0.8em;
	margin: 0 0;
	font-weight: 300;
	color: #121212;
	letter-spacing: -5px;
	font-family:'Roboto',sans-serif;
}
.stat_icon{padding-top: 10px;}
.stat_icon:before{
	font-family: "FontAwesome";
	font-size: 65px;
	line-height: 1em;
	opacity: 0.5;
}
.stat_block .descr strong{
	font-size: 48px;
	font-weight: 600;
	line-height: 1em;
}
.stat_block .descr{
	font-size: 24px;
	line-height: 1em;
	padding: 5px 0 0 8px;
}
.f_left{
	float: left;
}
.ext_wrap{
	overflow: hidden;
}
/*---*/

/* 
	--------> Page About
*/

.carousel-1 {
	overflow:hidden;
	margin:40px 0 0 0
}
.carousel-1 .flexslider {
	position:relative;
	z-index:10;
	padding:0
}
.carousel-1 .flexslider .slides {
	margin:0
}
.carousel-1 .flexslider .slides>li {
	margin-right:0;
	position: relative;
	display:none;
	-webkit-backface-visibility:hidden
}
.carousel-1 .flexslider .slides img {
	width:100%;
	display:block
}
.no-js .slides>li:first-child {
	display:block
}
.carousel-1 .carousel {
	margin:0!important
}
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
html[xmlns] .slides {
	display:block
}
* html .slides {
	height:1%
}
.p_link{
		display: block;
		width: 40px;
		height: 40px;
		background: url("../img/p_link.png") 50% 50% no-repeat rgba(18,18,18,0.8);
		position: absolute;
		z-index: 10;
		right: 10px;
		bottom: 10px;
	}
.carousel-1 .flexslider .flex-prev,.carousel-1 .flexslider .flex-next {
	/*background:url(../img/carousel-btn-bg.png) 0 0 repeat;*/
	width:70px;
	height:70px;
	position:absolute;
	top:50%;
	margin-top:-35px;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	z-index:100;
	display:block!important;
	background-color: rgba(18,18,18,0.8);
}
.carousel-1 .flexslider .flex-prev:hover,.carousel-1 .flexslider .flex-next:hover {
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none
}
.carousel-1 .flexslider .flex-prev {
	left:0
}
.carousel-1 .flexslider .flex-prev:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-7px 0 0 -13px;
	width:26px;
	height:14px;
	background:url(../img/prev.png) 0 0 no-repeat
}
.carousel-1 .flexslider .flex-next {
	right:0
}
.carousel-1 .flexslider .flex-next:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-7px 0 0 -13px;
	width:26px;
	height:14px;
	background:url(../img/next.png) 0 0 no-repeat
}
.carousel-1 .flexslider .flex-disabled {
	background:url(../img/carousel-btn-bg.png) 0 0 repeat!important
}
.carousel-1 .flex-direction-nav {
	list-style:none;
	margin:0;
	display:block!important
}
.black-block-bg {
	background:#121212;
	padding-bottom:43px
}
.black-block-bg h3 {
	color:#fff;
	margin-bottom:0
}
.black-block-bg h3.m_bot1{
	margin-bottom: 17px;
}

.team-list .thumbnails {
	overflow:hidden;
	margin-top:5px;
	margin-right:-10px
}
.team-list .thumbnails .span3 {
	margin-top:7px;
	margin-bottom:0;
	float:left
}
.team-list .thumbnails .thumbnail {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:0;
	padding:0;
	font-size:14px;
	line-height:24px;
	padding:10px 0 15px 0
}
.team-list .thumbnails .thumbnail:hover {
	background:#2d2d2d;
	position:static;
	margin-left:-10px;
	margin-right:-10px;
	padding:10px 10px 15px 10px
}
.team-list .thumbnails .thumbnail .caption {
	display:block;
	margin:0;
	padding:22px 5px 0 5px;
	color:#aaa
}
.team-list .thumbnails .thumbnail figure {
	display:block
}
.team-list .thumbnails .thumbnail strong {
	display:block;
	font-size:18px;
	line-height:1em;
	text-transform:uppercase
}
.team-list .thumbnails .thumbnail span {
	display:block;
	color:#fff;
	margin:-1px 0 12px 0
}
.team-list .thumbnails .thumbnail .social-icons {
	margin-top:17px
}
.team-list .thumbnails .thumbnail .social-icons a {
	float:left;
	margin-right:5px;
	margin-top:5px;
	width:32px;
	height:32px;
	position:relative;
	display:inline-block;
	color:#fff
}
.team-list .thumbnails .thumbnail .social-icons .tooltip {
	margin-top:-8px!important
}
.team-list .thumbnails .thumbnail .social-icons .tooltip.in {
	opacity:1!important;
	filter:alpha(opacity=100)!important
}
.team-list .thumbnails .thumbnail .social-icons .tooltip .tooltip-arrow {
	border-top-color:#d9d9d9
}
.team-list .thumbnails .thumbnail .social-icons .tooltip .tooltip-inner {
	background-color:#d9d9d9;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	font-size:13px;
	line-height:18px;
	color:#121212;
	padding:3px 10px 3px 10px
}
.team-list .thumbnails .thumbnail .facebook {
	background:#39599f
}
.team-list .thumbnails .thumbnail .twitter {
	background:#45b0e3
}
.team-list .thumbnails .thumbnail .linkedin {
	background:#65b7d2
}
.team-list .thumbnails .thumbnail .flickr {
	background:#fff;
	color:#000!important
}
.team-list .thumbnails .thumbnail .google {
	background:#1872bf
}
.team-list .thumbnails .thumbnail .tumblr {
	background:#385a75
}
.team-list .thumbnails .thumbnail .dribbble {
	background:#d97aa5
}
.team-list .thumbnails .thumbnail a:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-7px 0 0 -7px;
	font-size:14px;
	line-height:1em;
	font-family:'fontello'
}
.white-block-bg {
	background:#f6f6f6;
	padding:44px 0 44px 0
}
.white-block-bg h3 {
	color:#121212;
	margin:0
}
.white-block-bg .extra-wrap {
	width:70%;
	float:left
}
.white-block-bg .extra-wrap h3 {
	line-height:1.2em;
	font-weight:normal;
	color:#121212;
	margin:-4px 0 0 0
}
.white-block-bg .btn-2 {
	position:relative;
	width:auto;
	height:auto;
	float:right
}
.white-block-bg .btn-2:before {
	position:absolute;
	left:18px;
	top:50%;
	font-weight:normal;
	margin:-15px 0 0 0;
	font-size:30px;
	line-height:1em;
	font-family:'fontello'
}

/* 
	--------> Page Work
*/

#options ul {
	margin:50px 0 20px 0;
	overflow:hidden
}
#options ul li {
	display:inline-block;
	float:left
}
#options ul li a {
	display:inline-block;
	color:#121212;
	float:left;
	background:#fff;
	font-size:16px;
	line-height:1em;
	padding:16px 20px 16px 20px;
	border:#d9d9d9 1px solid;
	margin-right:5px
}
#options ul li a:active,#options ul li a.selected,#options ul li a:hover {
	background:#121212;
	border-color:#121212;
	color:#fff
}

.blockquote-block blockquote {
	margin:37px 0 0 0;
	padding:0;
	font-size:16px;
	line-height:26px;
	color:#aaa;
	display:block;
	border:0
}
.blockquote-block blockquote .extra-wrap {
	position:relative;
	padding-bottom:30px;
	font-style:italic
}
.blockquote-block blockquote .extra-wrap:after {
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:55px;
	height:51px;
	background:url(../img/quote-2.png) 0 0 no-repeat
}
.blockquote-block blockquote span {
	display:block
}
.blockquote-block blockquote .blockquote-author {
	text-align:right;
	color:#fff;
	padding-top:4px;
	font-size:14px;
	line-height:20px;
	position:relative;
	width:170px;
	float:left;
	margin-right:30px
}
.blockquote-block blockquote .blockquote-author:after {
	content:"";
	position:absolute;
	left:0;
	top:-16px;
	width:55px;
	height:51px;
	background:url(../img/quote-1.png) 0 0 no-repeat
}
.blockquote-block blockquote .blockquote-author strong {
	display:block;
	font-size:18px;
	line-height:1em;
	text-transform:uppercase
}
.blockquote_carousel {
	position:relative
}
.blockquote_carousel #foo {
	display:block;
	list-style:none outside none;
	margin:0;
	padding:0
}
.blockquote_carousel #foo>li {
	cursor:default;
	display:block;
	float:left;
	margin-right:0;
	padding:0
}
.blockquote_carousel.responsive {
	margin-left:0;
	width:auto
}
.blockquote_carousel .prev,.blockquote_carousel .next {
	cursor:pointer;
	display:inline-block;
	height:30px;
	position:absolute;
	top:-30px;
	width:30px;
	background:0;
	color:#fff
}
.blockquote_carousel .prev:before,.blockquote_carousel .next:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-14px 0 0 -13px;
	width:26px;
	height:14px;
	font-size: 24px;
	font-weight: normal;
}

.blockquote_carousel .prev {
	right:44px
}
.blockquote_carousel .prev:before {
	content: "←";
}
.blockquote_carousel .next {
	right:0
}
.blockquote_carousel .next:before {
	content: "→";
}
.client_carousel {
	position:relative;
	margin-top:26px;
	padding-bottom:0px
}
.client_carousel #foo2 {
	display:block;
	list-style:none outside none;
	margin:0;
	padding:0
}
.client_carousel #foo2>li{
	cursor:default;
	display:inline-block;
	min-height:48px;
	float:left;
	margin-right:0;
	padding:0
}
.client_carousel #foo2>li img{
	opacity: 0.5;
}
.client_carousel #foo2>li:hover img{
	opacity: 1;
}
.client_carousel.responsive {
	margin-left:0;
	width:auto
}
.client_carousel .prev2,.client_carousel .next2 {
	cursor:pointer;
	display:inline-block;
	height:30px;
	position:absolute;
	top:-55px;
	width:30px;
	background:0;
	color:#121212
}
.client_carousel .prev2:before,.client_carousel .next2:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-7px 0 0 -13px;
	width:26px;
	height:14px;
	font-size: 24px;
	font-weight: normal;
	font-family: "Arial";
}

.client_carousel .prev2 {
	right:44px
}
.client_carousel .prev2:before {
	content: "←";
}
.client_carousel .next2 {
	right:0
}
.client_carousel .next2:before {
	content: "→";
}
.work-carousel {
	margin-top:50px
}
.video_wrap{
	height: 770px;
}
.carousel-relative {
	position:relative
}
.carousel-relative .prev,.carousel-relative .next {
	top:-70px;
	position:absolute;
	width:auto;
	font-family:Arial,sans-serif;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align:left;
	font-size:16px;
	line-height:1em;
	border:#d9d9d9 1px solid;
	background:#fff;
	color:#121212;
	width:165px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block
}
.carousel-relative .prev:hover,.carousel-relative .next:hover {
	background:#121212
}
.carousel-relative .prev {
	padding:16px 0 16px 55px;
	right:170px
}
.carousel-relative .prev:before {
	content:'\2190';
	position:absolute;
	left:16px;
	top:50%;
	margin-top:-10px;
	font-weight:normal;
	font-size:20px;
	line-height:1em;
	font-family:'fontello'
}
.carousel-relative .next {
	padding:16px 0 16px 25px;
	right:0
}
.carousel-relative .next:before {
	content:'\2192';
	position:absolute;
	right:16px;
	top:50%;
	margin-top:-10px;
	font-weight:normal;
	font-size:20px;
	line-height:1em;
	font-family:'fontello'
}
a.btn-projects {
	position:relative;
	width:auto;
	margin-bottom:20px
}
a.btn-projects:before {
	position:absolute;
	left:19px;
	top:50%;
	font-weight:normal;
	margin:-9px 0 0 0;
	font-size:19px;
	line-height:1em;
	font-family:'FontAwesome'
}
.carousel-2 {
	margin:0
}
.carousel-2 .flexslider2 {
	position:relative;
	z-index:10;
	padding:0;
	text-align:center
}
.carousel-2 .flexslider2 .slides {
	margin:0
}
.carousel-2 .flexslider2 .slides>li {
	margin-right:0;
	display:none;
	-webkit-backface-visibility:hidden
}
.carousel-2 .flexslider2 .slides img {
	width:100%;
	display:block
}
.no-js .slides>li:first-child {
	display:block
}
.carousel-2 .carousel {
	margin:0!important
}
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
html[xmlns] .slides {
	display:block
}
* html .slides {
	height:1%
}
.carousel-2 .flexslider2 .flex-prev,.carousel-2 .flexslider2 .flex-next {
	width:70px;
	height:70px;
	position:absolute;
	top:50%;
	margin-top:-35px;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	background-color: rgba(18,18,18,0.8);
}

.carousel-2 .flexslider2 .flex-prev {
	left:0
}
.carousel-2 .flexslider2 .flex-prev:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-7px 0 0 -13px;
	width:26px;
	height:14px;
	background:url(../img/prev.png) 0 0 no-repeat
}
.carousel-2 .flexslider2 .flex-next {
	right:0
}
.carousel-2 .flexslider2 .flex-next:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-7px 0 0 -13px;
	width:26px;
	height:14px;
	background:url(../img/next.png) 0 0 no-repeat
}
.carousel-2 .flexslider2 .flex-disabled {
	opacity: 0.5;
}
.carousel-2 .flexslider2 .flex-direction-nav {
	list-style:none;
	margin:0
}
.carousel-2 .flexslider2 .flex-control-nav {
	list-style:none;
	margin:0;
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	display:block;
	text-align:center
}
.carousel-2 .flexslider2 .flex-control-nav li {
	display:inline-block;
	overflow:hidden;
	line-height:0;
	font-size:0;
	width:10px;
	height:10px;
	padding:2px;
	margin:0 2px
}
.carousel-2 .flexslider2 .flex-control-nav li a {
	width:6px;
	height:6px;
	display:block;
	overflow:hidden;
	line-height:0;
	font-size:0;
	text-indent:-800px;
	border:#3d3c3d 2px solid;
	background:transparent;
	cursor:pointer;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0)
}
.carousel-2 .flexslider2 .flex-control-nav li a.flex-active,.carousel-2 .flex-control-nav li a:hover {
	width:6px;
	height:6px;
	display:block;
	border:transparent 2px solid;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}

/*---------Dribble -----------*/
.shots.thumbs{overflow: hidden;margin: 3px 0 0 0px;}
.shots.thumbs li{
	float: left;
	width: 230px;
	margin-left: 5px;
}
.shots.thumbs li:first-child{margin-left: 0;}
.shots.thumbs li img{
	width: 230px;
	height: 230px;
	position: relative;
	display: block;
	z-index: 1;
}
.shots.thumbs li figure{
	margin: 0;
	position: relative;
}
.shots.thumbs li .overlay .more{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url("../img/more_link_dribble.png") 50% 50% no-repeat rgba(0,0,0,0.5);
	z-index: 2;
}
.shots.thumbs li .overlay:hover .more{
	opacity: 1;
}
.z5{z-index: 5;}

/*---*/

/*---------- Services page ---------*/
.services{
	color:#aaa
}
.process-container{
	min-height: 210px;
	margin: 21px 0 0px 45px;
	overflow: hidden;
}
.process-item{
	width: 80px;
	padding: 0 0 42px;
	margin-left: 122px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	position: relative;
}
.process-container .process-item:first-child{
	margin-left: 0;
}
.process-item figure{
	margin: 0;
	display: block;
	margin-bottom: 3px;
}
.process-item [class^="icon-"], .process-item [class*=" icon-"]{
	width: auto;
}
.process-item [class^="icon-"]:before, .process-item [class*=" icon-"]:before{
	font-family: 'FontAwesome';
	font-size: 30px;
	line-height: 1em;
	width: auto;
	display: inline-block;
}
.process-item1{
	padding-top: 96px;
}
.process-item2{
	padding-top: 38px;
}
.process-item3,
.process-item5{
	padding-top: 67px;
}
.process-item4{
	padding-top: 8px;
}
.process-item .circle{
	border-radius: 500px;
	box-shadow: 0 0 0 2px #2d2d2d;
	width: 18px;
	height: 18px;
	margin-left: -11px;
	position: absolute;
	left: 50%;
	background: #121212;
	z-index: 9;
	bottom: 8px;
}
.process-item:hover .circle{
	width: 40px;
	height: 40px;
	bottom: -3px;
	margin-left: -22px;
}
.process-item .circle:before{
	display: block;
	position: absolute;
	left: 50%;	
	top: 50%;
	margin: -5px 0 0 -5px;
	border-radius: 50px;
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #fff;
	content: "";
}
.process-item:hover .circle:before{
	opacity: 0;
}
.process-item .circle .num{
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	color: #fff;
}
.process-item:hover .circle .num{
	opacity: 1;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	padding-top: 8px;
}
.process-item:after{
	display: block;	
	position: absolute;	
	bottom: 43px;
	left: 47px;	
	height: 2px;
	background: #2d2d2d;
	width: 185px;
	content: "";
}
.process-item1:after,
.process-item3:after{
	-webkit-transform: skewY(-16deg);
	-moz-transform: skewY(-16deg);
	-o-transform: skewY(-16deg);
	-ms-transform: skewY(-16deg);
}
.process-item2:after{
	-webkit-transform: skewY(10deg);
	-moz-transform: skewY(10deg);
	-o-transform: skewY(10deg);
	-ms-transform: skewY(10deg);
	bottom: 0px;
}
.process-item4:after{
	-webkit-transform: skewY(17deg);
	-moz-transform: skewY(17deg);
	-o-transform: skewY(17deg);
	-ms-transform: skewY(17deg);
	bottom: -15px;	
}
.process-item5:after{
	-webkit-transform: skewY(-19deg);
	-moz-transform: skewY(-19deg);
	-o-transform: skewY(-19deg);
	-ms-transform: skewY(-19deg);
	bottom: 48px;
}
.process-item6:after{
	display: none;	
}
.process_description_wrap{
	min-height: 52px;
}
.process_description_wrap>div{
	display: none;
}
.process_description_wrap>div:first-child{
	display: block;
}
#services .item .icons-bg {
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
	background:#2d2d2d;
	width:170px;
	height:170px;
	margin:11px auto 0 auto
}
#services .item .icons-bg>span {
	position:relative;
	color:#fff;
	width:170px;
	height:170px
}
#services .item .icons-bg>span:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-45px 0 0 -45px;
	font-size:90px;
	line-height:1em;
	font-family:'FontAwesome'
}
.services-list {
	font-size:14px;
	line-height:24px;
	color:#555;
}
.services-list .span3 {
	margin-top:31px
}
.services-list span{
	position:relative;
	display:inline-block;
	font-size:18px;
	line-height:26px;
	color:#121212;
	font-weight:bold;
	font-family:Arial,sans-serif;
	margin-bottom:55px
}
.services-list span:before {
	position:absolute;
	left:-20px;
	top:50%;
	font-weight:normal;
	margin:0px 0 0 0;
	font-size:55px;
	line-height:1em;
	font-family:'FontAwesome'
}
.services-list span.extra:before{
	font-size: 50px;
}

/*----------Main Services ---------*/
.main_services{
	padding-top: 11px;
	margin: 0;
}
.m_service{
	width: 188px;
	border: 1px solid #d9d9d9;
	float: left;
	text-align: center;
	padding: 73px 20px 67px;
	background-color: #fff;
	margin-left: 5px;
	position: relative;
}
.m_service .service_description{
	position: absolute;
	color: #fff;
	overflow: hidden;
	left: 50%;
	top: 50%;
	right: 50%;
	bottom: 50%;
	z-index: 99;
	box-shadow: 0 3px 7px rgba(0,0,0,0.41);
}
.m_service .service_description .desc_inner{
	padding: 73px 20px;
	color: #fff;
	opacity: 0;
	display: none;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
}
.m_service .service_description .desc_inner>span{display: block;margin-bottom: 13px;}
.m_service:hover .service_description{
	top: -21px;
	left: -21px;
	right: -21px;
	bottom: -21px;
}
.m_service:hover .service_description .desc_inner{
	opacity: 1;
	display: block;
}
.m_service .service_description strong{
	font-size: 18px;
	line-height: 26px;
	color: #fff;
}
.main_services>li{margin-top: 5px;}
.main_services>li:first-child{margin-top: 0;}
.main_services>li .m_service:first-child{
	margin-left: 0;
}
.m_service .title{
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	color: #000;
}

/*---*/

/* 
	--------> Page journal
*/


.list-journal {
	margin:51px 0 20px 0;
	list-style-type:none
}
.list-journal li {
	display:block;
	overflow:hidden;
	border:#d9d9d9 1px solid;
	background:#fff;
	padding:13px 18px 11px 0;
	font-size:14px;
	line-height:24px;
	color:#555;
	margin-top:10px;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.list-journal li:first-child {
	margin-top:0
}
.list-journal li .journal-date {
	float:left;
	width:70px;
	font-size:44px;
	font-weight:bold;
	color:#b3b3b3;
	line-height:1em;
	text-align:right;
	margin-right:30px
}
.list-journal li .journal-date span {
	display:block;
	font-size:16px;
	line-height:1em;
	margin-top:-5px
}
.list-journal li a.journal-link {
	font-size:16px;
	line-height:1em;
	color:#121212;
	display:inline-block;
	float:right;
	padding-left:30px;
	position:relative;
	width:auto;
	font-family:Arial,Helvetica,sans-serif;
	margin-top:20px;
	margin-left:15px
}
.list-journal li a.journal-link:before {
	position:absolute;
	left:0;
	top:50%;
	font-weight:normal;
	margin:-8px 0 0 0;
	font-size:17px;
	line-height:1em;
	font-family:'FontAwesome'
}
.list-journal li .journal-content {
	overflow:hidden
}
.list-journal li .journal-content a {
	color:#121212
}
.list-journal li h3 {
	margin:0 0 5px 0
}
.list-journal li:hover {
	background:#121212;
	border-color:#121212;
	-webkit-transition:all .25s ease-in-out 0s;
	-moz-transition:all .25s ease-in-out 0s;
	-o-transition:all .25s ease-in-out 0s;
	transition:all .25s ease-in-out 0s
}
.list-journal li:hover .journal-date {
	color:#555555
}
.list-journal li:hover h3{
	color: #fff;
}

.list-journal li a.journal-link:hover span,.list-journal li .journal-content a:hover {
	text-decoration:underline
}

.btn-social.icon-facebook-sign:hover{
	color: #406dcb;
}

.shots.small{margin: 0;}

.resize-1 {
	display:inline-block
}
a.btn-articles {
	position:relative;
	width:auto;
	float:left
}
a.btn-articles:before {
	position:absolute;
	left:19px;
	top:50%;
	font-weight:normal;
	margin:-9px 0 0 0;
	font-size:19px;
	line-height:1em;
	font-family:'FontAwesome'
}
.social-block {
	padding:43px 0 50px 0
}
.social-block-title{
	font-family:'Roboto',sans-serif;
	font-size:48px;
	line-height:1em;
	color:#fff;
	overflow:hidden;
	text-transform:uppercase;
	margin-bottom:24px
}
.social-block-title strong{
	color: #406dcb;
}
.social-block-title .fb,.social-block-title .twit {
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
	background:#2d2d2d;
	width:70px;
	height:70px;
	float:left;
	position:relative;
	color:#fff;
	margin:12px 30px 0 0
}
.social-block-title .fb:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-17px 0 0 -17px;
	font-size:35px;
	line-height:1em;
	font-family:'FontAwesome';
	content:"\f087"
}
.social-block-title .twit:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-17px 0 0 -17px;
	font-size:35px;
	line-height:1em;
	font-family:'FontAwesome';
	content:"\f099"
}
.social-block-title span {
	font-weight:300;
	display:block
}
.social-block-facebook p {
	font-size:14px;
	line-height:24px;
	color:#aaa;
	margin:5px 0 22px 0
}
a.btn-social {
	position:relative;
	width:auto
}
a.btn-social:before {
	position:absolute;
	left:19px;
	top:50%;
	font-weight:normal;
	margin:-8px 0 0 0;
	font-size:17px;
	line-height:1em;
	font-family:'FontAwesome'
}
.tweet{
	margin-bottom: 20px;
}
.tweet ul {
	margin:0;
	list-style-type:none
}
.tweet ul li {
	font-size:16px;
	line-height:24px;
	color:#aaa;
	margin:0;
	padding:0;
	text-align:left
}
.tweet ul li a {
	color:#fff
}
.tweet ul li:first-child {
	margin-top:0
}
.tweet .tweet_text {
	color:#aaa
}
.tweet .tweet_time {
	display:block;
	margin-bottom:10px
}
.tweet .tweet_time a {
	display:inline-block;
	color:#444;
	font-size:14px;
	font-style:italic;
	font-weight:normal
}
.tweet ul li span a {
	color:#fff
}
.tweet ul li a:hover {
	text-decoration:underline
}
.fb-like {
	display:block
}
.newsletter-form {
	padding:36px 0
}
.newsletter-form h3 {
	float:left;
	margin:7px 45px 0 0
}


/* 
	--------> Page Careers
*/


.join-box{
	overflow: hidden;
}
.join-box>figure{
	float: left;
	width: 70px;
	font-size: 55px;
	line-height: 1em;
	margin: 0 30px 0 0;
	padding-top: 3px;
}
.join-box h5{margin-bottom: 7px;}
.join-box>div{
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
}
.join-list{margin: 0;padding-top: 12px;}
.join-list>li{
	margin-top: 27px;
}
.join-list>li:first-child{margin-top: 0;}

.join-list [class^="icon-"]:before, .join-list [class*=" icon-"]:before{
	font-family: "FontAwesome";
}

#form1 {
	display:block;
	margin:0;
	width:570px;
	position:relative;
	float:left
}
#form1 input {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	border:#d9d9d9 1px solid;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:#121212;
	display:block;
	font-size:16px;
	height:50px;
	line-height:20px;
	margin:0;
	outline:medium none;
	padding:14px 10px;
	width:508px
}
#form1 label {
	display:block;
	margin:0;
	min-height:50px;
	position:relative;
	float:left
}
#form1 .error,#form1 .empty {
	color:#9d261d;
	display:block;
	font-size:11px;
	height:0;
	left:0;
	line-height:18px;
	margin:0;
	overflow:hidden;
	position:absolute;
	top:-17px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	z-index:10
}
#form1 a {
	float:left;
	margin:0;
	width:62px;
	height:50px;
	padding:0;
	position:relative
}
#form1 a:focus {
	background:#1b1b1b;
	color:#fff
}
#form1 a:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-11px 0 0 -11px;
	font-size:22px;
	line-height:1em;
	font-family:'FontAwesome'
}
#form1 .success {
	background:#fff;
	border:1px solid #d9d9d9;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	color:#333;
	display:none;
	left:0;
	padding:5px 10px 5px 10px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	z-index:10
}
#form1 label.invalid .error {
	height:19px
}
.list-journal-2 {
	margin:45px 0 0 0;
	list-style-type:none
}
.list-journal-2 li {
	display:block;
	overflow:hidden;
	font-size:16px;
	line-height:26px;
	color:#555;
	margin-top:10px;
	border-bottom:#d9d9d9 1px solid;
	padding-bottom:45px;
	padding-top:30px
}
.list-journal-2 li:first-child {
	margin-top:0;
	padding-top:0
}
.list-journal-2 li .journal-left {
	float:left;
	width:100px
}
.journal-content-title {
	font-size:14px;
	line-height:24px
}
.list-journal-2 li .journal-date {
	font-size:44px;
	font-weight:bold;
	color:#b3b3b3;
	line-height:1em;
	margin-bottom:25px
}
.list-journal-2 li .journal-date span {
	display:block;
	font-size:16px;
	line-height:1em;
	margin-top:-5px
}
.list-journal-2 li .journal-content {
	overflow:hidden
}
.list-journal-2 li .journal-content h3 {
	margin:0 0 5px 0
}
.list-journal-2 li .journal-content a {
	color:#121212
}
.list-journal-2 li .journal-content a:hover {
	text-decoration:underline
}
.list-journal-2 li .journal-content h3 a:hover {
	text-decoration:none;
	color:#555
}
.list-journal-2 li .journal-content p {
	margin-bottom:18px
}
.list-journal-2 li .journal-content img {
	margin-bottom:20px
}
#form2 {
	display:block;
	margin:50px 0 0 0;
	padding-bottom:24px;
	position:relative
}
#form2 input {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	border:#d9d9d9 1px solid;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:#121212;
	display:block;
	font-size:16px;
	height:50px;
	line-height:20px;
	margin:0;
	outline:medium none;
	padding:14px 10px;
	width:100%
}
#form2 label {
	display:block;
	margin:0;
	min-height:50px;
	position:relative
}
#form2 a {
	margin:0;
	width:62px;
	height:50px;
	padding:0;
	position:absolute;
	top:0;
	right:0
}
#form2 a:focus {
	background:#1b1b1b;
	color:#fff
}
#form2 a:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-9px 0 0 -9px;
	font-size:18px;
	line-height:1em;
	font-family:'FontAwesome'
}
.list-tags {
	margin:-5px 0 0 -5px;
	list-style-type:none
}
.list-tags li {
	display:inline-block;
	float:left;
	margin:5px 0 0 5px;
	font-size:14px;
	line-height:1em
}
.list-tags li a {
	display:block;
	background:#fff;
	border:#d9d9d9 1px solid;
	padding:7px 7px 7px 7px;
	color:#121212
}
.list-tags li a:hover{
	background:#121212;
	border:#121212 1px solid;
}
#flickr_badge_uber_wrapper,
.shots.small{
	margin:-15px 0 0 -5px
}
.flickr_badge_image,
.shots.small>li{
	float:left;
	position: relative;
	width: 86px;
	height: 86px;
	margin:15px 0 0 5px
}
.flickr_badge_image a,
.shots.small>li a{
	display:block;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.flickr_badge_image:hover a,
.shots.small>li:hover a{
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	z-index: 10;
	box-shadow: 0 3px 7px rgba(0,0,0,0.41);
}
.flickr_badge_image a img{
	width: 100%;
}
.shots.small>li img{
	width: 100%;
	height: 100%;
}
p.tags {
	border-bottom:#d9d9d9 1px solid;
	margin:0 0 20px 0;
	padding:17px 0 18px 0;
	font-size:14px;
	line-height:24px;
	color:#555
}
p.tags a {
	color:#121212
}
p.tags a:hover {
	text-decoration:underline
}
.journal-post {
	position:relative
}
.journal-post .prev,.journal-post .next {
	bottom:-70px;
	position:absolute;
	width:auto;
	font-family:Arial,sans-serif;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align:left;
	font-size:16px;
	line-height:1em;
	border:#d9d9d9 1px solid;
	background:#fff;
	color:#121212;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:145px;
	display:inline-block
}
.journal-post .prev:hover,.journal-post .next:hover {
	background:#121212
}
.journal-post .prev {
	padding:16px 0 16px 55px;
	right:150px
}
.journal-post .prev:before {
	content:'\2190';
	position:absolute;
	left:16px;
	top:50%;
	margin-top:-10px;
	font-weight:normal;
	font-size:20px;
	line-height:1em;
	font-family:'fontello'
}
.journal-post .next {
	padding:16px 0 16px 25px;
	right:0
}
.journal-post .next:before {
	content:'\2192';
	position:absolute;
	right:16px;
	top:50%;
	margin-top:-10px;
	font-weight:normal;
	font-size:20px;
	line-height:1em;
	font-family:'fontello'
}
.comments-list {
	margin:0;
	list-style-type:none
}
.comments-list li {
	display:block;
	overflow:hidden;
	background:#fff;
	border:#d9d9d9 1px solid;
	padding:20px 20px 22px 20px;
	font-size:14px;
	line-height:24px;
	color:#555;
	margin-top:10px
}
.comments-list li:first-child {
	margin-top:0
}
.comments-list li.inner-comments-list {
	background:0;
	border:0;
	padding:0 0 0 20px
}
.comments-list li p {
	margin-bottom:11px;
	padding-top:2px
}
.comments-list li p a {
	font-size:16px;
	line-height:24px;
	color:#121212
}
.comments-list li p a:hover {
	text-decoration:underline
}
.comments-list li>a {
	display:inline-block;
	float:left;
	margin-right:20px
}
.comments-list li .extra-wrap {
	overflow:hidden;
	position:relative
}
.comments-list li a.reply {
	font-size:16px;
	line-height:24px;
	color:#121212;
	display:inline-block;
	padding-left:28px;
	position:absolute;
	right:0;
	top:0
}
.comments-list li a.reply:hover {
	text-decoration:underline
}
.comments-list li a.reply:before {
	position:absolute;
	left:0;
	top:50%;
	font-weight:normal;
	margin:-7px 0 0 0;
	font-size:18px;
	line-height:1em;
	font-family:'FontAwesome';
	content:"\f112"
}
.comment-form {
	position:relative;
	vertical-align:top;
	z-index:1;
	margin:0;
	padding:5px 0 58px 0
}
.comment-form .input-1,.comment-form .input-2 {
	float:left;
	width:345px
}
.comment-form .input-1 {
	margin-right:10px
}
.comment-form fieldset {
	border:0;
	padding:0;
	width:100%;
	position:relative;
	z-index:10
}
.comment-form label {
	display:block;
	position:relative;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	width:100%
}
.comment-form .message {
	display:block;
	width:100%
}
.comment-form input,.comment-form textarea {
	font-family:Arial,sans-serif;
	margin:0;
	font-size:16px;
	line-height:20px;
	color:#121212;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding:14px 10px 14px 10px;
	border:#d9d9d9 1px solid;
	background:#fff;
	outline:0;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.comment-form input {
	height:50px
}
.comment-form input:focus,.comment-form textarea:focus {
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	border:1px solid #d9d9d9!important;
	color:#121212!important
}
.comment-form .area .error {
	float:none
}
.comment-form textarea {
	width:100%;
	height:140px;
	resize:none;
	overflow:auto
}
.comment-form .success {
	border:1px solid #d9d9d9;
	display:none;
	position:absolute;
	font-weight:normal;
	left:0;
	top:0;
	font-size:16px;
	line-height:26px;
	background:#fff;
	padding:30px 0;
	text-transform:none;
	text-align:center;
	z-index:20;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.comment-form .error,.comment-form .empty {
	color:#f00;
	font-size:12px;
	line-height:1em;
	display:none;
	overflow:hidden;
	padding:0;
	text-transform:none;
	position:absolute;
	top:17px;
	right:10px
}
.comment-form .comment-wrapper {
	position:relative;
	padding-top:10px
}
.comment-form .comment-wrapper .btn-3 {
	padding-left:25px!important
}
.comment-form .required-info {
	position:absolute;
	top:-32px;
	right:0;
	z-index:99;
	color:#555;
	font-size:14px;
	line-height:1em
}
.comment-form .required-info span {
	color:#121212
}
.video-container {
	height:0;
	margin-bottom:0;
	overflow:hidden;
	padding-bottom:56.25%;
	padding-top:0;
	position:relative;
	z-index:1
}
.video-container iframe,.video-container object,.video-container embed {
	border:medium none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1
}
.journal-post-pagination {
	margin:50px 0;
	list-style-type:none;
	overflow:hidden
}
.journal-post-pagination li {
	display:inline-block;
	float:left;
	margin-left:5px
}
.journal-post-pagination li:first-child {
	margin-left:0
}
.journal-post-pagination li a {
	display:block;
	background:#fff;
	border:#d9d9d9 1px solid;
	width:48px;
	text-align:center;
	font-size:16px;
	line-height:1em;
	color:#121212;
	padding:18px 0 18px 0
}
.journal-post-pagination li a:hover{
	background:#121212;
	border:#121212 1px solid;
}
.journal-post-pagination li a.prev-btn,.journal-post-pagination li a.next-btn {
	position:relative;
	width:60px
}
.journal-post-pagination li a.prev-btn:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-10px 0 0 -10px;
	font-size:20px;
	line-height:1em;
	font-family:'fontello';
	content:'\2190'
}
.journal-post-pagination li a.next-btn:before {
	content:'\2192';
	position:absolute;
	left:50%;
	top:50%;
	margin:-10px 0 0 -10px;
	font-weight:normal;
	font-size:20px;
	line-height:1em;
	font-family:'fontello'
}

/* 
	--------> Page Contacts
*/

#map_canvas {
	width:100%;
	height:400px;
	line-height:0;
	font-size:0
}
.address {
	display:block;
	margin:0;
	color:#555;
	padding-top:1px
}
.address span {
	width:88px;
	display:inline-block
}
.address strong {
	display:block;
	font-weight:normal;
	margin-bottom:12px
}
.address a {
	color:#1b1b1b;
	text-decoration:none
}
.address a:hover {
	color:#1b1b1b;
	text-decoration:underline
}
.contact-form {
	position:relative;
	vertical-align:top;
	z-index:1;
	margin:0;
	padding:5px 0 58px 0
}
.contact-form .input-1,.contact-form .input-2 {
	float:left;
	width:305px
}
.contact-form .input-1 {
	margin-right:10px
}
.contact-form fieldset {
	border:0;
	padding:0;
	width:100%;
	position:relative;
	z-index:10
}
.contact-form label {
	display:block;
	position:relative;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	width:100%
}
.contact-form .message {
	display:block;
	width:100%
}
.contact-form input,.contact-form textarea {
	font-family:Arial,sans-serif;
	margin:0;
	font-size:16px;
	line-height:20px;
	color:#121212;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding:14px 10px 14px 10px;
	border:#d9d9d9 1px solid;
	background:#fff;
	outline:0;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.contact-form input {
	height:50px
}
.contact-form input:focus,.contact-form textarea:focus {
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	border:1px solid #d9d9d9!important;
	color:#121212!important
}
.contact-form .area .error {
	float:none
}
.contact-form textarea {
	width:100%;
	height:140px;
	resize:none;
	overflow:auto
}
.contact-form .success {
	border:1px solid #d9d9d9;
	display:none;
	position:absolute;
	font-weight:normal;
	left:0;
	top:0;
	font-size:16px;
	line-height:26px;
	background:#fff;
	padding:30px 0;
	text-transform:none;
	text-align:center;
	z-index:20;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.contact-form .error,.contact-form .empty,.anti-spam .error,.anti-spam .empty {
	color:#f00;
	font-size:12px;
	line-height:1em;
	display:none;
	overflow:hidden;
	padding:0;
	text-transform:none;
	position:absolute;
	top:17px;
	right:10px
}
.anti-spam .error,.anti-spam .empty {
	top:60px!important
}
.contact-form .contact-wrapper {
	position:relative
}
.anti-spam {
	float:left
}
.anti-spam label {
	display:block;
	padding-bottom:20px
}
.anti-spam label strong {
	width:110px;
	float:left;
	font-weight:normal;
	padding-top:1px;
	text-align:right;
	display:block
}
.anti-spam label strong i {
	white-space:nowrap;
	font-style:normal
}
.anti-spam input {
	width:80px;
	margin:0 20px 0 10px;
	text-align:center
}
.contact-form .contact-wrapper .btn-3 {
	position:relative;
	width:auto;
	height:auto
}
.contact-form .contact-wrapper .btn-3:before {
	position:absolute;
	left:20px;
	top:50%;
	font-weight:normal;
	margin:-10px 0 0 0;
	font-size:20px;
	line-height:1em;
	font-family:'FontAwesome'
}
.contact-form .required-info {
	position:absolute;
	top:-32px;
	right:0;
	z-index:99;
	font-size:14px;
	line-height:1em
}
.social-icons2-block {
	padding:42px 0 45px 0
}
.social-icons2-block span {
	display:inline-block;
	float:left;
	font-family:'Roboto',sans-serif;
	font-size:48px;
	line-height:1em;
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:-1px;
	margin-right:35px
}
.social-icons2-block span strong {
	display:block
}
.social-icons2-block .social-icons2 {
	margin-top:33px
}
.social-icons2-block .social-icons2 a {
	float:left;
	margin-right:8px;
	margin-top:8px;
	width:50px;
	height:50px;
	position:relative;
	display:inline-block;
	color:#fff
}
.social-icons2-block .social-icons2 .tooltip {
	margin-top:-8px!important
}
.social-icons2-block .social-icons2 .tooltip.in {
	opacity:1!important;
	filter:alpha(opacity=100)!important
}
.social-icons2-block .social-icons2 .tooltip .tooltip-arrow {
	border-top-color:#d9d9d9
}
.social-icons2-block .social-icons2 .tooltip .tooltip-inner {
	background-color:#d9d9d9;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	font-size:13px;
	line-height:18px;
	color:#121212;
	padding:3px 10px 3px 10px
}
.social-icons2-block .social-icons2 .facebook {
	background:#39599f
}
.social-icons2-block .social-icons2 .twitter {
	background:#45b0e3
}
.social-icons2-block .social-icons2 .pinterest {
	background:#b8242a
}
.social-icons2-block .social-icons2 .linkedin {
	background:#65b7d2
}
.social-icons2-block .social-icons2 .gplus {
	background:#d74937
}
.social-icons2-block .social-icons2 .flickr {
	background:#fff;
	color:#000!important
}
.social-icons2-block .social-icons2 .blogger {
	background:#12c7ef;
}
.social-icons2-block .social-icons2 .dribbble {
	background:#d97aa5;
}
.social-icons2-block .social-icons2 .vimeo {
	background:#7edde8
}
.social-icons2-block .social-icons2 .youtube {
	background:#e70031;
}
.social-icons2-block .social-icons2 a:before {
	position:absolute;
	left:50%;
	top:50%;
	font-weight:normal;
	margin:-12px 0 0 -12px;
	font-size:24px;
	line-height:1em;
	font-family:'Fontello'
}
#separator1,#separator2,#separator3,#separator4,#separator5 {
	overflow:hidden;
	position:relative;
	width:100%
}
#separator1 br,#separator3 br {
	display:none
}
#separator1 .pattern,#separator2 .pattern,#separator3 .pattern,#separator4 .pattern,#separator5 .pattern {
	background:url(../img/parallax-pattern.png) 0 0 repeat;
	height:100%;
	position:absolute;
	width:100%;
	z-index:0
}
.separator1-bg,.separator2-bg,.separator3-bg,.separator4-bg,.separator5-bg {
	background-attachment:fixed;
	background-clip:border-box;
	background-color:transparent;
	background-origin:padding-box;
	background-position:0 0;
	background-repeat:repeat;
	background-size:cover;
	height:100%;
	position:absolute;
	width:100%;
	z-index:-1
}
.separator1-bg {
	background-image:url(../img/parallax-1.jpg)
}
#separator1 .container {
	padding-top:90px;
	padding-bottom:105px;
	font-family:'Roboto',sans-serif;
	font-size:42px;
	line-height:55px;
	font-weight:300;
	color:#fff;
	letter-spacing:-1px;
	text-shadow:0 0 7px rgba(0,0,0,0.4);
	text-align:center;
	position:relative;
	z-index:999
}
#separator1 .container div{
	margin-bottom: 31px;
}
.separator2-bg {
	background-image:url(../img/parallax-2.jpg)
}
#separator2 .container {
	height:400px;
	position: relative;
}
.separator3-bg {
	background-image:url(../img/parallax-3.jpg)
}
#separator3 .container {
	padding-top:90px;
	padding-bottom:100px;
	font-family:'Roboto',sans-serif;
	font-size:42px;
	line-height:55px;
	font-weight:300;
	color:#fff;
	letter-spacing:-1px;
	text-shadow:0 0 7px rgba(0,0,0,0.4);
	text-align:center;
	position:relative;
	z-index:999
}
#separator3 .container span {
	display:block
}
#separator3 .container a.btn {
	margin-top:33px
}
.separator4-bg {
	background-image:url(../img/parallax-4.jpg)
}
#separator4 .container {
	padding-top:120px;
	padding-bottom:130px;
	font-family:'Roboto',sans-serif;
	font-size:42px;
	line-height:55px;
	font-weight:300;
	color:#fff;
	letter-spacing:-1px;
	text-shadow:0 0 7px rgba(0,0,0,0.4);
	text-align:center;
	position:relative;
	z-index:999
}
#separator4 .container span {
	display:block
}
#separator4 .container a.btn {
	margin-top:33px
}
.separator5-bg {
	background-image:url(../img/parallax-5.jpg)
}
#separator5 .container {
	padding-top:120px;
	padding-bottom:130px;
	font-family:'Roboto',sans-serif;
	font-size:42px;
	line-height:55px;
	font-weight:300;
	color:#fff;
	letter-spacing:-1px;
	text-shadow:0 0 7px rgba(0,0,0,0.4);
	text-align:center;
	position:relative;
	z-index:999
}
#separator5 .container span {
	display:block
}
#separator5 .container a.btn {
	margin-top:33px
}
.fix-menu {
	height:1px
}
/* Styles for CHOOSER panel*/

#stylechooser { position: fixed; top: 23%; left: -1px; width: 205px; min-height: 0; z-index: 99999; padding: 0; }
#stylechooser  #styleToggle { position: absolute; top: 2px; right: -46px; cursor: pointer; font-size: 0; color: transparent; width: 46px; height: 46px; margin: 0; border-bottom: 0;}
#stylechooser  #styleToggle i:before { font-size: 22px; color: #121212; top: 11px; left: 9px; position: absolute; font-family: "FontAwesome";}
#stylechooser .easyBox.flat { padding: 0 0 0 20px; width: 231px; }

#stylechooser .easyBox { margin: 0; padding: 0; background: #fff; }

#stylechooser hr { margin: 0; }
#stylechooser label { margin-bottom: 20px; }

#stylechooser .mkSpace {
    padding: 2px 20px 8px;
}
#stylechooser .mkSpace.var2{padding-bottom: 19px;}
#stylechooser .demoList { margin: 0 0 0 -10px; list-style: none; }
#stylechooser .demoList li { margin: 0 0 10px 10px; float: left; position: relative; }
.choose_btn{
	display: block;
	padding: 9px 0;
	font-size: 16px;
	line-height: 20px;
	color: #121212;
	border: 1px solid #d9d9d9;
	text-align: center;
}
.choose_btn:hover{
	background-color: #121212;
	color: #fff;
}
#stylechooser .demoColor { display: block; width: 25px; height: 25px; background: transparent; }
#stylechooser .demoActive:before {
    content: "\f00c";
    position: absolute;
    top: 6px;
    left: 6px;
    font: 12px/1em 'FontAwesome';
    font-style: normal;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, .75);
}

#stylechooser .light { margin: 0; line-height: 46px; }
#stylechooser .btn.btn-small { margin-bottom: 5px; }
#stylechooser .icon-cog:before{
	content: "\f013";
}
@media (max-width: 767px) {
    #stylechooser {
        display: none !important;
    }
}



footer {
	font-size:14px;
	line-height:20px;
	color:#555;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	border-top:#d9d9d9 1px solid;
	background:#fff;
	margin-top: -2px;
}
@media(min-width:1200px) {
	.team-list .thumbnails .thumbnail .social-icons {
		margin-top:22px
	}
	.team-list .thumbnails .thumbnail .social-icons a {
		margin-top:0
	}
	#separator1 br,#separator3 br {
		display:block
	}
	.client_carousel #foo2>li {
		margin-right:30px!important
	}
	.client_carousel #foo2>li {
		width:170px!important
	}
	.address {
		padding-right:100px
	}
	.contact-form .input-1,.contact-form .input-2 {
		width:380px
	}
	.comment-form .input-1,.comment-form .input-2 {
		width:430px
	}
	.flex-control-nav {bottom: 0px;}
}
@media(max-width:1200px) {
	.separator1-bg,.separator2-bg,.separator3-bg,.separator4-bg,.separator5-bg {
		background-attachment:scroll;
		background-clip:border-box;
		background-color:transparent;
		background-origin:padding-box;
		background-position:0 0!important;
		background-repeat:repeat;
		background-size:cover;
		height:100%;
		position:absolute;
		width:100%;
		z-index:-1
	}
	.flex-control-nav li{margin-left: 152px;}
	.flex-control-nav {bottom: 0px;}
}
@media(max-width:1150px) {
	.ext_wrap span{ display: block;}
	.video_wrap{height: 530px;}
	#navigation ul li{/*padding-left: 25px;*/}
	.shots.thumbs li, .shots.thumbs li img{height: 184px;width: 184px;}
	#separator2 .container{height: auto;padding-bottom: 50px;}
	.process-item{margin-left: 80px;}
	.process-item:after{width: 145px;}
	.process-item1:after,
	.process-item3:after{
		-webkit-transform: skewY(-20deg);
		-moz-transform: skewY(-20deg);
		-o-transform: skewY(-20deg);
		-ms-transform: skewY(-20deg);
	}
	.process-item5:after{
		-webkit-transform: skewY(-23deg);
		-moz-transform: skewY(-23deg);
		-o-transform: skewY(-23deg);
		-ms-transform: skewY(-23deg);
	}
	.process-item4:after{
		-webkit-transform: skewY(19deg);
		-moz-transform: skewY(19deg);
		-o-transform: skewY(19deg);
		-ms-transform: skewY(19deg);
	}
	.m_service{width: 142px;}
	.splash_buttons {
float: center;
left: 11%;
position: relative;
}
.splash_tooltip {
position:relative;
left: 39%;
}
a .image-wrap {
    height: 405px;
}
}

@media(max-width:1024px) {
.splash_buttons {
float: center;
left: 36%;
position: relative;
}
.splash_item{
		margin-bottom: 20px;
		padding: 10px 10px 15px;
	}
}
@media(min-width:768px) and (max-width:979px) {
	.white-block-bg .extra-wrap {
		width:50%
	}
	.resize-1 {
		position:relative;
		top:-70px;
		left:75px
	}
	.flex-control-nav{bottom: -30px;}
	.flex-control-nav li{margin-left: 108px;}
	.flex-control-nav li:first-child{margin-right: 4px;}
	.video_wrap{height: 405px;}
	.shots.thumbs li, .shots.thumbs li img{width: 140px;height: 140px;}
	.process-item{margin-left: 39px;}
	.process-item:after{width: 99px;}
	.process-item1:after, .process-item3:after{
		-webkit-transform: skewY(-25deg);
		-moz-transform: skewY(-25deg);
		-o-transform: skewY(-25deg);
		-ms-transform: skewY(-25deg);
	}
	.process-item4:after{
		-webkit-transform: skewY(24deg);
		-moz-transform: skewY(24deg);
		-o-transform: skewY(24deg);
		-ms-transform: skewY(24deg);
	}
	.process-item5:after{
		-webkit-transform: skewY(-29deg);
		-moz-transform: skewY(-29deg);
		-o-transform: skewY(-29deg);
		-ms-transform: skewY(-29deg);
	}
	.process-container{margin-left: 20px;}
	.process-item:after{width: 100px;}
	.m_service{width: 98px;}
	.m_service .service_description .desc_inner{padding: 20px;}
	
		.splash_buttons {
float: center;
left: 31%;
position: relative;
}

.splash_tooltip {
position:relative;
left: 53%;
}
a .image-wrap {
    height: 300px;
}
}
@media(max-width:978px) {
	.stat_block .num{float: none;}
	.splash_box{
		padding-top: 10%;
	}
	.social-block .span6 {
		width:100%
	}
	.social-block-twitter {
		margin-top:30px
	}
	.social-block-title .fb,.social-block-title .twit {
		margin-top:0
	}
	#form1 {
		margin-top:30px
	}
	.journal-post {
		padding-bottom:70px
	}
	.journal-post-resize {
		padding-bottom:0
	}
	.journal-post .prev {
		left:0;
		right:auto
	}
	.journal-post .prev,.journal-post .next {
		font-size:0;
		line-height:0;
		height:50px;
		width:54px;
		padding:0;
		bottom:20px
	}
	.journal-post .prev span,.journal-post .next span {
		display:none
	}
	.contact-form .input-1,.contact-form .input-2,.comment-form .input-1,.comment-form .input-2 {
		width:100%;
		float:none;
		margin-right:0
	}
	.comment-form {
		margin-top:50px
	}
}
@media(max-width:959px) {
	#navigation ul {
		width:250px;
		padding:5px 0;
		position:relative;
		top:30px;
		right:30px;
		border:solid 1px #efefef;
		background:url(../img/icon-menu.png) 10px 11px no-repeat #fff;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px
	}
	#navigation ul li {
		float:none;
		display:none;
		margin:0;
		padding: 0;
	}
	#navigation ul li a {
		display:block;
		margin:5px 5px 5px 32px;
		text-align:left;
		color:#7f7f7f
	}
	#navigation ul li a:hover {
		color:#000;
		background:transparent
	}
	#navigation ul li.home {
		display:block
	}
	#navigation ul li.current {
		display:block!important
	}
	#navigation ul li.current a {
		background:transparent;
		color:#000
	}
	#navigation ul:hover {
		background-image:none
	}
	#navigation ul:hover .current {
		background:url(../img/icon-check.png) no-repeat 10px 7px
	}
	.og-fullimg{float: none !important;max-width: 100% !important;height: auto !important;}
	.og-details{padding-left: 0 !important;padding-right: 0 !important;}
	
}
@media(max-width:767px) {
	.portfolio_image{float: none;max-width: 100%;}
	.portfolio_image.video{width: 100%;height: 30%;}
	.portfolio_image img{width: 100%;}
	.portfolio_description{padding-left: 0;padding-right: 0;}
	.portfolio_grid>li{
		width: 50%;
	}
	body {
		padding:0
	}
	.container {
		padding:0 20px
	}
	h2 {
		font-size:36px
	}
	h3 {
		font-size:24px
	}
	.team-list .thumbnails {
		overflow:visible
	}
	.white-block-bg .white-block {
		text-align:center
	}
	.white-block-bg .extra-wrap {
		width:auto;
		text-align:left
	}
	.white-block-bg .btn-2 {
		float:none;
		margin-top:30px
	}
	#separator1 .container,#separator3 .container,#separator4 .container,#separator5 .container {
		font-size:24px;
		line-height:1.2em;
		padding-top:60px;
		padding-bottom:60px
	}
	#services .item span {
		margin-top:20px
	}
	.social-icons2-block span {
		display:block;
		float:none;
		margin-right:0;
		font-size:30px
	}
	.social-icons2-block span strong {
		display:inline
	}
	.accordion_ {
		margin-bottom:30px
	}
	a.btn-articles {
		margin-bottom:30px
	}
	.newsletter-form h3 {
		float:none
	}
	#form1 {
		margin-bottom:30px;
		float:none;
		width:100%
	}
	#form1 label {
		display:block;
		float:none
	}
	#form1 label input {
		width:100%;
		float:none
	}
	#form1 a {
		float:right;
		margin-top:-50px
	}
	.flex-control-nav{text-align: center;bottom: -30px;}
	.flex-control-nav:after{display: none !important;}
	.flex-control-nav li:first-child, .flex-control-nav li{margin:0 15px;display: inline-block;float: none !important;}
	.splash_box{
		padding-top: 50px;
	}
	.splash_box img{
		width: 100%;
	}
	.splash_item{
		margin-bottom: 20px;
		padding: 10px 10px 15px;
	}
	.video_wrap{height: 300px;}
	.shots.thumbs li, .shots.thumbs li img{
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
	}
	.shots.thumbs li{margin-top: 20px;}
	.shots.thumbs li:first-child{margin-top: 0;}
	.process-item{width: auto;float: none;margin: 40px 0 0;padding: 0 0 60px !important;font-size: 30px;line-height: 36px;}
	.process-container .process-item:first-child{margin-top: 0;}
	.process-container{padding: 30px 0;}	
	.process-item:after{display: none;}
	.process-item .circle{width: 40px;height: 40px;bottom: -3px;margin-left: -22px;}
	.process-item .circle:before{display: none;}
	.process-item .circle .num{opacity: 1;padding: 0 !important;}
	.m_service{width: auto;margin: 20px 20px 0;float: none;}
	.main_services>li .m_service:first-child{margin: 0 20px 0;}
	.main_services{padding-bottom: 30px;}
}
@media(min-width:626px) and (max-width:767px) {
	.team-list .thumbnails {
		margin-left:-20px
	}
	.team-list .thumbnails .span3 {
		width:45%;
		float:left;
		margin-left:20px
	}
}
@media(max-width:625px) {
	.blockquote-block blockquote .extra-wrap {
		overflow:visible
	}
	#options {
		margin:45px 0 20px 0
	}
	#options li {
		margin-top:5px
	}
	.social-block-title {
		font-size:38px
	}
	.carousel-relative {
		margin-top:0
	}
	.carousel-relative .next {
		right:0
	}
	.carousel-relative .prev {
		right:59px
	}
	.carousel-relative .prev,.carousel-relative .next {
		font-size:0;
		line-height:0;
		height:50px;
		width:54px;
		padding:0
	}
	.carousel-relative .prev span,.carousel-relative .next span {
		display:none
	}
	.btn-1.right-1 {
		margin-bottom:5px
	}
}
@media(min-width:481px) and (max-width:625px) {
	.team-list .thumbnails {
		margin-left:-20px
	}
	.team-list .thumbnails .span3 {
		width:45%;
		float:left;
		margin-left:20px
	}

}
@media(max-width:480px) {
	.portfolio_grid>li{
		width: 100%;
		float: none;
	}
	#navigation h1 {
		font-size:30px
	}
	#navigation ul {
		width:100px
	}
	.team-list .thumbnails {
		margin-right:0
	}
	.blockquote_carousel {
		margin-top:50px
	}
	.blockquote-block blockquote .blockquote-author {
		float:none;
		margin-right:0;
		margin-bottom:10px
	}
	.blockquote-block blockquote .extra-wrap {
		overflow:visible;
		padding-bottom:50px
	}
	.client_carousel {
		margin-top:60px
	}
	.contact-form {
		margin-top:50px
	}
	.anti-spam {
		float:none
	}
	.anti-spam .error,.anti-spam .empty {
		right:0;
		left:auto
	}
	.contact-form .contact-wrapper .btn-3 {
		margin-top:0
	}
	.list-journal li {
		padding-bottom:50px;
		position:relative
	}
	.list-journal li .journal-date {
		float:none
	}
	.list-journal li a.journal-link {
		float:none;
		position:absolute;
		bottom:20px;
		left:0
	}
	.list-journal li .journal-content {
		margin-left:15px
	}
	.social-block-title {
		font-size:28px
	}
	.comments-list li>a {
		float:none;
		margin-bottom:10px
	}
	.comments-list li .extra-wrap {
		overflow:visible
	}
	.comments-list li a.reply {
		top:-30px
	}
	.list-journal-2 li .journal-content {
		overflow:visible
	}
	.social-block2 {
		margin-bottom:10px
	}
	.carousel-1 .flexslider .flex-prev,.carousel-1 .flexslider .flex-next {
		width:35px;
		height:35px;
		position:absolute;
		top:50%;
		margin-top:-15px
	}

	.carousel-2 .flexslider2 .flex-prev,.carousel-2 .flexslider2 .flex-next {
		width:35px;
		height:35px;
		position:absolute;
		top:50%;
		margin-top:-15px
	}
	.btn-resize {
		padding:14px 10px 16px 60px;
		font-size:17px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box
	}
	.flex-control-nav li:first-child, .flex-control-nav li{margin:0 7px;}
.splash_button {
float: right; 
margin: 25px 0px 10px 10px;
padding-left:10px;
padding-right:10px;
}
.splash_button:hover {
float: right; 
margin: 25px 0px 10px 10px;
padding-left:10px;
padding-right:10px;

}	
.splash_button_yellow {
float: right; 
margin: 25px 0px 10px 10px;
padding-left:10px;
padding-right:10px;
}
.splash_button_yellow:hover {
float: right; 
margin: 25px 0px 10px 10px;
padding-left:10px;
padding-right:10px;
}

.splash_tooltip {
position:relative;
left: 42%;
}
a .image-wrap {
    height: 335px;
}
}


@media(max-width:380px) {
	.carousel-relative {
		margin-top:70px
	}
	.carousel-relative .next {
		left:auto;
		right:0
	}
	.carousel-relative .prev {
		left:0;
		right:auto
	}
	.carousel-relative .prev,.carousel-relative .next {
		font-size:0;
		line-height:0;
		height:50px;
		width:54px;
		padding:0
	}
	.carousel-relative .prev span,.carousel-relative .next span {
		display:none
	}
			
.splash_buttons {
float: center;
left: 31%;
position: relative;
}
.splash_tooltip {
position:relative;
left: 40%;
}
a .image-wrap {
    height: 290px;
}
}
@media(max-width:320px) {
	footer span {
		display:block
	}
	.journal-post-pagination li a.prev-btn,.journal-post-pagination li a.next-btn {
		width:40px
	}
.splash_button_preview {
padding-left: 10px;
padding-right: 10px;
}
.splash_button_preview:hover {
padding-left: 10px;
padding-right: 10px;
}
.splash_buttons {
float: center;
left: 31%;
position: relative;
}
.splash_tooltip {
position:relative;
left: 44%;
}
.splash_button {
float: right; 
margin: 10px 20px 10px 10px;
padding-left:10px;
padding-right:10px;
}
.splash_button:hover {
float: right; 
margin: 10px 20px 10px 10px;
padding-left:10px;
padding-right:10px;

}	
.splash_button_yellow {
float: left; 
margin: 10px 20px 10px 10px;
padding-left:10px;
padding-right:10px;
}
.splash_button_yellow:hover {
float: left; 
margin: 10px 20px 10px 10px;
padding-left:10px;
padding-right:10px;
}
#navigation img{
position:relative;
left: 17%;
margin: 22px 0 5px 20px;
}
}
.clearfix {
	*zoom:1
}
.clearfix:before,.clearfix:after {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.input-block-level {
	display:block;
	width:100%;
	min-height:36px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}