/* Font Face */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900|Karla:400,400italic,700);
/* Global Reset */
*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
}
h1, h2, h3, h4, h5, h6{
	margin-bottom:20px;
	font-family:Karla, arial, helvetica, sans-serif;
	line-height:normal;
	font-weight:normal;
}
header, footer, article, section, hgroup, nav, figure{display:block;}
img{vertical-align:top;}
p{margin:0 0 18px;}
ul{list-style:none;}
mark{background:none;}
strong{font-weight:bold;}
a{
	color:#1d1d1d;
	text-decoration:none;
}
a:hover{text-decoration:none;}
/*** 
	Main Styles
 ***/
html, body{height:100%;}
body{
	font:18px/28px Karla, arial, helvetica, sans-serif;
	background:#f2edea;
	color:#4c4c4c;
}
.wrapper{
	max-width:1100px;
	min-width:280px;
	padding:0 20px;
	margin:0 auto;
	overflow:hidden;
}

@keyframes fadeIn {
    from { top: -130px; }
    to   { top: 0px; }
}

@-moz-keyframes fadeIn {
    from { top: -130px; }
    to   { top: 0px; }
}

@-o-keyframes fadeIn {
    from { top: -130px; }
    to   { top: 0px; }
}

@-webkit-keyframes fadeIn {
    from { top: -130px; }
    to   { top: 0px; }
}

@keyframes fadeOut {
    from { top: 0px; }
    to   { top: -130px; }
}

@-moz-keyframes fadeOut {
    from { top: 0px; }
    to   { top: -130px; }
}

@-o-keyframes fadeOut {
    from { top: 0px; }
    to   { top: -130px; }
}

@-webkit-keyframes fadeOut {
    from { top: 0px; }
    to   { top: -130px; }
}

