/* @fileRef styles.css */
* {
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	border-spacing:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:normal;
	-webkit-tap-highlight-color:transparent;
	outline:0!important;
	-webkit-touch-callout:none;
	transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
transition-duration:.2s;
-moz-transition-duration:.2s;
-webkit-transition-duration:.2s;
-o-transition-duration:.2s;
}
:focus {
	outline:0;
}
a {
	text-decoration:none;
	color:#9e9e9e;
}
li {
	list-style:none;
}
body {
	background:#fff;
	font-family:museo-slab, arial;
	font-weight:300;
	font-size:100%;
}
.cl {
	clear:both;
}
br {
 display: block;
}
body {
	overflow-x:hidden;
}
::-webkit-scrollbar {
width:12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);
-moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb {
background:rgba(210, 210, 210, .8);
-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5);
-moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5);
box-shadow:inset 0 0 6px rgba(0, 0, 0, .5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(210, 210, 210, .4);
}
input[type=text], select, textarea {
	font-family:museo-slab;
	border:1px solid #d9d9d9;
	font-weight:300;
	font-size:18px;
	color:#898989;
	padding:12px 2%;
}
input[type=submit] {
	font-size:12px;
	text-transform:uppercase;
	font-family:museo-slab;
	width:auto;
}
::selection {
background:#707070;
color:#fff;
}
::-moz-selection {
background:#707070;
color:#fff;
}
#window-info {
	color:#000;
	font-size:19px;
	position:fixed;
	top:2px;
	z-index:999999;
	display:none;
}
#loading {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fda917;
	z-index:15;
	text-align:center;
}
#loading img {
	z-index:15;
	top:40%;
	text-align:center;
	position:absolute;
	left:45%;
	overflow:hidden;
	margin:0 0 0 -50px;
}
.hidden {
	display:block;
}
.accessibility-text {
	border:0 none;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
#page-content {
	display:block;
	position:relative;
	overflow:hidden;
}
#layer {
	display:block;
	position:fixed;
	z-index:5;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
}
#page-home .about-data {
	/*argin-top:115px;*/
}
#page-home .project, .project-container {
	display:block;
	position:relative;
	overflow:hidden;
	height:650px;
}
.project {
	display:block;
	position:relative;
	overflow:hidden;
}
.block {
	display:block;
	height:650px;
	top:0;
	left:0;
	cursor:pointer;
	overflow:hidden;
	color:#fff;
}
.block>.highlight {
	display:block;
	position:relative;
	height:650px;
}
.about-main>.block {
	display:block;
	background:url(../images/about-bg.jpg) repeat #fdbf17;
}
.about-first {
	max-width:1600px;
	margin:0 auto;
	padding-top:40px;
}
.about-first .about-left {
	float:left;
	max-width:60%;
	min-width:45%;
	text-align:center;
}
.about-first .about-right {
	float:left;
	max-width:45%;
	padding-top:140px
}
.about-first img {
	max-width:100%;
}
.about-first .about-right h2 {
	font-weight:100;
	color:#FFF;
	font-size:80px;
	line-height:80px;
	padding:0 0 50px 35px;
}
.about-first .about-right h2 span {
	font-weight:900;
	font-size:100px;
	color:#000;
}
.about-first .about-right p {
	font-size:18px;
	line-height:25px;
	color:#000;
	border-left:7px solid #000;
	padding:5px 0 5px 29px;
}

.about-third {
	max-width:1600px;
	margin:0 auto;
/*	padding-top:70px;*/
}
.about-third .about-left {
	float:left;
	max-width:65%;
	min-width:50%;
	text-align:center;
}
.about-third .about-right {
	float:left;
	max-width:30%;
	padding-top:70px;
}
.about-third img {
	max-width:100%;
}
.about-third .about-right h2 {
	font-weight:100;
	color:#FFF;
	font-size:80px;
	line-height:80px;
	padding:0 0 50px 35px;
	margin-top:20%;
}
.about-third .about-right h2 span {
	font-weight:900;
	font-size:100px;
	color:#000;
}
.about-third .about-right p {
	font-size:18px;
	line-height:25px;
	color:#000;
	border-left:7px solid #000;
	padding:5px 0 5px 29px;
}
.about-main h3 {
	display:none;
}
.services-main>.block {
	display:block;
	background:url(../images/services-bg.jpg) repeat #22c381;
}

