@charset "utf-8";

::selection {
	background: #7de4fb;
	/* Safari */
}

::-moz-selection {
	background: #7de4fb;
	/* Firefox */
}

::-moz-selection {
	background: #7de4fb;
	/* Chrome */
}

.hide-abs9 {
	position: absolute !important;
	top: -99999px !important;
	left: -99999px !important;
	margin: 0 !important;
}

#menu-button {
	position: fixed;
	top: 5.38%;
	right: 67px;
	width: 53px;
	height: 61px;
	z-index: 200000;
}

#slideshow-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	text-align: left;
	background-color: #000;
}

#slideshow-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5
}

#menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 166px;
	height: 1300px;
	padding: 0 30px;
	background: #4cc5e0;
	z-index: -10;
	text-align: left;
}

#menu ul {
	padding: 0;
	list-style: none;
}

#menu li {
	list-style: none;
}

#menu li a {
	text-decoration: none;
}

#menu .link {
	margin-top: 41px;
}

#menu .link li {
	position: relative;
	width: 100px;
	height: 25px;
	background: #027c97;
	overflow: hidden;
	margin-top: 3px;
}

#menu .link li p:first-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 25px;
	font-size: 18px;
	z-index: 2;
	line-height: 25px;
	text-indent: 3px;
}

#menu .link li p:first-child a {
	width: 100px;
	height: 25px;
	display: block;
	text-decoration: none;
	color: #d7d7d7;
}

#menu .link li p:last-child {
	position: absolute;
	top: 0;
	left: -100px;
	width: 100px;
	height: 25px;
	background: #000;
	z-index: 1;
}

#menu .link2 {
	margin-top: 36px;
	font-size: 14px;
	padding-bottom: 56px;
	border-bottom: 1px solid #2ea8c3
}

#menu .link2 li a {
	color: #000;
}

#menu .link2 li a:hover {
	color: #FFF;
}

#menu .link2 li a.upload-file {
	color: #662d91;
}

#menu .link2 li a.upload-file:hover {
	color: #FFF;
}

#menu h3 {
	font-size: 18px;
	color: #024c5d;
	margin-top: 60px;
	font-style: italic
}

#menu p.first {
	margin-top: 25px;
	font-size: 12px;
	color: #026379;
	line-height: 24px;
	font-style: italic
}

#menu p.last {
	text-align: right;
	margin-top: 25px;
	padding-bottom: 30px
}

#page {
	width: 100%;
	text-align: left;
	z-index: 10;
}

#home {
	width: 100%;
	height: auto;
	/*background:#111;background:#111 url(../img/preloader.gif) center center no-repeat;*/
}

#loader-container {
	width: 100%;
	height: 100%;
	background: #111;
}

#loader {
	width: 219px;
	height: 250px;
	text-align: center;
}

#loader .loader {
	position: relative;
	width: 167px;
	height: 161px;
	margin: 0 auto;
	overflow: hidden;
}

#loader .loader img {
	position: absolute;
	top: 50px;
	left: 58px;
	width: 51px;
	height: 60px;
}

#loader .loader .loader1 {
	top: 50px;
	left: 0;
}

#loader .loader .loader2 {
	top: 0;
	left: 29px;
}

#loader .loader .loader3 {
	top: 0;
	left: 87px;
}

#loader .loader .loader4 {
	top: 50px;
	left: 116px;
}

#loader .loader .loader5 {
	top: 101px;
	left: 87px;
}

#loader .loader .loader6 {
	top: 101px;
	left: 29px;
}

#loader .number {
	position: relative;
	width: 219px;
	height: 1px;
	background: #027c97;
	margin-top: 45px;
}

#loader .number>div {
	position: absolute;
	top: -1px;
	left: 0;
	width: 0px;
	height: 3px;
	background: #4cc5e0;
}

#loader .number .rel>p {
	position: absolute;
	top: 15px;
	right: -15px;
	width: 30px;
	text-align: center;
	font-size: 18px;
	color: #ebebeb;
}

#branding {
	position: absolute;
	/*bottom:40px;*/
	top: 100%;
	left: 40px;
	width: 184px;
	height: 53px;
	margin-top: -93px;
	background: url(../img/home/logo.png) center no-repeat;
}

#branding a {
	width: 184px;
	height: 53px;
	text-indent: -9999px;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
}

#button-roll {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 409px;
	height: 146px;
	margin-left: -204px;
	text-align: center;
	background: url(../img/home/button_roll.png) center no-repeat;
	z-index: 100000;
}

#button-roll h1 {
	font-size: 21px;
	margin-top: 60px;
}

#button-roll h1 a {
	color: #4cc5e0;
	text-decoration: none;
}

#button-roll p {
	color: #ccc;
	margin-top: 24px;
	font-size: 13px;
}

.slogan {
	position: absolute;
	bottom: 25.5%
		/*331px*/
	;
	left: 50%;
	width: 1024px;
	height: 139px;
	margin-left: -512px;
	z-index: 10000;
	text-align: center;
}

.slogan2 {
	position: absolute;
	top: 384px;
	left: 50%;
	width: 1024px;
	height: 139px;
	margin-left: -512px;
}

.slogan img,
.slogan2 img {
	position: absolute;
	top: -16px;
	left: 0;
}

.slogan img.last,
.slogan2 img.last {
	top: 139px;
	left: 450px
}