/* HEADER */
#header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}
#header .wrapper{
	padding:30px;
	max-width:100%;
}
#header.fixed{
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	z-index:51;
	background:rgba(0, 0, 0, 0.8) !important;
	animation: fadeIn 0.5s;
	-moz-animation: fadeIn 0.5s;
	-o-animation: fadeIn 0.5s;
	-webkit-animation: fadeIn 0.5s;
}
#header.fadeoutLogo {
	animation: fadeOut 0.5s;
	-moz-animation: fadeOut 0.5s;
	-o-animation: fadeOut 0.5s;
	-webkit-animation: fadeOut 0.5s;
	height: 90px;
	z-index: 51;
	position:fixed;
	top:-130px;
	background:rgba(0, 0, 0, 0.8) !important;
}
.st-menu-open #header{z-index:100;}
.logo{
	float:right;
	background:url(../images/logo.png) no-repeat;
	width:165px;
	height:30px;
	text-indent:-9999px;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
.logo a{
	display:block;
	height:100%;
	overflow:hidden;
}
#header.fixed .logo{
	margin:0;
	background-image:url(../images/logo-sticky.png);
}
#nav{
	float:left;
	font:20px Lato, arial, helvetica, sans-serif;
	text-transform:lowercase;
	margin-top:5px;
}
#nav li{
	float:left;
	margin:0 0 0 58px;
}
#nav li:first-child{margin:0;}
#nav a{color:#fff;}
#nav a{opacity:0.5;}
#nav .active a{
	font-weight:bold;
	opacity:1;
}
#nav a:hover{opacity:1;}
/* HEADER end */
/* TITLE SECTION */
#title-section{
	background:#d74343;
	color:#fff;
	font-size:30px;
	line-height:normal;
}
#title-section .wrapper{
	max-width:1400px;
	position:relative;
	height:1000px;
}
#title-section .wrapper .table{
	display:table;
	height:100%;
	width:100%;
}
#title-section .wrapper .table-inner{
	vertical-align:middle;
	display:table-cell;
}
#title-section .wrapper .table-inner p{margin-bottom:50px;}
.job .h3,
#recentwork-section .description h3,
#title-section h2{
	margin:0 0 16px;
	font:900 120px/120px Lato, arial, helvetica, sans-serif;
}
#title-section h2 strong{
	display:block;
	font-weight:900;
}
#title-section .arrow{
	position:absolute;
	bottom:73px;
	bottom:-100px;
	left:0;
	width:100%;
	text-align:center;
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
}
#title-section .arrow a{
	display:block;
	width:46px;
	height:46px;
	cursor:pointer;
	border:4px solid rgba(255, 255, 255, 0.2);
	position:relative;
	margin:0 auto;
}
.jobdescription-p .btn:hover,
.work-p #recentwork-section .description .btn:hover,
#title-section .arrow a:hover{
	background:rgba(255, 255, 255, 0.1);
	border-color:rgba(255, 255, 255, 0);
}
#title-section .arrow a em{
	position:absolute;
	top:20px;
	left:13px;
	width:20px;
	height:9px;
	background:url(../images/sprites.png) no-repeat -145px -60px;
	display:none;
}
/* TITLE SECTION end */
/* CODECOFFEE SECTION */
#codecoffee-section{
	padding:65px 0 116px;
	text-align:left;
	background:#f2edea;
}
#ourclients-section{background:#f2edea;}
#codecoffee-section .wrapper{max-width:1000px;}
#recentwork-section h2,
#ourclients-section h2,
#codecoffee-section h2{
	font:bold 45px/62px lato, arial, helvetica, sans-serif;
	position:relative;
	color:#323232;
	margin:0 auto 50px;
	text-align:center;
	max-width:1000px;
}
#recentwork-section h2 span:before,
#recentwork-section h2 span:after,
#ourclients-section h2:after,
#codecoffee-section h2:after{
	content:'';
	position:absolute;
	left:0;
	top:35px;
	width:100%;
	height:2px;
	background:#e5ded9;
}
#recentwork-section h2 span,
#ourclients-section h2 span,
#codecoffee-section h2 span{
	display:inline-block;
	position:relative;
	background:#f2edea;
	z-index:1;
	padding:0 15px;
}
#codecoffee-section h2 em{
	font-style:normal;
	font-weight:300;
}
#codecoffee-section p{margin:0;}
/* CODECOFFEE SECTION end */
/* OUR CLIENTS SECTION */
#ourclients-section .wrapper{
	max-width:1000px;
	padding-bottom:40px;
	padding-top:70px;
}
#ourclients-section h2{margin-bottom:86px;}
#ourclients-section .list{
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
}
#ourclients-section .list li{
	display:inline-block;
	width:33%;
	text-align:center;
	padding-bottom:70px;
}
#ourclients-section .list li:nth-child(3n+1){text-align:left;}
#ourclients-section .list li:nth-child(3n){text-align:right;}
/* OUR CLIENTS SECTION end */
/* FOOTER */
#footer{
	background:url(../images/bg-map.jpg) repeat-x 58% 72%;
	padding:60px 0 0;
	height:210px;
	color:#fff;
}
#footer address{
	width:180px;
	margin:0 auto 38px;
	padding-left:50px;
	font:bold 16px/23px Karla, arial, helvetica, sans-serif;
}
#footer address span{font-weight:normal;}
.socials{
	text-align:center;
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
	margin-bottom:26px;
}
.socials li{
	display:inline-block;
	margin:0 11px;
	vertical-align:bottom;
}
.socials a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-facebook.png) no-repeat;
	width:15px;
	height:28px;
}
.socials .linkedin{
	background-image:url(../images/ico-linkedin.png);
	width:27px;
	height:27px;
}
.socials .email{
	background-image:url(../images/ico-email.png);
	width:32px;
	height:22px;
}
#footer p{
	text-align:center;
	margin:0;
	font-size:12px;
}
/* FOOTER end */
/* RECENT WORK SECTION */
#recentwork-section{position:relative;}
#recentwork-section .heading{
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	z-index:50;
}
#recentwork-section .heading h2{
	max-width:1000px;
	margin:0 auto;
	color:#fff;
	overflow:hidden;
}
#recentwork-section h2 span:before,
#recentwork-section h2 span:after{
	left:-700px;
	position:absolute;
	width:700px;
	background:rgba(255, 255, 255, 0.15);
}
#recentwork-section h2 span:before{
	left:auto;
	right:-700px
}
#recentwork-section h2 span{
	background:none;
	position:relative;
}
#recentwork-section .top-holder{
	padding-top:170px;
	position:relative;
	overflow:hidden;
}
.fst-slide{
	background:#3d2844;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkMjg0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzQ4MmI0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzViMzA1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzZkMzQ1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzhhM2I2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTNmNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #3d2844 0%, #482b48 19%, #5b3051 42%, #6d345a 60%, #8a3b67 81%, #9a3f6e 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d2844), color-stop(19%,#482b48), color-stop(42%,#5b3051), color-stop(60%,#6d345a), color-stop(81%,#8a3b67), color-stop(100%,#9a3f6e));
	background:-webkit-linear-gradient(top,  #3d2844 0%,#482b48 19%,#5b3051 42%,#6d345a 60%,#8a3b67 81%,#9a3f6e 100%);
	background:-o-linear-gradient(top,  #3d2844 0%,#482b48 19%,#5b3051 42%,#6d345a 60%,#8a3b67 81%,#9a3f6e 100%);
	background:-ms-linear-gradient(top,  #3d2844 0%,#482b48 19%,#5b3051 42%,#6d345a 60%,#8a3b67 81%,#9a3f6e 100%);
	background:linear-gradient(to bottom,  #3d2844 0%,#482b48 19%,#5b3051 42%,#6d345a 60%,#8a3b67 81%,#9a3f6e 100%);
}
#recentwork-section .top-holder .wrapper{
	overflow:hidden;
	position:relative;
	z-index:1;
	max-width:1100px;
}
.fst-slide .top-holder .wrapper{
	height:525px;
	max-width:900px !important;
}
.fst-slide .stars-bg{background:url(../images/bg-stars.png) no-repeat 50% 0;}
.fst-slide .top-holder .l{
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/bg-slide-l.png) no-repeat;
	width:123px;
	height:558px;
}
.fst-slide .top-holder .r{
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/bg-earth.png) no-repeat ;
	width:435px;
	height:436px;
}
#recentwork-section .description{
	padding:45px 0 52px;
	color:#fff;
}
.top-holder .img{
	display:block;
	text-align:center;
}
.job .wrapper,
#recentwork-section .description .wrapper{max-width:1000px;}
#recentwork-section .description h3{
	font-weight:bold;
	font-size:45px;
	line-height: 60px;
}
.job .p,
#recentwork-section .description p{margin:0;}
#recentwork-section .details{
	font:italic 16px/60px Karla, arial, helvetica, sans-serif;
	color:#fff;
}
.fst-slide .description, .orbit-slide .description{background:#503258;}
.travconnect-slide .description{background:#3b4b82;}
.corendonred-slide .description{background:#ae0f0a;}
.bitbell-slide .description{background:#00585b;}
.at-slide .description{background:#EC601A;}
.avelon-slide .description{background:#2b27a4;}
.tnm-slide .description{background:#a6a6a6;}
.fst-slide .details, .orbit-slide .details{background:#472a4f;}
.travconnect-slide .details{background:#323f6c;}
.corendonred-slide .details{background:#92120a;}
.bitbell-slide .details{background:#004c4f;}
.at-slide .details{background:#CD5014;}
.avelon-slide .details{background:#221e7e;}
.tnm-slide .details{background:#717171;}

#recentwork-section .details ul{
	overflow:hidden;
	max-width:1000px;
	margin:0 auto;
}
#recentwork-section .details li{
	float:left;
	padding:0 32px 0 36px;
	position:relative;
}
#recentwork-section .details li:first-child{padding-left:0;}
#recentwork-section .details li:after{
	content:'/';
	position:absolute;
	left:0;
	top:0;
}
#recentwork-section .details li:first-child:after{display:none;}
#recentwork-section .bx-pager{display:none;}
#recentwork-section .bx-next,
#recentwork-section .bx-prev{
	position:absolute;
	left:48px;
	top:365px;
	background:url(../images/bg-arrows.png) no-repeat;
	width:55px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
}
#recentwork-section .bx-prev:hover{background-position:0 -55px;}
#recentwork-section .bx-next{
	left:auto;
	right:48px;
	background-position:-55px 0;
}
#recentwork-section .bx-next:hover{background-position:-55px -55px;}
.bitbell-slide .top-holder,
.corendonred-slide .top-holder,
.travconnect-slide .top-holder{background:url(../images/img2.jpg) no-repeat 50% 50%;}
.corendonred-slide .top-holder{background-image:url(../images/cor_bg.jpg);}
.bitbell-slide .top-holder{background-image:url(../images/bit_bg.jpg);}
.at-slide .top-holder{background-image:url(../images/at_bg.jpg);}
.avelon-slide .top-holder{background-image:url(../images/avelon_bg.jpg);}
.tnm-slide .top-holder{background-image:url(../images/tnm_bg.jpg);}
.orbit-slide .top-holder{background-image:url(../images/orbit_bg.jpg);}
.fst-slide .img img,
.bitbell-slide .img img,
.corendonred-slide .img img,
.travconnect-slide .img img,
.avelon-slide .img img,
.tnm-slide .img img,
.orbit-slide .img img,
.at-slide .img img {
	display:block;
	margin:0 auto;
}
/* RECENT WORK SECTION end */
/* sidebar menu styles*/
#nav-mobile{
	position:fixed;
	top:0;
	left:-182px;
	z-index:1;
	width:182px;
	height:100%;
	background:#181818;
}
.st-menu-open #nav-mobile{z-index:999;}
#nav-mobile ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav-mobile a{
	display:block;
	outline:none;
	color:#f3efe0;
	text-shadow:0 0 1px rgba(255,255,255,0.1);
	letter-spacing:1px;
	font-weight:400;
	-webkit-transition:background 0.3s, box-shadow 0.3s;
	transition:background 0.3s, box-shadow 0.3s;
	font-weight:bold;
	text-transform:lowercase;
	font-size:15px;
	line-height:75px;
	padding:0 32px;
}
#nav-mobile li:last-child a{
	font-size:13px;
	font-weight:normal;
}
#nav-mobile li:first-child a{box-shadow:inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);}
#nav-mobile li a:hover{
	background:rgba(0,0,0,0.2);
	box-shadow:inset 0 -1px rgba(0,0,0,0);
	color:#fff;
}
#st-trigger-effects{display:none;}
#nav-mobile li:first-child a{background:#525252;}
#nav-mobile li:nth-child(2) a{background:#464646;}
#nav-mobile li:nth-child(3) a{background:#3a3a3a;}
#nav-mobile li:nth-child(4) a{background:#303030;}
#nav-mobile li:nth-child(5) a{background:#242424;}
#nav-mobile li:nth-child(6) a{background:#242424;}
#st-container{
	position:relative;
	z-index:10;
}
#fader{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.4);
	width:100%;
	height:100%;
	z-index:1;
	opacity:0;
}
/* WORK PAGE styles */
.work-p #title-section,
.work-p #header{background:#438cd7;}
.work-p #title-section h2{
	color:#82b2e4;
	margin-bottom:50px;
}
.work-p #title-section h2 span{color:#fff;}
.work-p #recentwork-section .top-holder{padding-top:100px;}
.work-p #recentwork-section .description p{margin-bottom:25px;}
.jobdescription-p .btn,
.work-p #recentwork-section .description .btn{
	float:left;
	font:bold 16px/46px lato, arial, helvetica, sans-serif;
	padding:0 48px;
	border:4px solid rgba(255, 255, 255, 0.1);
	color:#fff;
}
/* WORK PAGE styles end */
/* FIND US PAGE styles */
.findus-p #title-section{
	background:url(../images/bg-map.jpg) repeat-x 50% 50%;
	text-align:center;
}
.findus-p #codecoffee-section{
	text-align:center;
	padding-bottom:80px;
}
.findus-p #codecoffee-section p{margin-bottom:36px;}
.contacts-list{text-align:center;}
.contacts-list{
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
}
.contacts-list li{
	display:inline-block;
	width:33%;
	vertical-align:top;
	letter-spacing:0;
	line-height:28px;
	font-size:18px;
}
.contacts-list strong{
	font:900 25px arial, helvetica, sans-serif; 
	color:#d0ccc9;
	margin:0 0 12px;
	display:block;
}
.contacts-list em{font-style:normal;}
.contacts-list address{font-style:normal;}
.contacts-list a{color:#4c4c4c;}
/* FIND US PAGE styles end */
/* JOIN US PAGE styles */
.joinus-p #title-section,
.joinus-p #header{background:#4fc3ac;}
.joinus-p #title-section h2 span{
	color:#a7e1d6;
	display:block;
}
.green-bg{background:#4bc6cb;}
.blue-bg{background:#4b9fcb;}
.job{color:#fff;}
.job .h3{
	font-weight:bold;
	font-size:45px;
	line-height:normal;
	color:#fff;
	display:block;
}
.job{
	padding:100px 0;
	display:block;
}
.job .wrapper,
.job .p{display:block;}
/* JOIN US PAGE styles end */
/* JOB DESCRIPTION PAGE styles */
.jobdescription-p .wrapper{
	max-width:1000px;
	padding-right:60px;
	position:relative;
	color:#fff;
	padding-bottom:140px;
	padding-top:140px;
	text-align:justify;
}
.jobdescription-p h1{
	font:bold 62px/normal lato, arial, helvetica, sans-serif;
	margin:0 0 6px;
}
.jobdescription-p ul{margin-bottom:50px;}
.jobdescription-p p{margin-bottom:34px;}
.jobdescription-p h2{
	font:bold 50px lato, arial, helvetica, sans-serif;
	margin:0 0 20px;
	color:#fff;
	opacity:0.3;
}
.jobdescription-p .btn{padding:0 65px;}
.jobdescription-p .btn-close{
	position:absolute;
	text-indent:-9999px;
	right:0;
	top:140px;
	background:url(../images/sprites.png) no-repeat -107px -60px;
	width:21px;
	height:22px;
}
#st-container{background:#f2edea;}
@media screen and (max-width:1200px){
	.jobdescription-p h1{
		font-size:45px;
		line-height:62px;
	}
	.jobdescription-p h2{
		font-size:35px;
		line-height:normal;
		margin-bottom:20px;
	}
	.jobdescription-p .wrapper{max-width:1030px;}
	#recentwork-section .details{
		font-size:16px;
		line-height:60px;
	}
	#recentwork-section h2,
	#ourclients-section h2,
	#codecoffee-section h2{
		font-size:45px;
		line-height:62px;
	}
	#recentwork-section h2 span:before,
	#recentwork-section h2 span:after,
	#ourclients-section h2:after,
	#codecoffee-section h2:after{
		top:34px;
	}
	#ourclients-section .wrapper,
	#recentwork-section .details ul,
	.job .wrapper,
	#recentwork-section .description .wrapper,
	#recentwork-section .heading h2,
	#recentwork-section h2,
	#ourclients-section h2,
	#codecoffee-section h2,
	#codecoffee-section .wrapper,
	#title-section .wrapper{max-width:980px;}
	/* .job .h3,
	#recentwork-section .description h3,
	#title-section h2{
		font-size:80px;
		line-height:82px;
	}*/ 
	#title-section{font-size:18px;}
	body{
		font-size:18px;
		line-height:28px;
	}
}
/* media queries */
@media screen and (max-width:800px){
	.fst-slide .img img,
	.bitbell-slide .img img,
	.corendonred-slide .img img,
	.travconnect-slide .img img,
	.avelon-slide .img img,
	.orbit-slide .img img,
	.tnm-slide .img img,
	.at-slide .img img {
		width:95%;
		height:auto;
	}
	.job .h3,
	#recentwork-section .description h3,
	#title-section h2{
		font-size:60px;
		line-height:62px;
	}
}
@media screen and (max-width:680px){
	#nav{display:none;}
	#header.fixed .wrapper{max-width:100%;}
	#recentwork-section .top-holder .wrapper,
	.job .wrapper,
	#recentwork-section .description .wrapper,
	#ourclients-section .wrapper,
	#recentwork-section .details ul,
	#recentwork-section .heading h2,
	#codecoffee-section .wrapper,
	#title-section .wrapper,
	#header .wrapper{max-width:510px;}
	.logo{margin:0;}
	.st-menu-open #st-container {
		overflow:hidden;
		position:fixed;
	}
	.bx-viewport {
		min-height:752px;
	}
	.bar-icon {
		height: 4px;
		width: 32px;
		background: #FFF;
		display: block;
		opacity: 1;
		margin-top: 4px;
		-webkit-transition: -webkit-transform 0.15s linear;
		-o-transition: -o-transform 0.15s linear;
		-ms-transition: -ms-transform 0.15s linear;
		-moz-transition: -moz-transform 0.15s linear;
		transition: transform 0.15s linear;
		-webkit-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.st-menu-open .bar-icon {
		margin-top:3px;
	}
	.st-menu-open .bar-icon:nth-child(1) {
		-webkit-transform: rotate(45deg) translate3d(5px, 5px, 0);
		-o-transform: rotate(45deg) translate3d(5px, 5px, 0);
		-ms-transform: rotate(45deg) translate3d(5px, 5px, 0);
		-moz-transform: rotate(45deg) translate3d(5px, 5px, 0);
		transform: rotate(45deg) translate3d(5px, 5px, 0);
	}
	.st-menu-open .bar-icon:nth-child(2) {
		opacity: 0;
	}
	.st-menu-open .bar-icon:nth-child(3) {
		-webkit-transform: rotate(-45deg) translate3d(5px, -5px, 0);
		-o-transform: rotate(-45deg) translate3d(5px, -5px, 0);
		-ms-transform: rotate(-45deg) translate3d(5px, -5px, 0);
		-moz-transform: rotate(-45deg) translate3d(5px, -5px, 0);
		transform: rotate(-45deg) translate3d(5px, -5px, 0);
	}
	#st-trigger-effects{
		display:block;
		position:absolute;
		left:36px;
		top:32px;
		width:33px;
		height:27px;
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		z-index:8;
	}
	.st-menu-open #st-trigger-effects button{background:none;}
	.st-menu-open #st-trigger-effects button:before,
	.st-menu-open #st-trigger-effects button:after{top:0;}
	.st-menu-open #st-trigger-effects button:before{
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.st-menu-open #st-trigger-effects button:after{
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	#st-trigger-effects button,
	#st-trigger-effects button:before,
	#st-trigger-effects button:after{
		width:33px;
		height:5px;
		background:#fff;
		-moz-transition:all 0.3s;
		-o-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
		cursor:pointer;
	}
	#st-trigger-effects button{
		position:relative;
		margin:15px auto 0;
		text-align:left;
		/*background:url(../images/sprites.png) no-repeat 0 -63px;
		padding:18px 0;*/
		height:28px;
		background:none;
	}
	#st-trigger-effects button:before,
	#st-trigger-effects button:after{
		/*content:"";*/
		position:absolute;
		left:0;
	}
	#st-trigger-effects button:before{top:7px;}
	#st-trigger-effects button:after{
		top:auto;
		bottom:0;
	}
	#header.fixed #st-trigger-effects{top:32px;}
	.st-menu-open #header.fixed #st-trigger-effects{top:34px;}
	#header .wrapper{position:relative;}
	.phones{
		width:288px;
		height:488px;
		background:url(../images/img-phones2.png) no-repeat;
		position:static;
		margin:0 auto;
		display:block;
	}
	.phones img{display:none;}
	#recentwork-section .top-holder{padding-top:140px;}
	.fst-slide .top-holder .wrapper{height:488px;}
	#recentwork-section .heading{top:30px;}
	#recentwork-section h2{
		font-size:40px;
		line-height:normal;
	}
	#recentwork-section .bx-next, #recentwork-section .bx-prev{display:none;}
	#recentwork-section .bx-pager{
		display:block;
		position:absolute;
		top:100px;
		left:0;
		width:100%;
		text-align:center;
		font-size:0;
		line-height:0;
		letter-spacing:-1px;
	}
	#recentwork-section .bx-pager-item{
		display:inline-block;
		margin:0 8px;
		vertical-align:top;
	}
	#recentwork-section .bx-pager .active{background:#fff;}
	#recentwork-section .bx-pager-item a{
		text-indent:-9999px;
		overflow:hidden;
		width:11px;
		height:12px;
		background:#6c556d;
		display:block;
	}
	#recentwork-section h2:after{top:28px;}
	#title-section h2{font-size:58px;}
	#title-section p{
		font-size:22px;
		line-height:30px;
	}
	#codecoffee-section{padding:40px 0;}
	#codecoffee-section,
	.job .wrapper,
	#recentwork-section .description{
		font-size:22px;
		line-height:32px;
	}
	#ourclients-section h2{
		font-size:40px;
		margin-bottom:60px;
	}
	#ourclients-section .list li img{
		width:80%;
		height:auto;
	}
	#ourclients-section .list li{padding-bottom:60px;}
	#ourclients-section .wrapper{padding-bottom:0;}
	#footer address{
		font-size:22px;
		line-height:30px;
		width:260px;
		margin-bottom:20px;
	}
	.socials li{margin:0 19px;}
	#footer p{font-size:16px;}
	#title-section h2{
		font-size:42px;
		line-height:normal;
	}
	#recentwork-section h2, #ourclients-section h2, #codecoffee-section h2{
		font-size:38px;
		line-height:normal;
		margin-bottom:35px;
	}
	#recentwork-section h2 span:before, #recentwork-section h2 span:after, #ourclients-section h2:after, #codecoffee-section h2:after{top:25px;}
	#codecoffee-section, .job .wrapper, #recentwork-section .description{
		font-size:18px;
		line-height:24px;
	}
	#recentwork-section .description h3, #title-section h2{
		font-size:40px;
		line-height:normal;
	}
}
@media screen and (max-width:320px){
	#title-section .arrow{display:none;}
	#header .wrapper{padding:20px;}
	.logo{margin-top:5px;}
	#title-section h2{
		font-size:32px;
		line-height:normal;
		margin-top:20px;
	}
	#st-trigger-effects button{margin:8px 0 0;}
	#title-section .wrapper .table-inner p{margin-bottom:0;}
	#ourclients-section .wrapper,
	#codecoffee-section{
		padding-top:30px;
		padding-bottom:30px;
	}
	.st-menu-open #st-trigger-effects{top:35px;}
	.st-menu-open #st-trigger-effects button:before, .st-menu-open #st-trigger-effects button:after{top:15px;}
	#codecoffee-section{text-align:left;}
	#codecoffee-section h2{margin-bottom:20px;}
	#codecoffee-section h2{
		font-size:34px;
		line-height:normal;
	}
	.satellite{display:none;}
	#recentwork-section .details{
		padding:15px 10px;
		overflow:hidden;
	}
	#recentwork-section .details li{
		text-align:center;
		padding:0 12px 0 0;
		line-height:30px;
	}
	#recentwork-section .details li:after{display:none;}
	#footer{
		padding-top:34px;
		height:236px;
		background-position:55% 74%;
	}
	#footer p{line-height:normal;}
	.contacts-list li{
		display:block;
		text-align:left;
		width:100%;
		padding-bottom:25px;
	}
	.findus-p #codecoffee-section{padding-bottom:25px;}
	.jobdescription-p .wrapper{
		margin-top:0;
		padding:30px 10px 50px;
	}
	.jobdescription-p .btn-close{
		top:15px;
		right:15px;
	}
	.phones{
		-webkit-background-size:100% 100%;
		-o-background-size:100% 100%;
		-moz-background-size:100% 100%;
		background-size:100% 100%;
		height:350px;
		width:206px;
	}
	.fst-slide .top-holder .wrapper{height:auto;}
	.work-p #recentwork-section .top-holder{padding-top:40px;}
	.job{padding:30px 0;}
	.job .h3{
		font-size:36px;
		line-height:normal;
	}
	#footer address{
		font-size:18px;
		line-height:24px;
	}
	#header.fixed #st-trigger-effects{top:25px;}
	#title-section .wrapper{height:500px;}
}
/*.iphone #title-section .wrapper{margin-top:-75px;}*/
.iphone #title-section .wrapper .table-inner p{margin:0;}
.iphone #header{
	top:0;
	left:0;
	width:100%;
	z-index:51;
	background:rgba(0, 0, 0, 0.8) !important;
}
.iphone.st-menu-open #header{
	z-index:100;
	padding-bottom:3px;
}
.iphone #header #st-trigger-effects{top:28px;}
.iphone #header .logo{background-image:url(../images/logo-sticky.png);}
.iphone.findus-p #title-section{background-position:51% 64%;}