.services-third {
	max-width:85%;
	margin:0 auto;
	padding-top:60px;
}
.services-third .services-left {
	float:left;
	max-width:60%;
	min-width:50%;
	text-align:center;
}
.services-third .services-right {
	float:left;
	max-width:50%;
	/*padding-left:50px;*/
	padding-left:25px;
}
.services-third img {
	max-width:100%;
}
.services-third .services-right h2 {
	font-weight:100;
	color:#FFF;
	font-size:80px;
	line-height:80px;
	padding:0 0 50px 35px;
	margin-top:15%;
}
.services-third .services-right h2 span {
	font-weight:900;
	font-size:100px;
	color:#000;
}
.services-third .services-right p {
	font-size:18px;
	line-height:25px;
	color:#000;
	border-left:7px solid #000;
	padding:5px 0 5px 29px;
}
.services-main h3 {
	display:none;
}
.portfolio-main>.block {
	background:#ebd456;
	background:url(../images/about-bg.jpg) repeat #fdbf17;
	display:block;
}
.portfolio-main .portfolio-text {
	display:none;
}
.portfolio-main h3 {
	display:none;
}
.portfolio-first-main {
	width:100%;
	background:url(../images/home-portfolio-bg1.jpg) repeat #ebd456;
}
.portfolio-container {
	width:1200px;
	margin:0 auto
}
img {
	max-width:100%;
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic
}
.container {
*zoom:1
}
.container:after, .container:before {
	display:table;
	content:"";
	line-height:0
}
.container:after {
	clear:both
}
.bg-img {
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat
}
.spans {
	height:auto
}
.spans>.bg-img {
	background-size:101%
}
.span__inner {
	text-align:left;
	position:absolute;
	bottom:0
}
.span-with-fixed-header {
	position:relative
}
.span__fixed-header {
	position:absolute;
	top:0
}
.b-wilder .span__inner {
	padding:6.8359375%
}
.span2x2 {
	width:512px;
	height:384px
}
.span2x2.rotater>.span__inner {
	padding:3.41796875%
}
.span2x2 .span__inner {
	padding:6.8359375%
}
.span2x2 .span__fixed-header {
	margin-top:6.8359375%;
	left:6.8359375%;
	width:86.328125%
}
.span2x2 .download-link__link {
	font-size:200%;
	padding-top:3.32%;
	padding-bottom:3.32%;
	font-weight:700
}
.span2x3 {
	width:512px;
	height:384px
}
.span1x2 {
	width:256px;
	height:384px
}
.span1x1 {
	width:256px;
	height:192px
}
.span2x1 {
	width:512px;
	height:192px
}
.span2x1 .download-link__link {
	font-size:171%;
	padding-top:2.6%;
	padding-bottom:2.6%
}
.span4x2 {
	height:384px;
	width:1024px;
	display:block
}
.span4x2.rotater>.span__inner {
	padding:1.708984375%
}
.span4x2 .span__fixed-header {
	margin-top:3.41796875%;
	left:3.41796875%;
	width:72.65625%
}
.span4x2 .span__inner {
	padding:3.41796875%
}
.span4x4 {
	height:768px;
	width:1024px
}
.span4x4.rotater>.span__inner {
	padding:1.708984375%
}
.span4x4 .span__inner {
	padding:3.41796875%
}
.span4x1 {
	height:192px;
	width:1024px
}
.span4x1.rotater>.span__inner {
	padding:1.708984375%
}
.span4x1 .span__inner {
	padding:3.41796875%
}
.span2x4 {
	width:512px;
	height:768px
}
.span2x4.rotater>.span__inner {
	padding:3.41796875%
}
.span2x4 .span__inner {
	padding:6.8359375%
}
.block {
	position:absolute;
	width:100%; /* added */
}
.rotater {
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	outline:0!important
}
.no-touch .rotater:hover {
	background-size:107%
}
.b-work-title {
	opacity:1;
	margin:0 0 -11px 30px;
-webkit-transition:opacity .2s ease, margin .2s ease;
-moz-transition:opacity .2s ease, margin .2s ease;
-o-transition:opacity .2s ease, margin .2s ease;
transition:opacity .2s ease, margin .2s ease;
	font-size:35px;
	font-weight:700;
	color:#fff;
	text-transform:none;
	bottom:0;
	position:absolute;
	text-align:left
}
.i-m-not-bug-ipad a:hover .b-work-title {
	margin:0 0 15px 30px;
	font-weight:700
}
.i-m-not-bug-ipad .block {
	-webkit-backface-visibility:hidden
}
.i-m-not-bug-ipad .block.transitioned {
-webkit-transition:-webkit-transform .6s ease, opacity .6s ease;
-moz-transition:-moz-transform .6s ease, opacity .6s ease;
-o-transition:-moz-transform .6s ease, opacity .6s ease;
transition:transform .6s ease, opacity .6s ease
}
.i-m-not-bug-ipad .rotater {
	-webkit-touch-callout:none;
	-webkit-backface-visibility:hidden
}
.i-m-not-bug-ipad .rotater:hover {
	background-color:#000
}
.i-m-not-bug-ipad .rotater:active {
	-webkit-transform:scale3d(0.94, .94, 1)!important;
	-moz-transform:scale3d(0.94, .94, 1)!important;
	-ms-transform:scale3d(0.94, .94, 1)!important;
	-o-transform:scale3d(0.94, .94, 1)!important;
	transform:scale3d(0.94, .94, 1)!important;
	background-color:#000;
	zoom:1;
	filter:alpha(opacity=70);
	opacity:0.7
}
.i-m-not-bug-ipad .rotater.transitioned {
-webkit-transition:-webkit-transform .6s ease, left .8s ease, top .8s ease, opacity .6s ease, background-size .3s ease;
-moz-transition:-moz-transform .6s ease, left .8s ease, top .8s ease, opacity .6s ease, background-size .3s ease;
transition:transform .6s ease, left .8s ease, top .8s ease, opacity .6s ease, background-size .3s ease;
-o-transition:-moz-transform .6s ease, left .8s ease, top .8s ease, opacity .6s ease, background-size .3s ease;
}
.no-csstransforms3d .b-flip-back {
	display:none;
	z-index:2
}
.i-m-not-bug-ipad a:hover .hover-bg {
	background-color:#000;
	zoom:1;
	filter:alpha(opacity=70);
	opacity:.7;
	display:block
}
.hover-bg {
	background-color:#000;
	height:100%;
	width:100%;
	opacity:0;
	display:none
}
@media (max-width:640px) {
.container {
overflow:hidden
}
}
.about-page {
	width:100%;
	margin:0 auto;
	padding-top:147px
}
h2.page-title {
	background:url(../images/page-title-bg.png) bottom center no-repeat;
	font-size:65px;
	color:#000;
	font-weight:100;
	text-align:center;
	letter-spacing:-1px;
	padding-bottom:16px;
	margin-bottom:28px
}
.about-top {
	width:100%;
	clear:both
}
.about-top ul {
	padding:0;
	margin:0;
	float:left;
	width:100%
}
.about-top ul li {
	padding:0;
	margin:0;
	list-style:none;
	width:50%;
	float:right
}
.about-top ul li img {
	display:inline-block;
	max-width:100%;
	max-height:100%;
	margin-bottom:-5px
}
.about-top ul li.right-text-box {
	padding-top:141px
}
.about-top ul li h3 {
	font-size:70px;
	color:#000;
	font-weight:700;
	letter-spacing:-1px;
	margin-bottom:33px;
	line-height:50px
}
.about-top ul li h3 span {
	font-weight:100;
	font-size:52px;
	display:inline-block;
	line-height:27px
}
.about-top ul li p {
	padding:0;
	margin:0 0 24px;
	font-size:16px;
	color:#000;
	line-height:23px;
	font-weight:300
}
.about-top ul li h4 {
	font-size:30px;
	font-weight:300;
	line-height:33px
}
.about-top ul li h4 span {
	font-weight:700
}
.about-color-box {
	clear:both;
	margin-bottom:52px;
	display:inline-block
}
.about-color-box ul {
	padding:0;
	margin:0;
	float:left;
	width:100%
}
.about-color-box ul li {
	float:left;
	width:50%;
	height:600px;
	padding:0;
	margin:0;
	list-style:none
}
.about-color-box ul li.green-box {
	background-color:#1fbd78
}
.about-color-box ul li.green-box:hover {
	background-color:#000
}
.about-color-box ul li.orange-box {
	background-color:#fe8a12
}
.about-color-box ul li.orange-box:hover {
	background-color:#000
}
.about-color-box ul li.red-box {
	background-color:#ff6964
}
.about-color-box ul li.red-box:hover {
	background-color:#000
}
.about-color-box ul li.blue-box {
	background-color:#007ca5
}
.about-color-box ul li.blue-box:hover {
	background-color:#000
}
.about-color-box ul li .color-text-box {
	padding:25% 0 0 25%
}
.about-color-box ul li .color-text-box h3 {
	color:#fff;
	font-weight:100;
	font-size:85px;
	line-height:70px;
	margin-bottom:23px
}
.about-color-box ul li .color-text-box h3 span.bottom, .about-color-box ul li .color-text-box h3 span.top {
	display:block;
	line-height:50px;
	font-size:55px
}
.about-color-box ul li .color-text-box h3 span.bottom span {
	font-weight:700
}
.about-color-box ul li .color-text-box p {
	line-height:23px;
	color:#FFF;
	font-size:16px;
	font-weight:300;
	padding:0;
	margin:0
}