.slogan h1,
.slogan2 h1 {
	width: 100%;
	height: 67px;
	line-height: 67px;
	font-size: 51px;
	color: #111;
	background: #4cc5e0;
	text-indent: 25px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	/* For IE8 and earlier */
}





.slogan h1.last,
.slogan2 h1.last {
	width: 50%;
	margin-top: 5px;
}

/* Slogan 1*/
.slogan img.last1,
.slogan2 img.last1 {
	top: 139px;
	left: 963px
}

.slogan h1.last1,
.slogan2 h1.last1 {
	width: 100%;
	margin-top: 5px;
}

/* Slogan 2*/
.slogan img.last2,
.slogan2 img.last2 {
	top: 139px;
	left: 963px;
}

.slogan h1.last2,
.slogan2 h1.last2 {
	width: 100%;
	margin-top: 5px;
}

/* Slogan 3*/
.slogan img.last3,
.slogan2 img.last3 {
	top: 139px;
	left: 963px;
}

.slogan h1.last3,
.slogan2 h1.last3 {
	width: 100%;
	margin-top: 5px;
}

/* Slogan 4*/
.slogan img.last4,
.slogan2 img.last4 {
	top: 139px;
	left: 963px;
}

.slogan h1.last4,
.slogan2 h1.last4 {
	width: 100%;
	margin-top: 5px;
}




#human-top {
	width: 100%;
	height: 687px;
	background: #FFF;
	text-align: center;
}

#human-top>div {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

#human-top>div>img {
	float: left;
}

#human-top>div>h1 {
	width: 850px;
	font-size: 40px;
	color: #4d4d4f;
	padding-bottom: 82px;
	padding-top: 60px;
}

#human-bot {
	width: 100%;
	padding: 20px 0px 20px 0px;
	text-align: center;
	background: #FFF;
}

#human-bot>div {
	width: 854px;
	margin: 0 auto;
	text-align: left;
}

#human-bot>div>p {
	width: 1px;
	height: 470px;
}

#human-bot>div>h1 {
	width: 180px;
	font-size: 47px;
	color: #056f81;
	text-align: right;
	line-height: 1;
}

#human-bot>div>img {
	margin-left: 72px;
}

#human-bot>div>div.content {
	width: 600px;
	font-size: 15px;
	color: #363636;
	line-height: 20px;
}

#human-bot>div>div.content>p {
	padding: 10 0;
	line-height: 22px;
}

@-webkit-keyframes moveFromTop {
	from {
		-webkit-transform: translateY(-300%);
	}

	to {
		-webkit-transform: translateY(0%);
	}
}

@-moz-keyframes moveFromTop {
	from {
		-moz-transform: translateY(-300%);
	}

	to {
		-moz-transform: translateY(0%);
	}
}

@-ms-keyframes moveFromTop {
	from {
		-ms-transform: translateY(-300%);
	}

	to {
		-ms-transform: translateY(0%);
	}
}

@-webkit-keyframes moveFromBottom {
	from {
		-webkit-transform: translateY(200%);
	}

	to {
		-webkit-transform: translateY(0%);
	}
}

@-moz-keyframes moveFromBottom {
	from {
		-moz-transform: translateY(200%);
	}

	to {
		-moz-transform: translateY(0%);
	}
}

@-ms-keyframes moveFromBottom {
	from {
		-ms-transform: translateY(200%);
	}

	to {
		-ms-transform: translateY(0%);
	}
}

#our-story {
	width: 100%;
	height: 687px;
	text-align: center;
	background-color: #EAEAEA;
	background-image: url(../img/our-story/bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#our-story>div {
	position: relative;
	width: 896px;
	height: 687px;
	margin: 0 auto;
	overflow: hidden;
}

#our-story .bg-opac {
	position: absolute;
	top: 379px;
	left: 0;
	width: 796px;
	height: 687px;
	padding: 0 50px;
	background: url(../img/our-story/bg-text3.png) repeat-x;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-webkit-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}

#our-story .translateY {
	-moz-transform: translateY(-320px);
	-ms-transform: translateY(-320px);
	-webkit-transform: translateY(-320px);
	-o-transform: translateY(-320px);
	transform: translateY(-320px);
}

#our-story .bg-opac h1 {
	font-size: 40px;
	padding: 25px 0 15px 0;
}

#our-story .bg-opac h3 {
	font-size: 22px;
	color: #4cc5e0;
}

#our-story .bg-opac p {
	font-size: 16px;
	color: #ccc;
}

#our-story img {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 38px;
	height: 43px;
	margin-left: -19px;
}

#our-story-add {
	margin-top: 1em;
	display: none;
	padding-top: 30px;
}

.hide-scroll {
	overflow: hidden !important;
}

.hide-scroll::-webkit-scrollbar {
	width: 0 !important;
}

#clients {
	width: 100%;
	/*height:802px;*/
	text-align: center;
	background: #f2f3f4
}

/*
#clients .title {width:897px; height:183px;margin:0 auto;text-align:left;}
#clients .title h1 {font-size:40px;color:#000;line-height:183px;text-indent:7px}
*/
#clients>div.cfx {
	width: 897px;
	margin: 0 auto;
	text-align: left;
}

#clients .title {
	float: left;
	width: 388px;
	height: 185px;
	text-align: left;
}

#clients .title h1 {
	font-size: 40px;
	color: #4d4d4f;
	line-height: 183px;
	text-indent: 7px
}

#clients .quote {
	float: left;
	width: 41px;
	height: 185px
}

#clients .quote img {
	margin-top: 70px
}

#clients .quote-text {
	float: left;
	width: 447px;
	height: 185px;
	text-align: left;
	padding-left: 20px
}

#clients .quote-text h3 {
	color: #7d7d7d;
	font-size: 22px;
	line-height: 1;
	margin-top: 73px
}

#clients .quote-text1 {
	float: left;
	width: 447px;
	height: 185px;
	text-align: left;
	padding-left: 20px
}

#clients .quote-text1 h3 {
	color: #919191;
	font-size: 17px;
	line-height: normal;
	margin-top: 73px;
}

#slider-clients {
	position: relative;
	width: 982px;
	height: 532px;
	margin: 0 auto;
	background-color: #F2F3F4;
	background-image: url(../img/clients/bg.jpg);
	background-repeat: no-repea;
	background-position: center;
}

#slider-clients .bg-clients {
	position: absolute;
	top: 42px;
	left: 45px;
	width: 894px;
	height: 446px;
	background: #FFF
}

#slideshow-clients {
	width: 894px;
	height: 446px;
}

#slideshow-clients .slideshow-clients {
	top: 0;
	left: 0;
	width: 894px;
	height: 446px;
	list-style: none;
	padding: 0;
}

#slideshow-clients .slideshow-clients li {
	float: left;
	width: 895px;
	height: 445px;
	border: 2px solid #e9e9ea;
	border-left: 0 none;
	border-top: 0 none;
	list-style: none;
	background-position: center;
	background-repeat: no-repeat;
}

#clients-prev img {
	position: absolute;
	top: 226px;
	left: -19px;
	z-index: 10000;
}

#clients-next img {
	position: absolute;
	top: 226px;
	right: -19px;
	z-index: 10000;
}

#clients-nav {
	width: auto;
	padding: 14px 0 54px 0;
	text-align: center
}

#clients-nav .top {
	margin: 0 auto;
}

#clients-nav .cfx-first {
	width: auto;
	height: 19px;
	padding-right: 3px;
}

#clients-nav a {
	float: left;
	width: 16px;
	height: 19px;
	text-decoration: none;
	margin-left: 3px;
	text-indent: -9999px;
	display: block;
	background: url(../img/clients/slid-off.png) center no-repeat
}

#clients-nav a.activeSlide {
	background: url(../img/clients/slid-on.png) center no-repeat
}

#what-we-do {
	width: 100%;
	/*height:2330px;*/
	text-align: center;
	/*background: url(../img/what-we-do/bg.jpg) repeat;*/
}

#what-we-do .title {
	float: left;
	width: 388px;
	height: 185px;
	text-align: left;
}

#what-we-do .title h1 {
	font-size: 40px;
	color: #FFF;
	line-height: 183px;
	text-indent: 7px
}


#what-we-do .quote {
	float: left;
	width: 41px;
	height: 185px
}

#what-we-do .quote img {
	margin-top: 70px
}

#what-we-do .quote-text {
	float: left;
	width: 447px;
	height: 185px;
	text-align: left;
	padding-left: 20px
}

#what-we-do .quote-text h3 {
	color: #7d7d7d;
	font-size: 22px;
	line-height: 1;
	margin-top: 73px
}

#what-we-do .desc {
	text-align: center;
	/*height:690px;*/
	padding-bottom: 110px;
}

#what-we-do .desc div {
	float: left;
	width: 200px;
	margin-left: 31px;
}

#what-we-do .desc div.first {
	margin-left: 0;
}

#what-we-do .desc div h3 {
	font-size: 20px;
	color: #4cc5e0;
	margin-top: 20px;
}

#what-we-do .desc div p {
	font-size: 15px;
	color: #ccc;
	padding: 0 5px;
	margin-top: 15px;
}

#what-we-do-2 {
	display: none;
	border-top: 1px solid #525252
}

#what-we-do .title2 img {
	float: left;
	margin-top: 27px
}

#what-we-do .title2 h2 {
	float: left;
	font-size: 35px;
	color: #e0e1e1;
	margin-left: 21px;
	margin-top: 40px
}

#what-we-do .title2 h3 {
	float: left;
	font-size: 24px;
	color: #e0e1e1;
	margin-left: 21px;
	margin-top: 47px
}

#what-we-do .desc2 {
	text-align: left;
	margin-top: 50px
}

#what-we-do .desc2 div {
	float: left;
	width: 200px;
	margin-left: 31px;
}

#what-we-do .desc2 div.first {
	margin-left: 0;
}

#what-we-do .desc2 div h3 {
	font-size: 24px;
	margin-top: 15px;
	color: #e1e1e1;
	text-decoration: underline
}

#what-we-do .desc2 div p {
	margin-top: 15px;
	padding-right: 5px;
	color: #acacac;
}

#what-we-do .services {
	margin-top: 90px;
}

#what-we-do .services .title {
	float: left;
	width: 167px
		/*240px*/
	;
	height: 60px;
	text-align: left;
}

#what-we-do .services .title h3 {
	font-size: 24px;
	height: 59px;
	color: #4d4d4f;
	line-height: 59px;
	border-bottom: 1px solid #9f9fa0
}


#what-we-do .services .nav {
	float: left;
	width: 729px
		/*656px*/
	;
	height: 60px;
}

#what-we-do .services .nav img {
	float: left;
}