.about-slider {
	clear:both;
	width:100%;
	position:relative
}
.about-slider * {
	transition-duration:0s;
	-moz-transition-duration:0s;
	-webkit-transition-duration:0s;
	-o-transition-duration:0s
}
.touchslider-demo .touchslider-viewport, .touchslider-demo .touchslider-viewport>div {
	height:699px!important
}
div.container {
	transition-duration:inherit;
	-moz-transition-duration:inherit;
	-webkit-transition-duration:inherit;
	-o-transition-duration:inherit
}
div.content {
	margin:0;
	padding:20px 0;
	font-size:.9em;
	line-height:1.5em;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	display:inline-block;
	width:100%
}
div.content p, div.content ul {
	margin:0;
	padding:8px 3px 3px
}
div.content ul li {
	list-style-position:inside;
	line-height:25px
}
div.content ul li a {
	color:#555
}
div.content .content-left {
	width:80%;
	float:left
}
div.content .content-right {
	width:18%;
	float:right
}
div.content .content-left ul li {
	line-height:20px;
	background:url(../images/tick.png) left 6px no-repeat;
	padding-left:20px;
	padding-bottom:10px
}
div.content .content-right .experince-main {
	border:1px solid #000;
	margin-top:16px
}
div.content .content-right .experince-top {
	padding:10px 0;
	text-align:center;
	text-transform:uppercase
}
div.content .content-right .experince-down a {
	background-color:#000;
	padding:10px 0;
	text-align:center;
	width:100%;
	display:inline-block;
	text-transform:uppercase;
	color:#FFF;
	border-top:1px solid #000
}
div.content .content-right .experince-down a:hover {
	background-color:#FFF;
	color:#000;
	border-top:1px solid #000
}
code {
	overflow:auto
}
.web-main .work-img {
	border-bottom:1px solid #d7d7d7
}
.web-main .portfolio-top-left ul {
	margin:10px 0 0;
	padding:0
}
.web-main .portfolio-top-left ul li {
	display:inline-block;
	font-family:museo-slab;
	font-weight:100;
	text-align:left
}
.web-main .portfolio-top-left ul li.left {
	width:435px;
	float:left;
	font-size:33px;
	line-height:38px;
	font-weight:100;
	padding:0 0 16px;
	margin-right:5%
}
.web-main .portfolio-top-left ul li.center {
	float:left;
	width:297px;
	border-right:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	padding-right:70px;
	padding-left:63px
}
.web-main .portfolio-top-left ul li.center p {
	font-weight:300;
	font-size:16px;
	padding-bottom:30px;
	width:100%;
	line-height:24px
}
.web-main .portfolio-top-left ul li.center p.last {
	padding-bottom:0
}
.web-main .portfolio-top-left ul li.right {
	width:272px;
	float:left
}
.web-main .portfolio-top-left ul li.right p {
	font-size:16px;
	font-weight:300;
	width:80%;
	text-align:left;
	border-bottom:1px solid #ebebeb;
	padding:6px 0 12px;
	margin-bottom:4px;
	padding-left:21%
}
.web-main .portfolio-top-left ul li.right p.last {
	border:0
}
.web-main .portfolio-top-left ul img {
	text-align:center;
	margin-top:80px;
	width:100%
}
.web-main .work-img {
	margin-top:0
}
.web-main .launch-site {
	text-align:center;
	margin-bottom:80px;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:20px
}
.web-main .launch-site:last-child {
	border:0;
	margin:0
}
.web-main .launch-site .title {
	font-size:30px;
	font-weight:300;
	font-family:museo-slab;
	margin-bottom:21px
}
.web-main .launch-site p {
	width:555px;
	margin:0 auto;
	font-size:16px;
	line-height:23px
}
.web-main .launch-site a {
	font-size:12px;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	border:1px solid #dfdfdf;
	padding:9px 15px 7px;
	margin:34px 0;
	display:inline-block;
	box-shadow:1px 1px 0 0 #dfdfdf;
	-webkit-box-shadow:1px 1px 0 0 #dfdfdf;
	-moz-box-shadow:1px 1px 0 0 #dfdfdf;
}
.web-main .launch-site a:hover {
	border:1px solid #000;
	box-shadow:0 0 #000;
	-webkit-box-shadow:0 0 #000;
	-moz-box-shadow:0 0 #000;
	background-color:#000;
	color:#FFF
}
.web-main .work-img img {
	margin-bottom:29px
}
@media only screen and (min-width:1600px) and (max-width:1800px) {

.about-first .about-right h2 span, .about-second .about-right h2 span, .about-third .about-right h2 span {
font-size:90px
}
.about-first .about-right h2, .about-second .about-right h2, .about-third .about-right h2 {
font-size:70px;
line-height:70px
}
.services-first .services-right h2 span, .services-third .services-right h2 span {
font-size:90px
}
.services-first .services-right h2, .services-third .services-right h2 {
font-size:70px;
line-height:70px
}
}
@media only screen and (min-width:1600px) and (max-width:1700px) {
.work-header-web img {
margin:0 0 -2.2% 0
}
}
@media only screen and (min-width:1400px) and (max-width:1600px) {
	.about-third .about-right {
float: left;
max-width: 50%;
padding-top: 70px;
	}
.work-header-web img {
margin:0 0 -2.6% 0
}
.about-first, .about-third {
max-width:1200px
}
.about-first {

}
.about-third {
/*padding-top:128px*/
}
.about-first .about-right h2 span, .about-second .about-right h2 span, .about-third .about-right h2 span {
font-size:70px
}
.about-first .about-right h2, .about-second .about-right h2, .about-third .about-right h2 {
font-size:60px;
line-height:60px
}
.about-second .about-right h2 {
margin-top:28%
}
.about-third .about-right h2 {
margin-top:18%
}
.about-second img {
max-width:80%
}
.about-third img {
/*max-width:75%*/
}
.about-first .about-right p, .about-second .about-right p, .about-third .about-right p {
font-size:16px;
line-height:21px
}
.services-third {
padding-top:90px
}
.services-second {
max-width:95%
}
.services-first .services-right h2 span, .services-third .services-right h2 span {
font-size:70px
}
.services-first .services-right h2, .services-third .services-right h2 {
font-size:60px;
line-height:60px
}
.services-first img {
max-width:90%
}
.services-third img {
max-width:100%
}
.services-second ul li img {
max-width:28%
}
.services-second ul li p {
font-size:13px;
line-height:19px
}
.services-second ul li {
margin-top:17%
}
.services-first .services-right p, .services-third .services-right p {
font-size:16px;
line-height:21px
}
}
@media only screen and (max-width:1345px) {
.next-project a, .previous-project a {
top:60%
}
}
@media only screen and (min-width:1200px) and (max-width:1400px) {

.about-first img {
max-width:85%;
margin-top:5%
}
.about-first .about-right h2 span, .about-second .about-right h2 span, .about-third .about-right h2 span {
font-size:65px
}
.about-first .about-right h2, .about-second .about-right h2, .about-third .about-right h2 {
font-size:60px;
line-height:65px
}
.about-first .about-right p, .about-second .about-right p, .about-third .about-right p {
font-size:14px;
line-height:18px;
border-left:5px solid #000
}
.about-second .about-right h2 {
margin-top:19%
}
.about-third .about-right h2 {
margin-top:16%
}
.about-first {
padding-top:5px
}
.about-second {
padding-top:45px
}
.about-third {
padding-top:0px
}
.about-second img {
max-width:70%
}
.about-third img {
max-width:90%
}
.services-first {
padding-top:90px;
max-width:100%
}
.services-first .services-left {
max-width:50%;
min-width:55%
}
.services-third {
padding-top:100px
}
.services-first .services-right h2 span, .services-third .services-right h2 span {
font-size:65px
}
.services-first .services-right h2, .services-third .services-right h2 {
font-size:60px;
line-height:65px
}
.services-first .services-right p, .services-third .services-right p {
font-size:14px;
line-height:18px;
border-left:5px solid #000
}
.services-first img {
max-width:80%
}
.services-second {
max-width:90%;
padding-top:75px
}
.services-second ul {
width:34%
}
.services-second ul.first {
margin-left:2%;
width:30%
}
.services-second ul.last {
width:32%
}
.services-second ul li {
border-bottom:1px solid #87e3bd;
border-right:1px solid #87e3bd;
margin-top:inherit;
padding-left:10%;
height:175px
}
.services-second ul li.first {
padding-left:0
}
.services-second ul li.last {
border-right:none
}
.services-second ul li.bottom {
border-bottom:none
}
.services-second ul li img {
display:none
}
.services-second ul li p {
margin-top:37px
}
.services-third img {
max-width:100%
}
.services-third .services-right {
max-width:53%
}
.services-third .services-left {
min-width:45%
}
.services-third {
max-width:95%
}
.web-main .portfolio-top-left ul li.left {
margin-right:0;
padding-right:4%;
width:36%;
font-size:30px;
line-height:36px
}
.web-main .portfolio-top-left ul li.center {
padding-right:4%;
width:25%;
padding-left:5%
}
}
@media only screen and (min-width:960px) and (max-width:1200px) {
.project-container {
	height:470px;
}
.web-main .portfolio-top-left ul li.left {
width:36%;
margin-right:0;
padding:0 27px 10px 0;
font-size:30px;
line-height:36px
}
.web-main .portfolio-top-left ul li.center {
width:27%;
padding-right:4%;
padding-left:4%
}
.web-main .portfolio-top-left ul li.right p {
width:91%;
padding-left:10%
}
.web-main .portfolio-top-left ul li.right {
width:25%
}
.about-first {
padding-top:50px
}
.about-first img {
max-width:85%
}
.about-first .about-right {
margin-top:1.5%;
padding-top: 50px
}
.about-first .about-right h2 span, .about-second .about-right h2 span, .about-third .about-right h2 span {
font-size:50px
}
.about-first .about-right h2, .about-second .about-right h2, .about-third .about-right h2 {
font-size:40px;
line-height:45px;
padding:0 0 30px 20px
}
.about-third .about-right h2 {
/*margin-top:15%*/
}
.about-first .about-right p, .about-second .about-right p, .about-third .about-right p {
border-left:3px solid #000;
font-size:13px;
line-height:18px;
padding:5px 0 5px 20px
}
.about-second img {
max-width:60%
}
.about-third {
padding-top:0px
}
.about-third img {
max-width:90%
}
.services-first .services-right h2 span, .services-third .services-right h2 span {
font-size:50px
}
.services-first .services-right h2, .services-third .services-right h2 {
font-size:40px;
line-height:45px;
padding:0 0 30px 20px
}
.services-first .services-right p, .services-third .services-right p {
border-left:3px solid #000;
font-size:13px;
line-height:18px;
padding:5px 0 5px 20px
}
.services-first {
padding-top:50px
}
.services-first img {
max-width:80%
}
.services-first .services-left {
max-width:62%
}
.services-second {
max-width:97%;
padding-top:46px
}
.services-second ul {
width:34%
}
.services-second ul.first {
margin-left:2%;
width:30%
}
.services-second ul.last {
width:32%
}
.services-second ul li {
border-bottom:1px solid #87e3bd;
border-right:1px solid #87e3bd;
margin-top:inherit;
padding-left:10%;
height:150px
}
.services-second ul li.first {
padding-left:0
}
.services-second ul li.last {
border-right:none
}
.services-second ul li.bottom {
border-bottom:none
}
.services-second ul li img {
display:none
}
.services-second ul li p {
margin-top:30px;
font-size:13px;
line-height:19px
}
.services-second ul li p span {
font-size:16px
}
.services-third {
padding-top:80px
}
.services-third img {
max-width:100%
}
}
@media only screen and (min-width:960px) and (max-width:1250px) {
.portfolio-container {
width:96%;
margin:0 2%
}
.i-m-not-bug-ipad a:hover .b-work-title {
margin-left:18px
}
}
@media only screen and (max-width:1160px) {

}
}
@media only screen and (max-width:1060px) {

}
}
@media only screen and (max-width:905px) {

}
}
@media only screen and (min-width:768px) and (max-width:959px) {
#portfolio {
margin-top:115px
}
.portfolio-container {
width:96%;
margin:0 2%;
padding-top:0;
height:700px
}
.about-top ul li.right-text-box {
padding-top:51px;
padding-left:3%;
width:47%
}
.about-top ul li h3 {
font-size:50px;
margin-bottom:20px
}
.about-top ul li h3 span {
font-size:29px;
line-height:30px;
display:block
}
.about-top ul li p {
font-size:15px;
margin:0 0 22px;
line-height:20px
}
.about-top ul li h4 {
font-size:22px;
line-height:26px
}
.about-color-box {
margin-bottom:40px
}
.about-color-box ul li {
height:340px
}
.about-color-box ul li .color-text-box {
padding:12% 0 0 10%
}
.about-color-box ul li .color-text-box h3 {
font-size:55px;
line-height:50px;
margin-bottom:13px
}
.about-color-box ul li .color-text-box h3 span.bottom, .about-color-box ul li .color-text-box h3 span.top {
font-size:40px;
line-height:40px
}
.about-color-box ul li .color-text-box p {
line-height:20px;
color:#FFF;
font-size:15px;
font-weight:300;
padding:0;
margin:0
.web-main .portfolio-top-left ul li.left {
width:33%;
margin-right:0;
padding:0 2% 10px 0;
font-size:28px;
line-height:34px
}
.web-main .portfolio-top-left ul li.center {
width:32%;
padding-right:2%;
padding-left:2%
}
.web-main .portfolio-top-left ul li.right p {
width:93%;
padding-left:7%
}
.web-main .portfolio-top-left ul li.right {
width:28%
}
.web-main .portfolio-top-left ul img {
margin-top:7%
}
.web-main .launch-site a {
margin-bottom:0
}
.web-main .launch-site {
margin-bottom:6%;
padding-bottom:5%
}
.web-main .portfolio-top-left ul li.center p {
font-size:15px;
padding-bottom:20px
}
}
}
@media only screen and (max-width:990px) {
              
}
}
@media only screen and (max-width:920px) {
.three-box li {
width:33%!important
}
}
@media only screen and (max-width:810px) {

}
}
@media only screen and (max-width:850px) {
.web-main .portfolio-top-left ul {
margin:3% 3% 0
}
.web-main .portfolio-top-left ul li.left {
font-size:24px;
line-height:32px;
margin:0 auto 7%;
float:none;
width:89%;
text-align:center;
padding-right:0
}
.web-main .portfolio-top-left ul li.center {
border-left:0;
padding-left:0;
padding-right:4%;
width:46%
}
.web-main .portfolio-top-left ul li.right {
width:49%
}
}
@media only screen and (min-width:479px) and (max-width:959px) {
.portfolio-top-left {
padding:40px 0 0
}
.portfolio-top-left h2 {
font-size:45px;
margin:0 0 15px
}
.portfolio-top-left h3 {
font-size:15px;
margin:20px 0
}
.portfolio-top-left p {
width:85%
}
.about-first {
padding-top:50px
}
.about-first .about-left {
float:none;
max-width:inherit;
text-align:center;
margin:0 auto;
position:absolute;
bottom:4%;
width:100%
}
.about-first img {
max-width:90%
}
.about-first .about-right {
float:none;
max-width:100%;
text-align:center;
margin:0 auto
}
.about-second {
padding-top:50px
}
.about-second .about-left {
float:none;
margin:0 auto;
max-width:inherit;
position:absolute;
text-align:center;
bottom:-12%;
width:100%
}
.about-second img {
max-width:40%
}
.about-second .about-right {
float:none;
max-width:100%;
text-align:center;
margin:0 auto
}
.about-third {
/*padding-top:50px*/
}
.about-third .about-left {
top:0;
float:none;
margin:0 auto;
max-width:inherit;
position:absolute;
text-align:center;
width:100%
}
.about-third img {
max-width:80%
}
.about-third .about-right {
float:none;
max-width:100%;
text-align:center;
margin:35px auto
}
.about-first .about-right h2, .about-first .about-right h2 span, .about-third .about-right h2, .about-third .about-right h2 span {
display:none
}
.about-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
/*margin-top:372px;*/
margin-top:255px;
padding-bottom:30px
}
.about-first .about-right p, .about-second .about-right p, .about-third .about-right p {
font-size:13px;
line-height:18px;
padding:5px 0;
border-left:none
}
.portfolio-main .portfolio-text {
display:block;
text-align:center;
color:#000;
padding-top:8%
}
.portfolio-main .portfolio-text h2 {
font-size:40px;
margin-bottom:30px;
padding-bottom:33px
}
.portfolio-main .portfolio-text h2 span {
clear:both;
display:block;
font-size:25px;
font-weight:300
}
.portfolio-main h3 {
display: inline-block;
font-size: 50px;
line-height: 50px;
color: #000;
margin-bottom: 15px;
padding-bottom: 25px;
}
/*.portfolio .about-first .about-right {
	padding-top:0px;
}*/
.about-first .about-right {
	padding-top:20px;
}
.portfolio-home {
padding-bottom:2%
}.services-third {
padding-top:50px
}
.services-third .services-left {
bottom:4%;
float:none;
margin:0 auto;
max-width:inherit;
position:absolute;
text-align:center;
width:100%
}
.services-third img {
max-width:83%
}
.services-third .services-right {
float:none;
max-width:100%;
text-align:center;
margin:0 auto
}
.services-first .services-right h2, .services-first .services-right h2 span, .services-third .services-right h2, .services-third .services-right h2 span {
display:none
}
.services-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
margin-bottom:20px;
padding-bottom:30px
}
.services-first .services-right p, .services-third .services-right p {
font-size:13px;
line-height:18px;
padding:5px 0;
border-left:none
}
-moz-document url-prefix() { 
  .services-main h3 {
     line-height:25px;
  }
}
}
@media only screen and (min-width:670px) and (max-width:959px) {
}
}
@media only screen and (max-width:920px) {
}
}
@media only screen and (min-width:479px) and (max-width:939px) {
.services-first .services-right p, .services-third .services-right p {
	display:none;
}
}
@media only screen and (max-width:768px) {
.about-first img {
max-width:84%
}
.about-second img {
max-width:49%
}
.about-third img {
max-width:90%
}
.services-third img {
max-width:100%
}
.portfolio-main .portfolio-text {
padding-top:12%
}
.about-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
margin-top:394px;
padding-bottom:30px
}
.services-first .services-right p, .services-third .services-right p {
font-size:13px;
line-height:18px;
padding:5px 0;
border-left:none;
display:block

}
}
@media only screen and (max-width:767px) {

.web-main .portfolio-top-left ul img {
margin-top:5%
}
.web-main .launch-site p {
width:80%;
margin:0 auto;
font-size:14px;
line-height:19px
}
.about-top ul li {
width:100%
}
.about-top ul li.right-text-box {
padding-top:0;
margin-bottom:25px;
text-align:center
}
.about-top ul li h3 {
font-size:32px;
color:#000;
font-weight:700;
letter-spacing:-1px;
margin-bottom:16px;
line-height:28px
}
.about-top ul li h3 span {
font-weight:100;
font-size:22px;
display:block;
line-height:26px
}
.about-top ul li p {
padding:0;
margin:0 0 18px;
font-size:14px;
color:#000;
line-height:18px;
font-weight:300
}
.about-top ul li h4 {
font-size:18px;
font-weight:300;
line-height:22px
}
.web-main .portfolio-top-left ul li {
text-align:center
}
.web-main .portfolio-top-left ul li.left {
width:100%;
padding:0 0 5%;
margin:0 0 6%;
border-bottom:1px solid #ebebeb
}
.web-main .portfolio-top-left ul li.center {
width:100%;
padding:0 0 5%;
margin:0 0 6%;
border-bottom:1px solid #ebebeb;
border-right:0;
border-left:0
}
.web-main .portfolio-top-left ul li.right {
width:100%;
padding:0;
margin:0;
border-bottom:0 solid #ebebeb
}
.web-main .portfolio-top-left ul li.right p {
padding-left:0;
width:100%;
text-align:center
}
.web-main .work-img img {
margin-bottom:5%
}
.web-main .launch-site .title {
font-size:22px;
margin-bottom:15px
}
.three-box li {
width:100%!important;
border-bottom:1px solid #dfdfdf;
margin-bottom:7%;
padding-bottom:6%
}
.three-box li:last-child {
border:0;
margin-bottom:0;
padding:0 0 8%
}
.three-box li p {
min-height:inherit!important
}
.work-header-web h2 {
margin:5% 0 4%;
font-size:42px;
padding-bottom:5%
}
.work-header-web .work-header-text {
font-size:26px;
line-height:30px;
margin-bottom:4%;
width:68%
}
.three-box li span.icon {
margin:0 0 4%
}
.work-app li p {
min-height:108px
}
.services-first .services-right p, .services-third .services-right p {
font-size:13px;
line-height:18px;
padding:5px 0;
border-left:none;
display:block
}
}
@media only screen and (max-width:652px) {
.i-m-not-bug-ipad a:hover .b-work-title {
margin:0 0 15px 10px
}
}
@media only screen and (max-width:710px) {

}
}
@media only screen and (min-width:480px) and (max-width:670px) {
	

}
}
@media only screen and (max-width:632px) {

}
}
@media only screen and (max-width:670px) {

}
}
@media only screen and (min-width:480px) and (max-width:767px) {

.portfolio-container {
width:96%;
margin:0 2%;
padding-top:0
}
.compact #header {
height:85px
}
.work-img {
margin:50px 0 20px
}
.about-page {
padding-top:0
}
.about-color-box {
margin-bottom:22px
}
.about-color-box ul li {
width:100%;
height:340px
}
.about-color-box ul li .color-text-box {
padding:10% 0 0;
text-align:center
}
.about-color-box ul li .color-text-box h3 {
font-size:45px;
line-height:38px;
margin-bottom:18px
}
.about-color-box ul li .color-text-box h3 span.top {
font-size:35px;
line-height:38px
}
.about-color-box ul li .color-text-box h3 span.bottom {
font-size:35px;
line-height:42px
}
.about-color-box ul li .color-text-box p {
font-size:17px;
line-height:22px
}
}
@media only screen and (min-width:220px) and (max-width:478px) {

.about-first {
padding-top:35px
}
.about-first .about-left {
float:none;
max-width:inherit;
text-align:center;
margin:0 auto;
position:absolute;
bottom:10%;
width:100%
}
.about-first img {
max-width:95%
}
.about-first .about-right {
float:none;
max-width:100%;
text-align:center;
margin:0 auto;
padding-top:30px
}
.about-second {
padding-top:35px
}
.about-second .about-left {
bottom:-32%;
float:none;
left:-6%;
margin:0 auto;
max-width:inherit;
position:absolute;
text-align:center;
width:100%
}
.about-second img {
max-width:80%
}
.about-second .about-right {
float:none;
max-width:100%;
text-align:center;
margin:0 auto
}
.about-third {
padding-top:35px
}
.about-third .about-left {
top:0%;
float:none;
margin:0 auto;
max-width:inherit;
position:absolute;
text-align:center;
width:100%
}
.about-third img {
max-width:110%
}
.about-third .about-right {
float:none;
max-width:100%;
text-align:center;
margin:55% auto
}
.about-first .about-right h2, .about-first .about-right h2 span, .about-second .about-right h2, .about-second .about-right h2 span, .about-third .about-right h2, .about-third .about-right h2 span {
display:none
}
.about-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
margin-bottom:15px;
padding-bottom:25px
}