#what-we-do .services .nav p {
	float: left;
	width: 72px;
	height: 59px;
	font-size: 21px;
	line-height: 59px;
	border-bottom: 1px solid #9f9fa0
}

#what-we-do .services .nav .services-web {
	width: 72px;
}

#what-we-do .services .nav .services-print {
	width: 72px;
}

#what-we-do .services .nav .services-ads {
	width: 100px;
}

#what-we-do .services .nav .services-event {
	width: 87px;
}

#what-we-do .services .nav .services-seo {
	width: 72px;
}

#what-we-do .services .nav .services-apps {
	width: 159px;
}

#what-we-do .services .nav .services-social {
	width: 160px;
}

#what-we-do .services .nav .nav-on {
	border-bottom: 0px solid #525252
}

#what-we-do .services .nav p a {
	color: #898989;
	text-decoration: none;
	display: block;
}

#what-we-do .services .nav p.nav-on a {
	color: #ac8a0a;
}

#what-we-do .button {
	height: 140px;
	text-align: center;
}

#what-we-do .button img {
	margin: 0 auto;
	margin-top: 10px
}

#what-we-do .button2 {
	position: absolute;
	bottom: -50px;
	left: 50%;
	width: 300px;
	height: 140px;
	margin-left: -150px;
}

#what-we-do .button p,
#what-we-do .button2 p {
	margin: 0 auto;
	margin-top: 10px;
	color: #a1a1a1;
	font-size: 12px;
}

#what-we-do #services-content {
	position: relative;
	width: 896px;
	height: 440px;
	margin-top: 1px;
	text-align: left;
}

#what-we-do .services-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 896px;
	height: 440px;
	opacity: 0;
	z-index: -10;
}

#what-we-do .services-active {
	opacity: 1;
	z-index: 10;
}

#what-we-do-top {
	position: relative;
	width: 100%;
	min-height: 800px;
	height: auto;
	background-color: #252525;
	background: url(../img/what-we-do/bg.jpg) repeat;
}

#what-we-do-bot {
	position: relative;
	width: 100%;
	height: 2070px;
	overflow: hidden;
	background-color: #EEEEEE;
	background: url(../img/what-we-do/bg2.jpg) repeat;
}

#what-we-do-bot>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1875px;
}

#what-we-do-bot .rel .arrow-down {
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -132px;
}

#how-we-do-it {
	text-align: center;
	padding-top: 120px;
}

#how-we-do-it>h1 {
	font-size: 40px;
	color: #4d4d4f;
}

#how-we-do-it .main-icon {
	position: relative;
	width: 853px;
	height: 373px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(../img/what-we-do/main-icon.png) center no-repeat;
}

#how-we-do-it .main-icon h3 {
	position: absolute;
	top: 415px;
	left: 48px;
	width: 114px;
	font-size: 26px;
	color: #4ec5df;
}

#how-we-do-it .cfx {
	margin-top: 160px
}

#how-we-do-it .cfx .quote {
	position: relative;
	float: left;
	width: 285px;
	padding: 75px 0 75px 28px;
}

#how-we-do-it .cfx .quote h3 {
	width: 285px;
	text-align: right;
	text-transform: normal;
	color: #3a889a;
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 1.286;
}

#how-we-do-it .cfx .quote img {
	position: absolute;
	top: 12px;
	left: 20px;
}

#how-we-do-it .cfx .border {
	float: left;
	width: 11px;
	height: 450px;
	background: url(../img/what-we-do/border-orange.png) center center no-repeat;
}

#how-we-do-it .cfx .text {
	float: left;
	width: 507px;
	font-size: 14px;
	color: #333;
	padding-left: 60px;
	font-weight: 500;
}

#how-we-do-it .cfx .text p {
	text-align: left;
}

#how-we-do-it .cfx .text p span {
	color: #4ec5df;
	line-height: 20px;
	font-weight: bold;
}


#services-content .services-content-lf {
	float: left;
	width: 448px;
}

#services-content .services-content-lf img {
	float: left;
	margin-top: 27px;
}

#services-content .services-content-lf h3 {
	float: left;
	font-size: 24px;
	color: #4d4d4f;
	margin-left: 18px;
	margin-top: 47px
}

#services-content .services-content-lf p {
	width: 430px;
	margin-top: 35px;
	color: #333;
	font-size: 14px;
}

#services-content .services-content-rg {
	float: left;
	width: 448px;
	text-align: left
}

#services-content .services-content-rg ul {
	margin-left: 60px;
	margin-top: 120px;
}

#services-content .services-content-rg ul li {
	font-size: 23px;
	color: #4dc5e0;
	padding: 0;
	padding-left: 40px;
	background: url(../img/what-we-do/ok.png) center left no-repeat;
	list-style-type: none;
}






#contact {
	width: 100%;
	text-align: center;
	background: #E9E9E9 url(../img/contact/bg2.jpg) repeat-x
}

#contact .bg {
	width: 100%;
	height: 598px;
	margin: 0 auto;
	background-color: #E9E9E9;
	background: url(../img/contact/bg.png) center no-repeat;
	text-align: center;
}

#contact .contact {
	float: left;
	width: 248px
}

#contact .contact-lf {}

#contact .contact-lf h1 {
	font-size: 40px;
	color: #4d4d4f;
	margin-top: 60px;
}

#contact .contact-mid {
	margin-left: 76px;
}

#contact .contact-rg {
	width: 241px;
	height: 459px;
	margin-left: 79px;
	margin-top: 70px;
	background: url(../img/contact/map-icon.jpg) center no-repeat;
}

#contact .contact-rg li {
	position: absolute;
	top: 140px;
	left: 0;
	width: 117px;
	height: 71px;
	margin: 0;
	padding: 0;
}

#contact .contact-rg #map-ny {
	top: 140px;
	left: 124px;
}

#contact .contact-rg #map-jkt {
	top: 250px;
	left: 63px;
}

#contact .contact-rg #map-db {
	top: 356px;
	left: 2px;
}

#contact .contact-rg li a {
	width: 117px;
	height: 71px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#contact #content-map2 {
	width: 100%;
	height: 598px;
	margin: 0 auto;
	background: url(../img/ajax-loader.gif) center no-repeat;
}

#contact .contact div {
	position: relative;
	width: auto;
	height: 25px;
	margin-top: 50px;
	background: #4cc5e0
}

#contact .contact div p {
	line-height: 25px;
	font-size: 15px;
}

#contact .contact div p span {
	color: #252525
}

#contact .contact div img.first {
	position: absolute;
	top: -5px;
	left: 0;
}

#contact .contact div img.last {
	position: absolute;
	bottom: -5px;
	right: 0;
}

#contact .contact .address {
	margin-top: 17px;
	font-size: 12px;
	color: #464646
}

#contact .contact .phone {
	margin-top: 14px;
	color: #027c97;
	font-size: 14px;
}

#contact .contact .phone span {
	font-size: 20px;
	color: #252525;
	font-weight: bold;
}

#contact .contact .email {
	font-size: 12px;
	color: #027c97
}

#contact .contact .email span {
	color: #000;
}

#contact #email-us {
	position: absolute;
	top: 529px;
	left: 0;
	width: 896px;
	/*height:598px;*/
	background: #e9e9e9;
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}

#contact .translateY {
	-moz-transform: translateY(-529px);
	-ms-transform: translateY(-529px);
	-webkit-transform: translateY(-529px);
	-o-transform: translateY(-529px);
	transform: translateY(-529px);
}

#contact #email-us .email-us {
	height: 529px;
	background: #e9e9e9;
}

#contact #email-us .rel a {
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 20px;
	line-height: 1;
	width: 212px;
	padding: 30px 0 14px 0;
	text-align: center;
	display: block;
	text-decoration: none;
}

#contact #email-us .rel a.email-us-rotate {
	top: 0;
	padding: 14px 0 30px 0;
}

#input-contact-us {
	float: left;
	width: 282px;
	height: 42px;
	margin-top: 105px;
	margin-left: 25px;
}

.input-contact-us {
	width: 280px;
	height: 38px;
	border: 1px solid #cfcfcf;
	border-top: 3px solid #d3d3d3;
	background: #e2e2e2;
}

.input-contact {
	width: 247px;
	/*font-family:'glegooregular';*/
	font-family: 'glegoo', arial, helvetica, sans-serif;
	font-size: 15px;
	color: #111;
	background: #e2e2e2 url(../img/contact/input-name.jpg) left center no-repeat;
	border: 0 none;
	margin-left: 17px;
	margin-top: 9px;
}

#input-contact-company {
	float: left;
	width: 280px;
	height: 42px;
	margin-top: 105px;
	margin-left: 25px;
}

.input-contact-company {
	width: 278px;
	height: 38px;
	border: 1px solid #cfcfcf;
	border-top: 3px solid #d3d3d3;
	background: #e2e2e2;
}

.input-contact-company .input-contact {
	background: #e2e2e2 url(../img/contact/input-company.jpg) left center no-repeat;
}

#input-contact-city {
	float: left;
	width: 280px;
	height: 42px;
	margin-top: 20px;
	margin-left: 2px;
}

.input-contact-city {
	width: 278px;
	height: 38px;
	border: 1px solid #cfcfcf;
	border-top: 3px solid #d3d3d3;
	background: #e2e2e2;
}

.input-contact-city .input-contact {
	background: #e2e2e2 url(../img/contact/input-city.jpg) left center no-repeat;
}

#input-contact-email {
	float: left;
	width: 282px;
	height: 42px;
	margin-top: 20px;
	margin-left: 25px;
}

.input-contact-email {
	width: 280px;
	height: 38px;
	border: 1px solid #cfcfcf;
	border-top: 3px solid #d3d3d3;
	background: #e2e2e2;
}

.input-contact-email .input-contact {
	background: #e2e2e2 url(../img/contact/input-email.jpg) left center no-repeat;
}

#input-contact-tel {
	float: left;
	width: 280px;
	height: 42px;
	margin-top: 20px;
	margin-left: 25px;
}

.input-contact-tel {
	width: 278px;
	height: 38px;
	border: 1px solid #cfcfcf;
	border-top: 3px solid #d3d3d3;
	background: #e2e2e2;
}

.input-contact-tel .input-contact {
	background: #e2e2e2 url(../img/contact/input-tel.jpg) left center no-repeat;
}

#input-contact-message {
	width: 892px;
	height: 167px;
	margin-top: 22px;
	margin-left: 2px;
}

.input-contact-message {
	width: 890px;
	height: 163px;
	border: 1px solid #cfcfcf;
	border-top: 3px solid #d3d3d3;
	background: #e2e2e2
}

.input-contact-message .input-contact {
	width: 871px;
	height: 148px;
	padding: 0;
	margin: 0;
	margin-left: 17px;
	margin-top: 15px;
	resize: none;
	background: #e2e2e2 url(../img/contact/input-message.jpg) left top no-repeat;
}