.about-main h3 span {
display: none;
}

.about-first .about-right p, .about-second .about-right p, .about-third .about-right p {
font-size:13px;
line-height:18px;
padding:5px 10px;
border-left:none
}
.services-third {
padding-top:45px
}
.services-third .services-left {
bottom:5%;
float:none;
margin:0 auto;
max-width:inherit;
position:absolute;
text-align:center;
width:100%
}
.services-third img {
max-width:95%
}
.services-third .services-right {
float:none;
max-width:100%;
text-align:center;
margin:0 auto
}
.services-first .services-right h2, .services-first .services-right h2 span, .services-third .services-right h2, .services-third .services-right h2 span {
display:none
}
.services-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
margin-bottom:20px;
padding-bottom:30px
}
.services-first .services-right p, .services-third .services-right p {
font-size:13px;
line-height:18px;
padding:5px 0;
border-left:none
}
.portfolio-main .portfolio-text {
display:block;
text-align:center;
color:#000;
padding-top:18%
}
.portfolio-main .portfolio-text h2 {
font-size:26px;
margin-bottom:25px;
padding-bottom:28px
}
.portfolio-main .portfolio-text h2 span {
clear:both;
display:block;
font-size:16px;
font-weight:300
}
.portfolio-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
margin-bottom:15px;
padding-bottom:25px
}
.portfolio-main .portfolio-text p {
font-size:13px
}
.portfolio-first-main {
width:100%;
background:url(../images/home-portfolio-bgs1.jpg) repeat #ebd456
}
.block, .project {
height:650px
}
}
@media only screen and (max-width:479px) {
.web-main .portfolio-top-left ul li.left {
font-size:19px;
line-height:26px
}
.web-main .portfolio-top-left ul li.center p {
font-size:14px;
line-height:20px;
padding-bottom:10px
}
.web-main .work-img img {
margin-bottom:18px
}
.about-page {
padding-top:17px
}
.about-top ul li {
width:100%;
text-align:center
}
.about-top ul li.right-text-box {
padding-top:0;
margin-bottom:25px
}
.about-top ul li h3 {
font-size:32px;
color:#000;
font-weight:700;
letter-spacing:-1px;
margin-bottom:16px
}
.about-top ul li h3 span {
font-weight:100;
font-size:24px;
display:block;
line-height:32px
}
.about-top ul li p {
padding:0;
margin:0 0 18px;
font-size:14px;
display:inline-block;
color:#000;
line-height:16px;
font-weight:300;
width:77%
}
.about-top ul li p br {
display:block
}
.about-top ul li h4 {
font-size:18px;
font-weight:300;
line-height:22px
}
.about-top ul li.left-img-box {
text-align:center
}
.about-color-box ul li {
width:100%;
height:auto;
padding-bottom:50px
}
.about-color-box ul li .color-text-box {
padding:10% 2% 0;
text-align:center
}
.about-color-box ul li .color-text-box h3 {
font-size:45px;
line-height:38px
}
.about-color-box ul li .color-text-box h3 span.top {
font-size:35px;
line-height:38px
}
.about-color-box ul li .color-text-box h3 span.bottom {
font-size:35px;
line-height:42px
}
.about-color-box ul li .color-text-box p {
line-height:18px;
font-size:14px
}
.about-color-box {
margin-bottom:22px
}
.project-container {
height:650px!important;
}
.portfolio-main .portfolio-text {
display:block;
text-align:center;
color:#000;
padding-top:18%
}
.portfolio-main .portfolio-text h2 {
font-size:26px;
margin-bottom:25px;
padding-bottom:28px
}
.portfolio-main .portfolio-text h2 span {
clear:both;
display:block;
font-size:16px;
font-weight:300
}
.portfolio-main .portfolio-text p {
font-size:13px
}
.portfolio-first-main {
width:100%;
background:url(../images/home-portfolio-bgs1.jpg) repeat #ebd456

}
}
@media only screen and (max-width:480px) {

div.content .content-right .experince-down a, div.content .content-right .experince-down a:hover {
border-top:1px solid #000;
border-left:0
}
div.content .content-left, div.content .content-right {
width:100%
}
}
@media only screen and (max-width:420px) {

}
}
@media only screen and (max-width:360px) {

}
}
@media only screen and (max-width:330px) {
div.content .content-right .experince-main {
width:99.4%
}
}
@media only screen and (max-width:319px) {
	
}
}
@media only screen and (min-width:470px) and (max-width-width :768px) {
.about-main h3 {
display:inline-block;
font-size:50px;
line-height:50px;
color:#000;
/*margin-top:372px;*/
margin-top:255px;
}
.services-first .services-right p, .services-third .services-right p {
font-size: 13px;
line-height: 18px;
padding: 5px 0;
border-left: none
}
.services-third img {
max-width: 90%;
}
}
@media only screen and (max-device-width :768px) and (orientation :landscape) {
	
}
}
@media all and (-webkit-min-device-pixel-ratio:1.5) {

div.content .content-right .experince-down a {
border-top:0;
border-left:1px solid #000;
width:100%;
display:block
}
}
@media only screen and (max-width:959px) and (min-width:768px) {
.text-link {
font-size:13px !important
}
}
@media only screen and (max-width:767px) {
.text-link {
font-size:13px !important
}

}