#contact .input-contact-on {
	border: 1px solid #4cc5e0;
	border-top: 1px solid #4cc5e0;
	padding-top: 3px;
}

#contact .input-contact-failed {
	border: 1px solid red;
	border-top: 1px solid red;
	padding-top: 3px;
}

#form-email-us label.error {
	font-size: 13px;
	display: inline-block;
	color: red;
	margin-top: 11px;
}

#form-email-us .custom-select label.error {
	font-size: 13px;
	display: inline-block;
	color: red;
	margin-top: 11px;
	margin-left: -17px;
}

#form-email-us input[name=input-contact-email] {
	z-index: -100;
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}

#input-contact-button {
	width: 896px;
	height: 40px;
	margin-top: 20px;
	text-align: right;
	line-height: 40px;
}

#input-contact-button span {
	margin-right: 10px;
	color: #464646;
}

#input-contact-button input {
	width: 158px;
	height: 40px;
	border: 0 none;
	background: url(../img/contact/send.jpg) center no-repeat;
}

#footer {
	width: 100%;
	height: 380px;
	text-align: center;
	background: #000;
}

#footer .container {
	width: 1024px;
	text-align: left;
	margin: 0 auto;
}

#footer-top {
	border-bottom: 1px solid #3e3d3d
}

#footer-top .container-lf {
	float: left;
	width: 512px;
	height: 328px;
}

#footer-top .container-rg {
	float: left;
	width: 512px;
	height: 328px;
	background: url(../img/footer/map.png) center right no-repeat;
}

#footer-top .container-lf div.cfx {
	width: 495px;
	height: 132px;
	border-bottom: 1px solid #3e3d3d;
}

#footer-top .container-lf div.cfx img {
	float: left;
	margin-top: 70px;
}

#footer-top .container-lf div.cfx p {
	float: left;
	margin-top: 79px;
	margin-left: 32px;
	letter-spacing: 2px;
	word-spacing: 11px;
	color: #555;
	font-size: 18px;
}

#footer-top .container-lf ul.cfx {
	padding: 0;
	font-size: 14px;
	color: #898989;
	margin-top: 30px;
}

#footer-top .container-lf ul li {
	float: left;
	list-style-type: none;
}

#footer-top .container-lf ul li a {
	color: #999;
	text-decoration: none;
}

#footer-top .container-lf ul li .rel div {
	position: absolute;
	top: 0;
	left: 0;
	width: 145px;
	padding: 10px 0;
}

#footer-top .container-lf img {
	margin-top: 55px
}

#footer-top .footer-link {
	color: #898989;
	text-decoration: none;
}

#footer-top .container-lf a:hover {
	color: #4cc5e0 !important;
}

#footer-bot {
	height: 51px;
}

#footer-bot .cfx p {
	float: left;
	font-size: 12px;
}

#footer-bot .cfx img {
	float: left;
	border-left: 1px solid #3e3d3d;
}

#footer-bot .cfx .copyright {
	width: 461px;
	height: 51px;
	line-height: 51px;
	color: #999;
}

/*--upload Toolip--*/
#footer-bot .cfx .upload {
	float: left;
	position: relative;
	font-size: 14px;
	width: 166px;
	height: 25px;
	line-height: 25px;
	background: #8560a9;
	text-align: center;
	margin-top: 13px;
	margin-right: 14px;
}

#footer-bot .cfx .upload a {
	width: 166px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #FFF;
	display: block;
}

#footer-bot .cfx .upload .arrow_box {
	position: absolute;
	top: -491px;
	left: 50%;
	margin-left: -268px;
	width: 536px;
	height: 475px;
	background: url(../img/footer/tooltip.png) center top no-repeat;
}

/*--facebook Toolip--*/
#footer-bot .cfx .youtube {
	float: left;
	position: relative;
	border-left: 1px solid #3e3d3d;
}

#footer-bot .cfx .youtube>a {
	width: 19px;
	height: 24px;
	margin: 13px 5px 14px 4px;
	display: block;
	background: url(../img/footer/icon-vimeo.png) center top no-repeat;
}

#footer-bot .cfx .youtube>a:hover {
	background: url(../img/footer/icon-vimeo.png) center -24px no-repeat;
}

#footer-bot .cfx .fb {
	float: left;
	position: relative;
	border-left: 1px solid #3e3d3d;
}

#footer-bot .cfx .fb>a {
	width: 15px;
	height: 21px;
	margin: 15px 7px 15px 6px;
	display: block;
	background: url(../img/footer/icon-fb.png) center top no-repeat;
}

#footer-bot .cfx .fb>a:hover {
	background: url(../img/footer/icon-fb.png) center -21px no-repeat;
}

#footer-bot .cfx .fb .arrow_box {
	position: absolute;
	top: -105px;
	left: 75%;
	margin-left: -87px;
	width: 162px;
	height: 96px;
	background: url(../img/footer/tooltip2.png) center top no-repeat;
	padding: 0;
}

#footer-bot .cfx .fb .arrow_box>li {
	width: 162px;
	height: 33px;
	line-height: 16px;
	list-style-type: none;
	margin: 8px 0 0 5px;
}

#footer-bot .cfx .fb .arrow_box>li.last {
	width: 162px;
	height: 33px;
	line-height: 16px;
	margin: 11px 0 0 5px;
}

#footer-bot .cfx .fb .arrow_box>li>a {
	width: 147px;
	height: 33px;
	padding-left: 2px;
	margin-left: 1px;
	display: block;
}

#footer-bot .cfx .fb .arrow_box>li>a:hover {
	color: #31bfde;
}

#footer-bot .cfx .twitter {
	float: left;
	position: relative;
	border-left: 1px solid #3e3d3d;
}

#footer-bot .cfx .twitter>a {
	width: 20px;
	height: 17px;
	margin: 16px 10px 14px 10px;
	display: block;
	background: url(../img/footer/icon-twitter.png) center top no-repeat;
}

#footer-bot .cfx .twitter>a:hover {
	background: url(../img/footer/icon-twitter.png) center -17px no-repeat;
}

#footer-bot .cfx .contact {
	width: 72px;
	height: 51px;
	line-height: 51px;
	border-left: 1px solid #3e3d3d;
	text-align: center;
}

#footer-bot .cfx .tos {
	width: 142px;
	height: 51px;
	line-height: 51px;
	border-left: 1px solid #3e3d3d;
	text-align: center;
}

#footer-bot .cfx .contact a,
#footer-bot .cfx .tos a {
	color: #999;
	text-decoration: none;
}

#footer-bot .cfx .contact a:hover,
#footer-bot .cfx .tos a:hover {
	color: #4cc5e0 !important;
}

#footer-bot .rel img {
	position: absolute;
	bottom: 0;
	right: 0;
}

.bg-opac85 {
	background: rgb(255, 255, 255);
	background: transparent\9;
	/* for IE <= 9 */
	background: rgba(255, 255, 255, 0.85);
	/* color,color,color,opacity */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9ffffff,endColorstr=#d9ffffff)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9ffffff, endColorstr=#d9ffffff);
	zoom: 1;
}

.bg-opac85:nth-child(n) {
	filter: none;
}

/* for IE9 */

#portfolio-desc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow: auto;
	text-align: center;
	z-index: 10000000;
	-webkit-animation-duration: 300ms;
	-moz-animation-duration: 300ms;
	-o-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

#portfolio-desc-content {
	width: 100%;
	height: auto;
}

#portfolio-desc-content .content-base {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	padding: 0px 0 86px 0;
	text-align: left;
}

#portfolio-desc-content .content-base-rg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 270px;
	height: 100%;
	margin-left: 242px;
	z-index: 1000;
}

#portfolio-desc-content .portfolio-text {
	position: fixed;
	top: 120px;
	left: 35px;
	width: 238px;
	overflow: auto;
	padding-bottom: 20px;
	text-align: left;
	z-index: 1000;
}

#portfolio-desc-content .portfolio-text h3 {
	font-size: 16px;
	color: #4ec5df;
	line-height: 19px;
	word-wrap: break-word;
	font-weight: 600;
}

#portfolio-desc-content .portfolio-text h4 {
	font-size: 15px;
	color: #555;
	line-height: 18px;
	word-wrap: break-word;
	padding-top: 8px;
}

#portfolio-desc-content .portfolio-text h5 {
	font-size: 11px;
	line-height: 14px;
	word-wrap: break-word;
	color: #999;
}

#portfolio-desc-content .portfolio-text h5>a {
	color: #999;
	word-wrap: break-word;
	text-decoration: none;
}

#portfolio-desc-content .portfolio-text h5>a:hover {
	text-decoration: none;
	color: #333;
}

#portfolio-desc-content .portfolio-text h6 {
	font-size: 13px;
	line-height: 15px;
	word-wrap: break-word;
	color: #666;
}

#portfolio-desc-content .portfolio-text p {
	font-size: 12px;
	color: #6f6f6f;
	line-height: 16px;
	margin-top: 20px;
	word-wrap: break-word;
}

#portfolio-desc-content .portfolio-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 86px;
	background: #EEE;
	z-index: 1000;
}

#portfolio-desc-content .portfolio-footer>p {
	position: absolute;
	top: 36px;
	left: 50%;
	width: 270px;
	margin-left: 262px;
	color: #b5b5b5;
	font-size: 11px;
}

#portfolio-desc-content .portfolio-border {
	position: fixed;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #a6e2ef;
	z-index: 1000;
}

#portfolio-desc-content .portfolio-prev-next {
	position: fixed;
	bottom: 20px;
	left: 0;
	width: 63px;
	height: 46px;
	background: url(../img/portfolio/works/prev-next.png) center no-repeat;
	z-index: 1000;
}

#portfolio-desc-content .portfolio-prev-next>a {
	width: 30px;
	height: 46px;
	display: inline-block;
	margin-left: 3px;
	text-indent: -99999px;
}

#portfolio-desc-content .portfolio-prev-next>a.first {
	margin-left: 0px;
}

#portfolio-desc>a {
	position: fixed;
	top: 35px;
	left: 40px;
	width: 54px;
	height: 70px;
	text-align: center;
	z-index: 1100;
	display: block;
	text-decoration: none;
}

#portfolio-desc>a p {
	width: 37px;
	height: 42px;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../img/portfolio/close3.png) 0 0;
}

#portfolio-desc>a h3 {
	font-size: 14px;
	color: #4cc5e0;
	margin-top: 5px;
}

#portfolio-desc>a:hover p {
	background: url(../img/portfolio/close3.png) 0 -42px;
}

#portfolio-desc>a:hover h3 {
	color: #117f98;
}

.animated-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	z-index: 10000000;
	-webkit-animation-duration: 300ms;
	-moz-animation-duration: 300ms;
	-o-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated-popup .close {
	position: relative;
}

.animated-popup .close>div,
#contact .pt-page-2 li {
	position: absolute;
	top: 35px;
	left: 40px;
	width: 54px;
	height: 70px;
	text-align: center;
}

#contact .pt-page-2 li {
	top: 0;
	left: 60px;
	width: 54px;
	height: 54px;
}

.animated-popup .close>div a,
#contact .pt-page-2 li a {
	width: 54px;
	height: 70px;
	text-decoration: none;
	display: block;
}

#contact .pt-page-2 li a {
	height: 54px;
}

.animated-popup .close>div a p,
#contact .pt-page-2 li a p {
	width: 37px;
	height: 42px;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../img/portfolio/close3.png) 0 0;
}

#contact .pt-page-2 li a p {
	text-indent: 0;
	font-size: 30px;
	color: #4cc5e0;
	background: url(../img/what-we-do/bg.jpg) repeat;
}

.animated-popup .close>div a h3 {
	font-size: 14px;
	color: #4cc5e0;
	margin-top: 5px;
}

.animated-popup .close>div a:hover p {
	background: url(../img/portfolio/close3.png) 0 -42px;
}

.animated-popup .close>div a:hover h3 {
	color: #117f98;
}

@-webkit-keyframes enlargepopup {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes enlargepopup {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}

	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}

@-o-keyframes enlargepopup {
	0% {
		opacity: 0;
		-o-transform: scale(0);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes enlargepopup {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.enlargepopup {
	-webkit-animation-name: enlargepopup;
	-moz-animation-name: enlargepopup;
	-o-animation-name: enlargepopup;
	animation-name: enlargepopup;
}

@-webkit-keyframes enlargepopup2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		z-index: -10;
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		z-index: 10;
	}
}

@-moz-keyframes enlargepopup2 {
	0% {
		opacity: 0;
		-ms-transform: scale(0.5);
		z-index: -10;
	}

	100% {
		opacity: 1;
		-ms-transform: scale(1);
		z-index: 10;
	}
}

@-o-keyframes enlargepopup2 {
	0% {
		opacity: 0;
		-o-transform: scale(0.5);
		z-index: -10;
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
		z-index: 10;
	}
}

@keyframes enlargepopup2 {
	0% {
		opacity: 0;
		transform: scale(0.5);
		z-index: -10;
	}

	100% {
		opacity: 1;
		transform: scale(1);
		z-index: 10;
	}
}

.enlargepopup2 {
	-webkit-animation-name: enlargepopup2;
	-moz-animation-name: enlargepopup2;
	-o-animation-name: enlargepopup2;
	animation-name: enlargepopup2;
}

textarea {
	scrollbar-face-color: #e2e2e2;
	scrollbar-track-color: #e2e2e2;
	scrollbar-arrow-color: #4cc5e0;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #4cc5e0;
	scrollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;
}

.arrow_box2 {
	position: relative;
	background: #e3e3e3;
	border: 1px solid #adadad;
	-webkit-box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.5);
	box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-clip: padding-box;
}

.arrow_box2:after,
.arrow_box2:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #e3e3e3;
	border-width: 12px;
	top: 50%;
	margin-top: -12px;
}

.arrow_box2:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #adadad;
	border-width: 13px;
	top: 50%;
	margin-top: -13px;
}

#upload-file-top {
	position: fixed;
	top: -99999px;
	left: -99999px;
	width: 450px;
	height: 350px;
	padding: 10px;
	z-index: 214748364
}


/*
.davy-lightbox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	overflow:auto;
	z-index:2000000;
	background: rgb(255, 255, 255);
	background: transparent\9;
	background: rgba(255, 255, 255, 0.04);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#10FFFFFF,endColorstr=#10FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10FFFFFF,endColorstr=#10FFFFFF);
	zoom:1;
}
.davy-lightbox:nth-child(n) {filter:none;}
.davy-lightbox > div.base {
	position:relative;
	width:600px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	display:none;
	-moz-box-shadow: 0 0 15px 15px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 15px 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 15px 15px rgba(0,0,0,0.4);
}
.davy-lightbox > div.base > p {
	position:absolute;
	top:15px;
	left:20px;
	width:37px;
	height:42px;
	text-align:center;
	line-height:42px;
}
.davy-lightbox > div.base > p > a {
	width:37px;
	height:42px;
	display:block;
	text-decoration:none;
	text-indent:-99999px;
	margin:0 auto;
	background: url(../img/portfolio/close3.png) 0 0;
}
.davy-lightbox > div.base > p > a:hover {background: url(../img/portfolio/close3.png) 0 -42px;}
.davy-lightbox > div.base > div.content {width:auto;height:600px;background:#FFF;vertical-align:top;overflow:auto;color:#b5b5b5;}

#upload-file {width:960px;height:auto;}
#tos {width:960px;height:auto;}

#thanks {height:850px;background:#4cc5e0;text-align:center;}
#thanks > div {position:relative;width:891px;height:208px;margin:0 auto;margin-top:310px;overflow:hidden;display:inline-block}
#thanks h1 {position:absolute;top:30px;left:610px;color:#4cc5e0;font-size:30px}
#thanks h2 {position:absolute;top:70px;left:610px;color:#e1e1e1;font-size:30px}
*/