#preloader,
body,
body .wrapper,
body .wrapper .internalpage-app,
html {
	height: 100%
}
body {
	font-family:FaktProSoft,
	"Helvetica Neue",
	sans-serif;
	letter-spacing:.4px;
	font-weight:300;
	overflow-x:hidden!important
}
b,
strong {
	font-weight:500
}
a,
a:focus,
a:hover {
	color:#4c525a
}
.container {
	padding-right:5%;
	padding-left: 5%;
}
iframe[name=google_conversion_frame] {
	position:absolute;
	bottom:0
}
* {
	box-sizing:border-box
}
h1 {
	margin:.67em 0
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit
}
.navigation_left ul li>a,
.navigation_right ul li>a {
	line-height:2;
	font-weight:500;
	color:black;
	text-decoration:none
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top:20px;
	margin-bottom:10px
}
.h1,
h1 {
	font-size:36px
}
a:active,
a:hover {
	text-decoration:none
}
p {
	margin:0 0 10px
}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background-color:#FC732B;
	z-index:9999
}
#status,
.logo-loader,
.spinner {
	position:absolute
}
#status {
	width:200px;
	height:200px;
	left:50%;
	top:50%;
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px
}
#intercom-container .intercom-app .intercom-launcher-frame {
	background:#fc732b!important
}
.spinner {
	margin:10px auto 0;
	width:100%;
	text-align:center;
	bottom:-40px
}
#status.logo-loader-outer,
.logo {
	margin-left:-65px;
	text-align:center;
	box-shadow:0 0 5px 3px rgba(0,
	0,
	0,
	.3)
}
.spinner>div {
	width:18px;
	height:18px;
	border-radius:100%;
	display:inline-block;
	-webkit-animation:bouncedelay 1.4s infinite ease-in-out;
	animation:bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	background:#fff
}
.section-title.active h2.active_text {
	color:#fc732b
}
.spinner .bounce1 {
	-webkit-animation-delay:-.32s;
	animation-delay:-.32s
}
.spinner .bounce2 {
	-webkit-animation-delay:-.16s;
	animation-delay:-.16s
}
@-webkit-keyframes bouncedelay {
	0%,
	100%,
	80% {
		-webkit-transform:scale(0)
	}
	40% {
		-webkit-transform:scale(1)
	}
}
@keyframes bouncedelay {
	0%,
	100%,
	80% {
		transform:scale(0);
		-webkit-transform:scale(0)
	}
	40% {
		transform:scale(1);
		-webkit-transform:scale(1)
	}
}
.statcounter {
	display:none
}
#status.logo-loader-outer {
	width:130px;
	height:50%;
	float:left;
	position:absolute;
	left:50%;
	top:0;
	padding-top:0;
	background:#fff;
	margin-top:0;
	-webkit-transition:1s;
	transition:1s
}
#status.logo-loader-outer.resized {
	height:131px
}
.visilblity-hidden {
	height:0
}
.visilblity-hidden h1 {
	visibility:hidden
}
.logo-loader {
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;
	text-align:center
}
.logo a {
	display:block;
	padding:0
}
.header_img {
	float:right;
	width:32px;
	cursor:pointer;
	padding-right:10px;
	padding-top:10px;
	z-index:100;
	position:relative
}
.header_outer {
	width:100%;
	position:fixed;
	z-index:10;
	background:0 0;
	-webkit-transition:all .5s;
	transition:all .5s
}
.header_outer.scrolled,
.logo {
	background:#fff
}
.btn-bottom {
	position:fixed;
	right:100px;
	z-index:2;
	bottom:20px;
	background:#fc732b;
	font-weight:700;
	font-size:14px;
	color:#fc732b;
	border-radius:30px;
	text-align:center;
	display:inline-block;
	text-transform:uppercase;
	transition:.1s all;
	overflow:hidden;
	-webkit-box-shadow:0 1px 6px rgba(0,
	0,
	0,
	.06),
	0 2px 32px rgba(0,
	0,
	0,
	.16)!important;
	box-shadow:0 1px 6px rgba(0,
	0,
	0,
	.06),
	0 2px 32px rgba(0,
	0,
	0,
	.16)!important
}
.btn-bottom:after {
	content:'';
	position:absolute;
	top:0;
	left:-200%;
	width:200%;
	height:100%;
	-webkit-transform:skewX(-20deg);
	transform:skewX(-20deg);
	background-image:-webkit-linear-gradient(left,
	transparent,
	rgba(236,
	229,
	171,
	0.3),
	transparent);
	background-image:linear-gradient(to right,
	transparent,
	rgba(236,
	229,
	171,
	0.3),
	transparent);
	animation:shine 1.8s linear infinite
}
.btn-bottom a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	line-height:40px;
	padding:10px 25px;
	z-index:3;
	position:relative;
	border-radius:30px;
	-webkit-box-shadow:0 1px 6px rgba(0,
	0,
	0,
	.06),
	0 2px 32px rgba(0,
	0,
	0,
	.16)!important;
	box-shadow:0 1px 6px rgba(0,
	0,
	0,
	.06),
	0 2px 32px rgba(0,
	0,
	0,
	.16)!important
}
.btn-bottom:active {
	-webkit-transform:translateY(1px);
	transform:translateY(1px);
	box-shadow:0 0 6px rgba(0,
	0,
	0,
	0.2)
}
@keyframes shine {
	0% {
		left:-200%
	}
	100% {
		left:200%
	}
}
.black-bg .snapshots-section ~ .btn-bottom:before {
	border:2px solid #fff
}
#intercom-container .intercom-launcher-discovery-frame,
#intercom-container .intercom-launcher-frame {
	-webkit-box-shadow:0 1px 6px rgba(0,
	0,
	0,
	.06),
	0 2px 32px rgba(0,
	0,
	0,
	.16)!important;
	box-shadow:0 1px 6px rgba(0,
	0,
	0,
	.06),
	0 2px 32px rgba(0,
	0,
	0,
	.16)!important
}
.inner-effect,
.logo {
	height: 10%;
	-webkit-transition:all .5s
}
.header {
	max-width:100%;
	position:relative;
}
.logo {
	width:130px;
	height:130px;
	float:left;
	position:absolute;
	left:50%;
	padding-top:9.5px;
	transition:all .5s
}
.header_outer.scrolled .logo {
	background:#fc732b
}
.logo_inner {
	top: 2%;
	position: fixed;
	background:url(../images/logo.png) center top no-repeat;
	width:16%;
	height:17%;
	margin:0 auto
}
.header_outer.scrolled .logo_inner {
	background-image:url(../images/logo.png)
}
.navigation {
	padding-top:5px
}
.navigation_left {
	width:100%;
	float:right;
	padding-right:8.5%
}
.navigation_left ul {
	margin:0;
	padding:33px 0 10px
}
.navigation_left ul li {
	float:right;
	list-style:none;
	padding:0 30px 10px;
	position:relative
}
a,
a:focus {
	outline:0
}
.navigation_left ul li>a {
	font-size:18px;
	display:block;
	padding:5px 0;
	border:0;
	border-bottom:solid 2px transparent
}
.navigation_left ul li.active>a,
.navigation_left ul li>a:hover {
	border:0;
	border-bottom:2px solid #fff
}
.navigation_right {
	width:100%;
	float:right;
	padding-left:8.5%
}
.navigation_right ul {
	margin:0;
	padding:33px 0 10px
}
.navigation_right ul li {
	float:right;
	list-style:none;
	padding:0 30px 10px;
	position:relative
}
.sub_menu,
.sub_menu:before {
	position:absolute;
	left:50%
}
.navigation_right ul li>a {
	font-size:18px;
	display:block;
	padding:5px 0;
	border:0;
	border-bottom:solid 2px transparent
}
.navigation_right ul li.active>a,
.navigation_right ul li>a:hover {
	border:0;
	border-bottom:2px solid #fff
}
.navigation .inactive {
	cursor:default
}
.navigation .inactive>a:hover {
	border-bottom:none
}
.navigation .inactive .sub_menu a {
	background:0 0!important
}
.sub_menu {
	top:45px;
	border:none;
	display:none;
	width:200px;
	background:#f4f4f4;
	margin-left:-100px;
	border-radius:5px;
	box-shadow:3px 3px 5px rgba(0,
	0,
	0,
	.2)
}
.sub_menu:before {
	content:" ";
	top:-10px;
	margin-left:-10px;
	border-bottom:solid 10px #f4f4f4;
	border-right:solid 10px transparent;
	border-left:solid 10px transparent
}
.sub_menu ul {
	margin:0;
	padding:0
}
.sub_menu ul li {
	list-style:none;
	display:block;
	padding:0;
	float:none;
	text-align:left
}
.sub_menu ul li a {
	display:block;
	text-decoration:none;
	padding:5px 15px;
	line-height:1.4em;
	color:#333;
	font-weight:400;
	border:none
}
.header_outer.scrolled .navigation_left ul li a,
.header_outer.scrolled .navigation_right ul li a {
	/* color:#000 */
}
.sub_menu ul li a:hover {
	background:#dbdbdb;
	border:none
}
.sub_menu ul li:first-child a {
	border-radius:5px 5px 0 0
}
.sub_menu ul li:last-child a {
	border-radius:0 0 5px 5px
}
.navigation_left ul li:hover .sub_menu,
.navigation_right ul li:hover .sub_menu {
	display:block
}
.header_outer.scrolled .navigation_left>ul>li>a:hover,
.header_outer.scrolled .navigation_right>ul>li>a:hover {
	border-bottom:2px solid #000
}
.header_outer.scrolled .navigation_left>ul>li.active>a,
.header_outer.scrolled .navigation_right>ul>li.active>a {
	border:0;
	border-bottom:2px solid #000
}
body.about .header_outer.scrolled .navigation_left>ul>li:nth-child(2)>a,
body.contact-page .header_outer.scrolled .navigation_right>ul>li:nth-child(3)>a,
body.how-it-works .header_outer.scrolled .navigation_left>ul>li:nth-child(1)>a,
body.services-page .header_outer.scrolled .navigation_left>ul>li:nth-child(3)>a,
body.success-story-page .header_outer.scrolled .navigation_right>ul>li:nth-child(1)>a {
	border:0;
	border-bottom:2px solid #000
}
.text2 {
	left:25%
}
.text.text2 h2 {
	font-weight:300
}
.contact_button {
	width:200px;
	float:left;
	position:relative
}
.button {
	font-size:18px;
	font-weight:400;
	right:0;
	position:absolute;
	padding:6px 0;
	border:1px solid #000;
	border-radius:24px;
	width:100px;
	text-align:center;
	top:24px
}
.slider {
	width:100%;
	height:100%;
	background:#dddddd;
	padding-top:0;
	position:relative;
	overflow:hidden
}
.side-bar-menu {
	position:fixed;
	top:50%;
	z-index:2;
	width:100px;
	margin-top:-33px;
	left:-2px
}
.side-bar-menu ul {
	margin:0;
	padding:0
}
.side-bar-menu ul li {
	list-style:none;
	margin-bottom:2px;
	position:relative
}
.side-bar-menu ul li a {
	text-decoration:none;
	border:2px solid #fc732b;
	display:block;
	-webkit-transition:all .4s;
	transition:all .4s;
	line-height:36px;
	color:#000;
	font-weight:500;
	width:100px;
	text-align:center
}
.side-bar-menu ul li a:hover {
	width:130px;
	background:#fc732b;
	color:#fff
}
.side-bar-menu .active {
	background:#fc732b;
	color:#fff;
	border:2px solid #fc732b
}
.side-bar-menu .down {
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid #fc732b;
	right:-9px;
	position:absolute;
	top:8px
}
.social-icons-outer {
	position:absolute;
	right:0;
	width:55px;
	height:55px;
	z-index:1
}
.social-icons-outer .open-social-icons {
	width:55px;
	height:55px;
	background:url(../images/home_icon.png) center no-repeat;
	background-size:22px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
	cursor:pointer
}
.social-icons-outer .social-icons-holder {
	position:absolute;
	right:0;
	top:55px;
	z-index:100
}
.social-icons-outer .social-icons-holder ul {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0
}
.social-icons-outer .social-icons-holder ul li {
	width:260px;
	border-bottom:solid 1px #161616;
	position:absolute;
	right:-260px;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
}
.social-icons-outer .social-icons-holder ul li:last-child {
	border:none
}
.social-icons-outer .social-icons-holder ul li a {
	display:block;
	padding:20px 0 20px 60px;
	font-size:1.2em;
	font-weight:500;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	background:#252525;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.item-highlight1,
.taylormade h1 {
	color:#4c525a;
	text-align:center;
	text-transform:uppercase
}
.social-icons-outer .social-icons-holder ul li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:65px;
	width:60px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:25px
}
.social-icons-outer .social-icons-holder ul li.facebook {
	top:0;
	-webkit-transition-delay:0;
	transition-delay:0
}
.social-icons-outer .social-icons-holder ul li.twitter {
	top:71px;
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.social-icons-outer .social-icons-holder ul li.linkedin {
	top:142px;
	-webkit-transition-delay:.2s;
	transition-delay:.2s
}
.social-icons-outer .social-icons-holder ul li.instagram {
	top:213px;
	-webkit-transition-delay:.3s;
	transition-delay:.3s
}
.social-icons-outer .social-icons-holder ul li.facebook a span {
	background-image:url(../images/social-icon-fb.png)
}
.social-icons-outer .social-icons-holder ul li.twitter a span {
	background-image:url(../images/social-icon-twitter.png)
}
.social-icons-outer .social-icons-holder ul li.linkedin a span {
	background-image:url(../images/social-icon-linkedin.png)
}
.social-icons-outer .social-icons-holder ul li.instagram a span {
	background-image:url(../images/social-icon-insta.png)
}
.social-icons-outer:hover .social-icons-holder ul li {
	right:0
}
.social-icons-outer:hover .open-social-icons {
	background:url(../images/home_icon_white.png) center no-repeat #252525;
	background-size:22px
}
.social-icons-outer .social-icons-holder ul li.facebook:hover a {
	background:#3b579d
}
.social-icons-outer .social-icons-holder ul li.twitter:hover a {
	background:red;
}
.social-icons-outer .social-icons-holder ul li.linkedin:hover a {
	background:#0077b5
}
.social-icons-outer .social-icons-holder ul li.instagram:hover a {
	background:#fd5343
}
.parallax-image {
	background-image:url(../images/taylormade.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center 0;
	width:100%;
	min-height:500px;
	margin-top:-50px
}
.social_icon_outer {
	display:none
}
.slide_next {
	position:absolute;
	bottom:0;
	width:200px;
	left:50%;
	text-align:center;
	margin-left:-100px
}
.iphone,
.outer-wrapper,
.taylormade {
	position:relative
}
.start_project p {
	-webkit-animation:mymove 1s infinite;
	animation:mymove 1s infinite
}
@-webkit-keyframes mymove {
	0%,
	100% {
		padding-top:8em
	}
	50% {
		padding-top:7.5em
	}
}
@keyframes mymove {
	0%,
	100% {
		padding-top:8em
	}
	50% {
		padding-top:7.5em
	}
}
.start_project p img {
	margin-top:40px;
}
.taylormade {
	width:100%;
	padding-top:100px;
	padding-bottom:150px;
	z-index:1
}
.taylormade h1 {
	margin-bottom:1em;
	font-weight:400
}
.taylormade .section-heading {
	color:#4c525a;
	text-align:center;
	text-transform:uppercase;
	font-weight:500;
	line-height:1.2;
	font-size:2.5em
}
.taylormade .section-heading h1 {
	font-size:inherit;
	font-weight:inherit;
	display:inline
}
.item.active {
	margin: 0;
    max-width: 100vw;
    padding: 0px;
}
.taylormade img {
	width:100%
}
.outer-wrapper {
	width:100%;
	min-height:700px
}
.outer-wrapper .container {
	/* width:1000px */
}
.item-highlight {
	font-weight:500;
	margin-top:.3em;
	display:block;
	text-align:center;
	font-size:1.7em
}
.item-highlight1 {
	font-weight:400;
	margin-bottom:.3em;
	display:block;
	font-size:36px
}
.taylormade p {
	font-weight:300;
	color:#8492a6;
	text-align:center;
	font-size:1.6em;
	line-height:1.2;
	margin-top:20px
}
.parallax-window {
	min-height:800px;
	background:0 0
}
.iphone {
	background:url(../images/main-image.png) no-repeat;
	width:437px;
	height:573px;
	margin:0 auto
}
.iphone_inner {
	position:absolute;
	top:109px;
	left:39px
}
.artist_top h1,
.artist_top h2,
.artist_top .heading {
	font-weight:400;
	color:#4c525a;
	text-align:center;
	font-size:2.5em;
	padding:0 15px;
	position:relative
}
.artist_top .heading {
	margin-bottom:10px;
	margin-top:20px
}
.artist_top.section-title.active p.heading {
	color:#4c525a
}
.header_outer.bg {
	background:#fff!important
}
.stage {
	padding-bottom:80px
}
.artist_top p {
	font-weight:300;
	position:relative;
	padding:0 15px 1em;
	text-align:center;
	font-size:18px;
	width:900px;
	margin:auto;
	max-width:100%
}
.artist_top hr {
	width:100px;
	border:3px solid #000
}
.artist_left .title,
.artist_left h3 {
	font-weight:500;
	color:#4c525a;
	margin-bottom:1.5em;
	font-size:2.3em;
	text-align:center
}
.artist_left.work .title,
.artist_left.work h3 {
	margin-bottom:1.5em;
	font-size:22px;
	text-align:center
}
.artist_left {
	color:#fff;
	margin-top:2em
}
.artist_left_text {
	padding:0 14%
}
.artist_left p {
	padding-bottom:10px;
	color:#8593a7;
	text-align:justify;
	letter-spacing:1px;
	font-size:17px;
	font-weight:300;
	line-height:1.6
}
.artist4_left .title,
.artist4_left h3,
.artist5_left .title,
.artist5_left h3 {
	font-weight:500;
	color:#4c525a;
	margin-bottom:1.5em;
	font-size:2.3em;
	text-align:center
}
.artist_section {
	min-height:auto!important
}
.how-it-work-section {
	position:relative;
	z-index:2
}
.how-it-works-content-outer {
	position:absolute;
	bottom:0;
	left:0;
	top:0;
	width:100%
}
.how-it-works-content-outer .container {
	height:100%
}
.how-it-work-section .container {
	position:relative
}
.how-it-work-section .how-it-works-content {
	z-index:2;
	color:#fff
}
.how-it-work-section .how-it-works-content.how-work-content {
	position:absolute;
	right:0;
	text-align:left;
	top:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	align-items:center
}
.how-it-work-section .how-it-works-content.how-work-content .col-12 {
	margin:auto
}
.how-it-work-section .how-it-works-content.how-work-content a {
	color:#fff;
	font-size:14px;
	border:1px solid;
	width:150px;
	margin-right:5px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
	border-radius:30px;
	-webkit-transition:all .3s;
	transition:all .3s;
	margin-top:2em;
	text-transform:uppercase;
	font-weight:700
}
.how-it-work-section .how-it-works-content.how-work-content a:hover {
	background:#fff;
	border-color:#fc732b;
	color:#fc732b;
	-webkit-transition:all .3s;
	transition:all .3s
}
.how-it-work-section .how-it-works-content p {
	font-size:24px;
	font-weight:300;
	text-align:left
}
.how-it-work-section .how-it-works-content p span {
	display:block
}
.how-it-work-section .how-it-works-content p span.highlight-text {
	color:#fff;
	text-align:left
}
.highlight-text,
.highlight-text-contact {
	font-size:29px;
	display:block;
	font-weight:500;
	color:#333
}
.how-it-work-section .container p {
	text-align:left;
	max-width:415px;
	margin:0 auto
}
.how-it-work-section .artist_right {
	width:47%;
	height:100%
}
.how-it-work-section .artist4_left {
	width:52%;
	height:100%
}
.how-it-work-section .artist_right .animation-inner {
	background-image:url(../images/bg-image.png);
	width:47%;
	height:100%;
	top:0;
	right:0;
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-size:cover
}
.how-it-work-section .artist4_left img {
	padding:50px 0;
	max-width:100%
}
.artist4_left.work span {
	display:block
}
.highlight-text {
	margin-top:0;
	margin-bottom:1px;
	text-align:left
}
.artist4_left.success .highlight-text {
	text-align:center
}
.highlight-text-contact {
	margin-top:0;
	margin-bottom:1px;
	text-align:right
}
.artist4_left.work p {
	font-size:24px;
	font-weight:300;
	text-align:left;
	padding:0 0 0 16%;
	color:#8492a6;
	margin-top:0
}
.artist4_left.success {
	padding-top:80px
}
.footer_button {
	width:230px;
	display:inline-block;
	height:56px;
	border-radius:30px;
	border:1px solid #000;
	-webkit-transition:all .3s;
	transition:all .3s;
	cursor:pointer
}
.footer_button:hover {
	background:#000;
	color:#fff
}
.footer_button:hover .inner {
	background:#fff
}
.inner {
	float:left;
	width:40px;
	margin-top:7px;
	height:40px;
	background:#000;
	margin-left:6px;
	border-radius:30px;
	padding-top:8px
}
.inner_right {
	cursor:pointer;
	float:left;
	margin-top:20px;
	margin-left:5px;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px
}
.inner_icon {
	cursor:pointer;
	width:26px
}
.company-info {
	display:none
}
.footer_button.rotate .inner_icon {
	-webkit-animation:rotateButton .5s ease 1;
	animation:rotateButton .5s ease 1
}
@-webkit-keyframes rotateButton {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes rotateButton {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.artist4_left.success h2 {
	margin-top:0;
	margin-bottom:1px;
	font-size:29px;
	text-align:left;
	font-weight:500
}
.outer-wrapper .artist4_left.success p {
	color:#fff;
	margin:0;
	padding:0
}
.artist4_left p,
.artist5_left p {
	padding-bottom:10px;
	line-height:1.6;
	letter-spacing:1px
}
.outer-wrapper .highlight-text {
	color:#fff
}
.artist4_left.success p {
	margin-bottom:15px;
	font-size:1.6em;
	font-weight:300;
	text-align:center;
	color:#777676;
	margin-top:0
}
.artist4_left.success a {
	font-weight:500;
	margin-top:15px;
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	min-height:30px
}
.artist4_left.success a:hover {
	border-bottom:2px solid #fff
}
.artist4_left.work p {
	margin-bottom:1em
}
.work a {
	font-weight:500;
	margin-top:2em;
	font-size:18px;
	color:#fc732b
}
.work a:hover {
	border-bottom:2px solid #fc732b
}
.artist4_left p {
	text-align:center;
	font-size:17px;
	font-weight:300;
	color:#8593a7
}
.artist5_left {
	margin-top:13em
}
.artist5_left h2 {
	font-weight:500;
	color:#4c525a;
	margin-bottom:1.5em;
	font-size:2.3em;
	text-align:center
}
.artist5_left p,
.artist_footer {
	font-size:17px;
	text-align:center
}
.artist5_left p {
	font-weight:300;
	color:#8593a7
}
.artist_img.work {
	margin-top:5em
}
.artist_img {
	text-align:center
}
.artist_right img {
	width:580px;
	max-width:80%;
	margin:0 auto
}
.creare-slider-section,
.slides,
.slides-info,
.slides-pic img {
	width:100%
}
.artist_footer {
	margin-top:2em
}
.artist1_left_text {
	padding:0 14%
}
.artist1_img {
	text-align:center;
	margin-top:4em
}
.creare-section {
	margin-top:180px
}
.slides {
	position:relative
}
.slides-info {
	text-align:center;
	top:50%;
	position:absolute;
	margin-top:-72px
}
.slides-info p {
	font-size:24px;
	color:#fff
}
.slides-info span {
	display:block;
	font-size:3.5em;
	font-weight:500
}
.work-here-section .wrapper {
	width:100%;
	background:#987abb;
	padding:50px 0 60px
}
.title-bar h2 {
	margin-top:0;
	text-align:center;
	color:#fff;
	font-weight:300
}
.company-description {
	width:600px;
	background:#fff;
	margin:0 auto;
	text-align:center;
	box-shadow:0 0 10px 6px rgba(0,
	0,
	0,
	.1);
	padding:30px 80px;
	min-height:272px
}
.wheel,
.wheel_section {
	min-height:600px
}
.company-detail h3 {
	color:#fc732b;
	font-weight:400;
	margin-top:10px;
	margin-bottom:30px
}
.company-detail p {
	font-size:18px;
	color:#8492a6
}
.current-job-openings .title h2 {
	font-weight:500;
	color:#4c525a;
	text-align:center;
	font-size:2.5em
}
.current-opening {
	display:none;
	position:relative
}
.current-opening.ios {
	display:block
}
.work-here-section .artist_footer {
	margin-top:30px
}
.current-job-openings .job-type {
	margin-top:20px
}
.current-job-openings .job-type ul {
	margin:0;
	padding:0
}
.current-job-openings .job-type ul li {
	list-style:none;
	border-bottom:1px solid #ccc;
	position:relative
}
.current-job-openings .job-type ul li a {
	text-decoration:none;
	display:block;
	line-height:45px;
	color:#666;
	font-size:16px;
	font-weight:400;
	cursor:pointer
}
.inner-effect {
	width:200px;
	transition:all .5s;
	margin:0 auto
}
.job-type ul li a:hover .inner-effect {
	background:#fc732b;
	color:#fff;
	width:100%
}
.job-type li.active {
	background:#fc732b
}
.job-type li.active a .inner-effect {
	color:#fff
}
.tab-close-btn {
	position:absolute;
	left:8%;
	background:#fd8f55;
	line-height:45px;
	width:80px;
	color:#fff;
	text-transform:capitalize;
	font-size:15px;
	border-right:1px solid #feb188;
	cursor:pointer;
	top:-46px
}
.current-job-openings {
	text-align:center;
	margin-top:40px
}
.tab {
	text-align:center
}
.current-opening .job-info ul {
	margin:0;
	padding:0;
	border-bottom:2px solid #e7e7e8;
	height:50px
}
.current-opening .job-info ul li {
	list-style:none;
	display:inline-block;
	border-bottom:1px transparent
}
.current-opening .job-info ul li a {
	text-decoration:none;
	display:block;
	line-height:48px;
	min-width:180px;
	font-size:16px;
	color:#999;
	font-weight:400
}
.current-opening .ui-tabs-active.ui-state-active a,
.job-info ul li a:hover {
	border-bottom:2px solid #fc732b
}
.job-summary {
	width:70%;
	float:left;
	border-right:1px solid #ccc;
	padding-bottom:30px;
	padding-right:.5%
}
.job-summary-details h2 {
	font-size:20px;
	margin:10px 0;
	color:#6f6f6f
}
.job-summary-details h3 {
	font-size:20px;
	margin:12px 0;
	text-transform:uppercase;
	color:#4c525a
}
.job-summary-details p {
	text-align:left;
	font-size:16px;
	color:#999;
	font-weight:300
}
.job-form {
	width:30%;
	float:left;
	padding:0 2%
}
.job-details {
	margin-top:20px
}
.responsibility-details {
	width:48%;
	float:left;
	background:#e7e7e8
}
.responsibility-details.rightsection {
	margin-left:2%
}
.requirement-list p {
	text-align:left
}
.responsibility-details .titles span {
	font-size:16px;
	font-weight:500;
	padding:17px 15px;
	display:block;
	text-align:left
}
.form-element.submit-btns,
.work_left,
.work_right h2,
.work_top h2,
.work_top p {
	text-align:center
}
.job-responsibility hr {
	margin:0;
	border-top:1px solid #b9b9ba
}
.requirement-list {
	padding:20px 15px 30px;
	font-size:16px
}
.job-responsibility {
	margin-top:50px
}
.responsibility-details .titles {
	height:50px
}
.form-title h2 {
	color:#4c525a;
	font-size:24px
}
.common-box {
	width:100%;
	height:40px;
	padding:2%;
	outline:0;
	border:1px solid #ccc
}
.form-element label {
	display:none!important
}
.form-element .box label {
	display:block!important
}
.form-element {
	margin:30px 0;
	font-size:20px
}
.user-form {
	margin-top:30px
}
.work_bottom,
.work_section {
	margin-top:3em
}
.submit-btn {
	padding:0 20px;
	border:0;
	background:#fc732b;
	color:#fff;
	height:46px;
	border-radius:25px;
	font-size:18px;
	outline:0
}
.service_top hr,
.work_top hr {
	width:110px;
	border:1px solid #ccc
}
.work_top h2 {
	font-size:22px;
	margin-bottom:1em
}
.work_top p {
	font-size:17px
}
.work_top_scection1 {
	background:#fe5c7f
}
.work_right h2 {
	margin-top:2em;
	color:#fff;
	margin-bottom:1em
}
.work_right h3,
.work_right h4 {
	margin-top:1.5em;
	padding:0 12%;
	color:#fff
}
.work_right p {
	text-align:justify;
	color:#fff;
	padding:0 12%
}
.work_right h4 {
	font-size:24px;
	text-align:right
}
.work_top_scection2 {
	background:#7dabf7
}
.work_top_scection3 {
	background:#6fdc95
}
.service_top h2 {
	margin-top:1em;
	text-align:center;
	margin-bottom:1em
}
.service_top p {
	margin:0;
	text-align:center;
	font-size:17px
}
.artist_section.services {
	margin-top:0
}
.service_slider {
	text-align:center;
	margin-top:5em
}
.service_slider img {
	max-width:100%;
	margin-bottom:4em
}
.service_bottom {
	width:527px;
	border-top:2px solid #ccc;
	padding-bottom:10px;
	margin:0 auto;
	max-width:90%
}
.artist_top.section-title.art {
	box-shadow:none
}
.artist_top {
	box-shadow:0 11px 14px 0 #c9c9c9;
	padding-top:2%;
	background-color:#e7e7e8
}
#capabilies {
	margin-top:37px
}
.capabilitie {
	margin-top:8em
}
.blog {
	width:100%;
	margin-top:5em
}
.about-inner strong {
	font-weight:300!important
}
.blog_main {
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #c1c1c1;
	background:#fff;
	-webkit-transition:all .5s;
	transition:all .5s
}
.innerblog {
	border-bottom:0 solid #c1c1c1
}
.blog_main p {
	text-align:center;
	font-size:14px
}
.blog_main h3 {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:300
}
.blog_main:hover {
	background:#fc732b;
	color:#fff
}
.artist_top.blog {
	margin-bottom:4.5em
}
.mobile_slider {
	width:204px;
	height:415px;
	background:url(../images/mobile.png) center center no-repeat;
	background-size:100% auto;
	padding:65px 17px;
	box-sizing:border-box;
	position:relative;
	margin:0 auto
}
.devloper_image img {
	width:200px
}
.home_contact {
	margin-top:0
}
.contact-form-holder {
	width:400px;
	background:#fff;
	padding-bottom:100px;
	position:absolute;
	left:50%;
	bottom:100px;
	z-indext:1;
	margin-left:-200px;
	-webkit-transition:1s;
	transition:1s;
	box-shadow:0 0 4px rgba(0,
	0,
	0,
	.3)
}
.envelop-back,
.envelop-front {
	position:absolute;
	left:50%;
	margin-left:-243px;
	width:486px
}
.contact-form-holder.animate {
	bottom:200px
}
.envelop-back {
	background:url(../images/envelop_back.png) no-repeat;
	height:538px;
	bottom:0;
	z-index:0
}
.envelop-front {
	background:url(../images/envelop_front.png) no-repeat;
	height:325px;
	bottom:0;
	z-index:2
}
.contact_image {
	background-repeat:no-repeat;
	width:486px;
	height:539px;
	background-size:100% auto;
	max-width:100%;
	margin:5em auto 0;
	position:relative
}
.user_text,
.user_text1 {
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #000;
	height:22px;
	outline:0
}
.footer,
.footer p {
	margin-top:1em
}
.homecontact_form {
	padding:25px
}
.user_text {
	width:111px
}
.user_text1 {
	width:204px
}
.user_message {
	resize:none;
	outline:0;
	border:none;
	width:100%;
	background:url(../images/contact-form-lines.png) left 0 local;
	line-height:20px;
	max-height:100px
}
.form_button {
	width:100px;
	height:36px;
	padding:0 16px;
	border-radius:20px;
	border:0;
	color:#fff;
	text-align:left;
	background-color:#83dea3;
	font-size:18px;
	font-weight:300;
	outline:0;
	background-image:url(../images/footer_icon.png);
	background-repeat:no-repeat;
	background-position:70px 11px
}
.footer p,
.form {
	text-align:center
}
.footer img {
	width:100%
}
.footer p {
	font-weight:300;
	font-size:15px;
	color:#8492a6
}
.homecontact_form p {
	font-size:17px;
	font-family:mv_boliregular,
	sans-serif
}
.form {
	font-family:FaktProSoft,
	sans-serif
}
.mobile-menu-trigger,
.nav {
	display:none
}
.artist_img.client {
	padding-top:2em
}
.footer_border {
	border-top:2px solid #303039;
	margin-top:2em
}
.footer_border span {
	text-align:center;
	display:block;
	margin-top:-11px
}
.common,
.common_mantra {
	margin:0 auto;
	float:left;
	width:100%
}
.footer_border span em {
	display:inline-block;
	background:#fff;
	padding:0 5px;
	font-style:normal;
	font-size:17px;
	font-weight:500;
	color:#4c525a
}
.artist_top.section-title.active p,
.home-contact {
	color:#8492a6
}
.team .footer_border span em {
	background:#f7f7f7
}
.common {
	padding-top:6em
}
.home-contact,
.left_contact h2 {
	margin-bottom:0;
	margin-top:6px;
	text-align:right
}
.left_contact {
	padding-top:15em
}
.left_contact h2 {
	font-size:29px;
	font-weight:500
}
.home-contact {
	font-size:24px;
	font-weight:300;
	display:block
}
.left_contact p {
	font-weight:500;
	text-align:right;
	font-size:18px;
	color:#fc732b
}
.analog {
	position:relative;
	width:190px;
	margin:auto;
	background:url(../images/clockface.png);
	list-style:none;
	padding:0;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	height:190px
}
.analog .min,
.analog .sec,
.hour {
	height:150px
}
.analog .hour,
.analog .min,
.analog .sec {
	position:absolute;
	width:10px;
	top:20px;
	left:90px;
	padding:0
}
.analog .sec {
	background:url(../images/sechand.png);
	z-index:3
}
.analog .min {
	background:url(../images/minhand.png);
	z-index:2
}
.analog .hour {
	background:url(../images/hourhand.png);
	z-index:1
}
.analog .meridiem {
	margin-top:90px;
	font-size:11px;
	font-weight:500;
	color:#333;
	display:inline-block
}
.office-section h2 {
	font-weight:400;
	color:#4c525a;
	text-align:center;
	font-size:2.5em;
	padding:0 15px;
	position:relative;
	text-transform:uppercase
}
.office-section .section-subtext {
	font-weight:300;
	font-size:18px
}
.office-section .section-subtext strong {
	font-weight:300!important
}
.office-section .address-outer {
	margin-top:80px
}
.office-section .address-tabs {
	list-style:none;
	padding:0;
	margin:0 0 80px;
	text-align:center
}
.office-section .address-tabs:after {
	content:"";
	display:block;
	clear:both
}
.office-section .address-tabs li {
	display:inline-block;
	padding:0 10px;
	max-width:19%
}
.office-section .address-tabs li a {
	display:block;
	position:relative;
	transform:scale(0.9);
	transition:all .3s ease-out;
	box-shadow:0 8px 24px rgba(0,
	0,
	0,
	.3)
}
.office-section .address-tabs li a img {
	display:block;
	max-width:100%;
	width:100%
}
.office-section .address-tabs li span {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	top:20px;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase
}
.office-section .address-tabs li a:hover {
	transform:scale(.8)
}
.office-section .address-tabs li.active a {
	transform:scale(1)!important
}
.office-section .address-tab-content {
	display:none;
	padding:0 100px;
	margin:0 0 100px
}
.office-section .address-tab-content:after {
	content:"";
	display:block;
	clear:both
}
.office-section .address-tab-content.active {
	display:block
}
.office-section .address-tab-content .clock {
	width:285px;
	padding:10px;
	float:left
}
.office-section .address-tab-content .content {
	margin-left:330px;
	font-size:27px;
	text-align:left
}
.office-section .address-tab-content .content h3 {
	font-size:25px;
	font-weight:300;
	color:#ff6c12;
	margin:0 0 25px
}
.office-section .address-tab-content .content h3 span {
	display:inline-block;
	border-bottom:solid 2px #ff6c12;
	padding:0 0 10px;
	text-transform:uppercase
}
.office-section .address-tab-content .content a {
	color:#000;
	font-size:25px;
	margin-bottom:10px;
	display:block
}
.office-section .address-tab-content .content a.address {
	background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDI2LjY2NyA0MjYuNjY3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTIxMy4zMzMsMEMxMzAuODgsMCw2NCw2Ni44OCw2NCwxNDkuMzMzYzAsMTEyLDE0OS4zMzMsMjc3LjMzMywxNDkuMzMzLDI3Ny4zMzNzMTQ5LjMzMy0xNjUuMzMzLDE0OS4zMzMtMjc3LjMzMyAgICBDMzYyLjY2Nyw2Ni44OCwyOTUuNzg3LDAsMjEzLjMzMywweiBNMjEzLjMzMywyMDIuNjY3Yy0yOS40NCwwLTUzLjMzMy0yMy44OTMtNTMuMzMzLTUzLjMzM1MxODMuODkzLDk2LDIxMy4zMzMsOTYgICAgczUzLjMzMywyMy44OTMsNTMuMzMzLDUzLjMzM1MyNDIuNzczLDIwMi42NjcsMjEzLjMzMywyMDIuNjY3eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	background-repeat:no-repeat;
	background-size:28px auto;
	padding-left:33px;
	background-position:-3px 0;
	min-height:30px
}
.office-section .address-tab-content .content p {
	text-align:left;
	color:#000
}
.office-section .address-tab-content .content p.email span {
	background:url(../images/email.jpg) no-repeat center;
	width:22px;
	height:20px;
	display:inline-block;
	margin-right:12px;
	vertical-align:middle
}
.office-section .address-tab-content .content p.phone span {
	background:url(../images/phone.png) no-repeat center;
	width:20px;
	height:20px;
	display:inline-block;
	margin-right:12px;
	vertical-align:middle
}
.office-section .clock .analog {
	background:url(../images/clockface-new.png);
	transform:scale(1)
}
.office-section .clock .analog .hour {
	background:url(../images/hourhand-new.png) no-repeat
}
.office-section .clock .analog .min {
	background:url(../images/minhand-new.png) no-repeat
}
/*Office address - New design end*/

.mantra_left h2 {
	font-weight:500;
	font-size:2em;
	color:#4c525a
}
.mantra_left p {
	color:#8492a6;
	padding-bottom:10px;
	font-weight:300;
	letter-spacing:1px;
	line-height:1.3;
	text-align:justify;
	font-size:18px
}
.mantra_right {
	float:right;
	text-align:center
}
.ios .mantra_right {
	float:left;
	text-align:center
}
.mantra {
	margin-bottom:3em
}
.mantra_outer {
	padding-top:7em;
	padding-bottom:6em
}
.contact_border hr {
	width:100%;
	border-bottom:1px solid #ccc;
	float:left
}
.header_outer.team_header {
	background:#f7f7f7
}
.team_outer {
	padding-top:10em;
	background-color:#f7f7f7
}
.our_team {
	margin:0 auto 5em;
	width:300px;
	height:auto;
	background:#fff;
	border-radius:6px;
	box-shadow:-3px 4px 5px #d7d7d7;
	padding-bottom:3em;
	max-width:100%
}
.circle_shadow {
	padding-top:13px;
	padding-right:18px
}
.circle_team {
	width:20px;
	float:right;
	height:20px;
	display:inline-block;
	border-radius:10px;
	border:1px solid #f7f7f7;
	box-shadow:inset -1px 3px 4px #c7c7c7;
	background:#f7f7f7
}
.team_img {
	padding-top:30px;
	text-align:center
}
.our_team_bottom {
	padding:5px 20px
}
.our_team_bottom p {
	font-weight:500;
	font-size:14px;
	color:#4c525a
}
.our_team_bottom h2 {
	font-weight:500;
	font-size:20px;
	margin-top:0;
	color:#8492a6
}
.progress {
	background-color:#f7f7f7;
	width:260px;
	height:8px;
	margin-bottom:5px;
	max-width:100%
}
.progress_bar {
	padding:6px 20px
}
.progress_bar p {
	color:#4c525a;
	font-weight:500;
	font-size:12px;
	text-align:left;
	margin-bottom:5px
}
.text_right {
	margin:0;
	font-weight:500;
	font-size:12px;
	color:#bebdbd;
	display:none;
	float:right
}
.progress-bar {
	float:left;
	width:0;
	height:100%;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background-color:#fc732b;
	box-shadow:inset 0 -1px 0 rgba(0,
	0,
	0,
	.15);
	-webkit-transition:width .6s ease;
	transition:width .6s ease
}
.locaton_nav ul li a,
.services_nav ul li a,
.team_nav ul li a {
	font-size:18px;
	line-height:2;
	font-weight:500;
	text-decoration:none
}
.team.outer {
	background:#f7f7f7;
	padding-bottom:10px
}
.header_outer.about {
	background:0 0
}
.team_nav {
	text-align:center;
	width:100%;
	position:fixed;
	display:none;
	height:42px;
	bottom:0
}
.team_nav.about {
	background:0 0;
	border-top:0 solid #ccc;
	position:relative;
	margin-top:-40px;
	display:none
}
.team_nav.about.fixed {
	position:fixed;
	top:0;
	margin:0;
	z-index:100;
	background:#fff;
	background:rgba(255,
	255,
	255,
	.7)
}
.locaton_nav,
.services_nav {
	width:100%;
	position:fixed;
	background:#fff;
	height:42px;
	text-align:center;
	bottom:0;
	z-index:1
}
.header_outer {
	top:0
}
.header_outer.remove {
	top:-150px
}
.team_nav ul {
	margin:0;
	padding:0
}
.team_nav ul li {
	list-style:none;
	display:inline-block;
	padding-right:30px
}
.team_nav ul li a {
	display:block;
	color:#8492a6
}
.team_nav ul li a:hover {
	border-bottom:2px solid #7323dd;
	color:#000
}
.team_nav ul li a.active {
	border-bottom:2px solid #7323dd;
	color:#4c525a
}
.locaton_nav {
	border-top:solid 1px #ccc
}
.locaton_nav ul {
	margin:0;
	padding:0
}
.locaton_nav ul li {
	list-style:none;
	display:inline-block;
	padding-right:30px
}
.locaton_nav ul li a {
	display:block;
	color:#8492a6
}
.locaton_nav ul li a.active,
.locaton_nav ul li a:hover {
	border-bottom:2px solid #7323dd;
	color:#4c525a
}
.services_nav {
	padding-top:3px;
	border-top:1px solid #ccc
}
.services_nav ul {
	margin:0;
	padding:0
}
.services_nav ul li {
	list-style:none;
	display:inline-block;
	padding:0 20px
}
.services_nav ul li a {
	display:block;
	color:#8492a6
}
.services_nav ul li a.active,
.services_nav ul li a:hover {
	border-bottom:2px solid #7323dd;
	color:#4c525a
}
.main_circle {
	margin:8em auto 0;
	width:980px;
	position:relative
}
.left_outer {
	width:600px;
	text-align:center;
	float:left;
	margin-right:-110px
}
.left_outer p {
	color:#7323de;
	font-size:20px;
	font-weight:500
}
.left_circle {
	width:600px;
	height:600px;
	border-radius:300px;
	float:left;
	border:3px solid #7323de
}
.left_circle_text {
	padding-left:13%;
	float:left;
	padding-top:26%
}
.left_circle_text p {
	padding-top:6px;
	padding-bottom:6px;
	color:#4c525a;
	width:100%;
	text-align:left;
	margin:0;
	float:left;
	font-size:16px;
	font-weight:500
}
.left_circle_text hr {
	width:18px;
	border:3px solid #e7e7e8;
	float:left;
	margin:10px 0;
	border-radius:4px
}
.right_outer p {
	color:#fa691c;
	font-size:20px;
	font-weight:500;
	text-align:center
}
.center_circle_text p,
.right_circle p {
	padding-bottom:6px;
	font-size:16px;
	font-weight:500
}
.right_circle p {
	color:#fa691c;
	width:100%;
	padding-top:6px;
	margin:0;
	float:right;
	text-align:right
}
.right_outer {
	width:600px;
	text-align:center;
	float:left;
	margin-left:-110px
}
.right_circle_text {
	padding-right:13%;
	float:right;
	padding-top:26%
}
.right_circle_text hr {
	width:18px;
	border:3px solid #e7e7e8;
	float:right;
	margin:10px 0;
	border-radius:4px
}
.right_circle {
	width:600px;
	float:left;
	max-width:100%;
	border-radius:300px;
	height:600px;
	border:3px solid #fa691c;
	overflow:hidden;
	position:relative
}
.center_outer {
	width:400px;
	text-align:center;
	height:400px;
	border-radius:200px;
	position:absolute;
	left:50%;
	z-index:1;
	top:100px;
	margin-left:-200px
}
.section-title,
.section-title hr {
	position:relative
}
.center_circle {
	width:600px;
	margin-top:-1px;
	border-radius:300px;
	height:595px;
	background:#5e5865;
	margin-left:-385px
}
.center_circle_text p {
	padding-top:6px;
	color:#fff;
	text-align:center
}
.center_circle_text {
	padding-top:6.5em
}
.center_circle_text hr {
	width:18px;
	border:3px solid #848287;
	margin:10px auto;
	border-radius:4px
}
.work_section_outer {
	width:100%;
	float:left;
	margin-top:4em;
	margin-bottom:2em
}
.mantra_right img {
	max-width:100%
}
.inner_service_top h2 {
	color:#4c525a;
	text-align:center;
	font-size:2.5em;
	font-weight:500;
	margin-bottom:.5em
}
.inner_service_top h1 {
	color:#4c525a;
	text-align:center;
	font-size:2.5em;
	font-weight:500;
	margin-bottom:.5em
}
.inner_service_top h4 {
	text-align:center;
	font-size:1.5em;
	color:#8492a6;
	font-weight:300;
	margin:3px 0;
	line-height:1.4em
}
.blog_inner p,
.blog_post {
	color:#fff
}
.development p,
.maintance p,
.marketing p,
.outer_services p,
.strategy p {
	letter-spacing:0;
	line-height:1.6;
	text-align:justify;
	font-size:15px;
	font-weight:300
}
.outer_servics {
	padding-top:12em;
	padding-bottom:0
}
.contact-page .outer_servics {
	padding-top:0;
	padding-bottom:4em
}
.outer_services {
	padding-top:3em;
	margin-bottom:3em
}
.marketing_outer {
	padding-top:12em
}
.outer_services p {
	padding:0 0 10px
}
.development p,
.maintance p,
.marketing p,
.strategy p {
	padding:0 15px 10px
}
.blog_inner h3,
.blog_inner p,
.blog_post,
.faq .help-service,
.inner_contact_center h3,
p {
	text-align:center
}
.sub_heading {
	width:990px;
	max-width:100%;
	margin:0 auto;
	padding:0 15px
}
.blog_outer {
	width:100%;
	padding:15px;
	height:auto;
	background:#fc732b
}
.blog_inner {
	width:100%;
	height:auto;
	padding-top:6em;
	padding-bottom:11em;
	border:1px solid #fff
}
.blog_inner h3 {
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	font-weight:300
}
.blog_post {
	margin-top:1em;
	font-size:17px
}
.team {
	background:#f7f7f7
}
.service_inner {
	display:none
}
.section-title hr {
	z-index:1;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
	border:none;
	border-bottom:solid 6px #000;
	margin:0 auto;
	padding:0
}
.section-title::before {
	content:" ";
	position:absolute;
	width:106px;
	height:100%;
	top:0;
	left:50%;
	margin-left:-53px;
	background:#fff;
	z-index:0;
	opacity:0;
	-webkit-transition:all .5s ease;
	transition:all .5s ease
}
.section-title.active::before {
	width:100%;
	left:0;
	margin-left:0;
	opacity:1
}
.section-title.active hr {
	width:100%;
	border-bottom:6px solid #fc732b
}
.section-title.active h1 {
	color:#fc732b
}
.inner_contact_image_left {
	float:left;
	width:20%
}
.inner_contact_center {
	float:left;
	width:60%;
	padding-top:6em
}
.inner_contact_image_right {
	float:left;
	width:20%;
	padding-top:6em
}
.inner_page_contact {
	margin-top:4em
}
.inner_page_contact_img img {
	max-width:100%
}
.inner_contact_center h3 {
	font-size:2.5em;
	font-weight:500;
	margin-bottom:20px;
	color:#4c525a
}
.inner_contact_center p {
	font-size:1.7em;
	font-weight:300;
	margin-bottom:20px;
	color:#8492a6
}
.inner_contact_center h4 {
	color:#7323de;
	font-weight:500;
	font-size:14px;
	text-align:center
}
a.contact-link-button {
	padding:14px 30px;
	width:175px;
	display:inline-block;
	text-transform:uppercase;
	height:45px;
	border-radius:30px;
	border:1px solid #000;
	cursor:pointer;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
	font-weight:700
}
a.contact-link-button span {
	display:inline-block;
	vertical-align:middle;
	font-size:14px
}
a.contact-link-button .right-arrow {
	background:url(../images/right-arrow.png) center no-repeat;
	height:15px;
	width:20px;
	float:right;
	background-size:17px;
	margin-left:10px
}
.wheel,
.wheel_inner {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	overflow:hidden
}
a.contact-link-button:hover {
	border:1px solid #fc732b;
	background:#fc732b;
	color:#fff
}
.wheel_inner {
	background:url(../images/wheel.png) center no-repeat;
	background-size:auto 100%;
	-webkit-animation:spin 120s linear infinite;
	animation:spin 120s linear infinite;
	opacity:.4
}
.faq .help-service,
.faq.faq-project .help-service {
	background:url(../images/faq-background.jpg) center no-repeat;
	z-index:1
}
.faq .help-service {
	width:50%;
	height:100%;
	color:#fff;
	padding-top:90px;
	position:fixed;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.faq .help-service .help-service-section {
	margin-top:130px
}
.faq .help-service h1 {
	font-weight:lighter;
	font-size:40px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.faq .help-service p {
	font-size:21px;
	width:500px;
	margin:15px auto 0;
	opacity:.5;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.faq .help-service .help-service-image {
	width:255px;
	margin:45px auto 0;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.faq .help-service .help-service-image img {
	max-width:100%;
	width:250px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.faq .faq-tools {
	float:right;
	width:50%;
	margin-top:130px
}
.faq .faq-tools h2 {
	color:#7b7b7b
}
.faq .faq-tools p {
	text-align:left;
	font-size:16px
}
.faq .faq-tools .faq-tools-section {
	margin-top:65px
}
.faq .faq-tools .faq-tools-section .tools-detail {
	float:left;
	width:33.33%;
	text-align:center;
	padding:0 10px;
	margin-top:15px;
	cursor:pointer
}
.faq .faq-tools .faq-tools-section .tools-detail h3 {
	color:#5d5d5d;
	margin-bottom:8px
}
.faq .faq-tools .faq-tools-section .tools-detail p {
	font-size:12px;
	color:#030201;
	opacity:.6;
	text-align:center;
	line-height:1.3;
	height:50px
}
.faq-project {
	height:100%;
	position:relative
}
.faq.faq-project .help-service {
	color:#fff;
	text-align:center;
	width:339px;
	background-size:cover;
	padding-top:5px;
	height:auto
}
.faq.faq-project .help-service h1 {
	font-weight:lighter;
	font-size:18px
}
.faq.faq-project .help-service p {
	font-size:11px;
	width:auto;
	margin:10px auto 0;
	opacity:.5
}
.faq.faq-project .help-service .help-service-image {
	width:213px;
	margin:15px auto 0
}
.faq.faq-project .help-service .help-service-image img {
	max-width:100%;
	width:122px
}
.faq.faq-project .upper-section {
	opacity:0;
	height:187px;
	overflow:hidden
}
.faq .project-start {
	width:50%;
	position:absolute;
	z-index:0;
	height:calc(100% - 317px);
	top:317px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	background:#eaeaea;
	overflow:auto
}
.faq .project-start ul li {
	-webkit-transform:translate(0,
	50px);
	transform:translate(0,
	50px);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	opacity:0
}
.faq.faq-project .project-start {
	width:339px
}
.faq.faq-project .project-start ul li {
	-webkit-transform:translate(0,
	0);
	transform:translate(0,
	0);
	opacity:1
}
.faq.faq-project .project-start ul li:nth-child(1) {
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
.faq.faq-project .project-start ul li:nth-child(2) {
	-webkit-transition-delay:.2s;
	transition-delay:.2s
}
.faq.faq-project .project-start ul li:nth-child(3) {
	-webkit-transition-delay:.3s;
	transition-delay:.3s
}
.faq.faq-project .project-start ul li:nth-child(4) {
	-webkit-transition-delay:.4s;
	transition-delay:.4s
}
.faq.faq-project .project-start ul li:nth-child(5) {
	-webkit-transition-delay:.5s;
	transition-delay:.5s
}
.faq.faq-project .project-start ul li:nth-child(6) {
	-webkit-transition-delay:.6s;
	transition-delay:.6s
}
.faq.faq-project .project-start ul li:nth-child(7) {
	-webkit-transition-delay:.7s;
	transition-delay:.7s
}
.faq.faq-project .project-start ul li:nth-child(8) {
	-webkit-transition-delay:.8s;
	transition-delay:.8s
}
.faq.faq-project .project-start ul li:nth-child(9) {
	-webkit-transition-delay:.9s;
	transition-delay:.9s
}
.faq-project .project-start .faq-tools {
	width:100%;
	float:none;
	margin-top:0
}
.faq-project .project-start .faq-tools ul {
	padding:0;
	margin:0
}
.faq-project .project-start .faq-tools li {
	list-style:none
}
.faq-project .faq-tools a {
	display:block;
	background:#eaeaea;
	border-bottom:dashed 1px #464d6e;
	padding:20px 25px 9px;
	cursor:pointer
}
.faq-project .faq-tools a:hover {
	background:#f2f2f2
}
.faq-project .faq-tools a.active {
	background:#fff
}
.faq-project .faq-tools a .tool-image {
	float:left;
	width:52px
}
.faq-project .faq-tools a .tool-image img {
	max-width:100%
}
.faq-project .faq-tools a .tool-description {
	float:left;
	width:70%;
	margin-left:18px
}
.faq-project .faq-tools a .tool-description p {
	font-size:11px;
	color:#030201;
	opacity:.6;
	line-height:1.3;
	text-align:left
}
.faq-project .faq-tools a .tool-description h3 {
	color:#5d5d5d;
	margin:3px 0 8px;
	font-size:1.09em
}
.faq .faq-project .project-start-wrapper .question-section {
	top:100%;
	display:none;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	-webkit-transition-delay:.5s;
	transition-delay:.5s;
	-webkit-transform:translate(0,
	50px);
	transform:translate(0,
	50px)
}
.faq.faq-project .project-start-wrapper .question-section {
	width:calc(100% - 339px);
	position:absolute;
	top:130px;
	bottom:0;
	left:339px;
	text-align:center;
	overflow:auto;
	display:block;
	-webkit-transform:translate(0,
	0);
	transform:translate(0,
	0);
	color:#00cd8c
}
.copyright,
.wheel_section .container {
	position:relative
}
.faq.faq-project .project-start-wrapper .question-section .tab-content {
	width:55%;
	margin:0 auto
}
.faq.faq-project .project-start-wrapper .question-section .answer-section {
	color:#000;
	margin-top:50px
}
.faq.faq-project .project-start-wrapper .question-section .answers {
	color:#7c7c7c;
	margin:15px auto;
	font-weight:500
}
.faq.faq-project .project-start-wrapper .question-section .answers h3 {
	font-size:1.4em;
	opacity:.7
}
.faq.faq-project .upper-section.display-section {
	display:none
}
.faq.faq-project .project-start-wrapper ul.tabs li.current {
	background:#ededed;
	color:#222
}
.faq.faq-project .project-start-wrapper .tab-content {
	display:none;
	padding:15px
}
.faq.faq-project .project-start-wrapper .tab-content.current {
	display:inherit
}
@media screen and (orientation: portrait) {
	.wheel_inner {
		background-size:100% auto
	}
}
@-webkit-keyframes spin {
	100% {
		-webkit-transform:rotate(360deg)
	}
}
@keyframes spin {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.container .about {
	margin-top:200px
}
.container .about h3 {
	font-weight:500;
	font-size:2.5em;
	color:#4c525a;
	text-align:center
}
.container .about p {
	text-align:center;
	font-size:24px;
	font-weight:300;
	color:#8492a6;
	margin-top:15px;
	max-width:100%;
	line-height:1.3
}
.container .about .about-inner p {
	margin-bottom:20px
}
.container .about .border {
	border-radius:2px;
	border-bottom:4px solid #7323de;
	width:75px;
	margin-top:30px
}
.container .about .about-inner .border {
	border-radius:2px;
	border-bottom:4px solid #7323de;
	width:75px;
	margin:auto
}
.menu_inner_left,
.menu_inner_right {
	float:left;
	height:70px;
	width:50%
}
.navbar-toggle {
	border: none;
	margin-right:0;
	margin-top: 10px;
	background-color: transparent;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top:6px
}
.mobile-menu-trigger.scrolled .navbar-toggle .icon-bar,
.mobile-menu-trigger.scrolled .navbar-toggle .icon-bar+.icon-bar {
	background:#333
}
.mobile-menu-trigger.scrolled .navbar-toggle {
	border-color:#333
}
.menu_inner_left {
	font-size:20px;
	color:#fff
}
.menu_inner_left p {
	text-align:left;
	padding:10px 0 0 20px;
	font-weight:500
}
.menu_inner_right img {
	width:26px;
	float:right;
	padding-top:12px;
	padding-right:10px;
	cursor:pointer
}
.blog_img,
.blog_text {
	float:left
}
.homecontact_form .heading {
	font-size:17px;
	font-family:mv_boliregular,
	sans-serif;
	margin:0 0 15px;
	text-align:left
}
.slider_img {
	padding-top:50px
}
.blog_post {
	width:320px;
	margin:0 auto;
	max-width:100%
}
.blog_text {
	padding-top:2em;
	line-height:.8
}
.copyright {
	width:100%;
	height:auto;
	background:#f5f5f5;
	padding-top:50px
}
.footer-logo-image {
	width:26%;
	height:100%;
	background:#000;
	text-align:center;
	top:0;
	position:absolute
}
.footer-logo-image img {
	top:50%;
	position:absolute;
	left:50%;
	margin-top:-45px;
	margin-left:-55.5px
}
.drop-icon {
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid #000;
	position:absolute;
	top:50%;
	right:-10px;
	margin-top:-10px
}
.footer-title .heading {
	margin-top:0;
	font-size:17px;
	color:#fc732b;
	font-weight:500;
	margin-bottom:10px;
	text-align:left
}
.footer-menu ul li a,
.footer-services ul li a,
.footer-social-icons ul li a {
	color:#8492a6;
	font-size:15px
}
.footer-logo-section {
	width:40%;
	float:left;
	height:10px
}
.footer-menu,
.footer-services,
.footer-social-icons {
	width:20%;
	float:left
}
.footer-services ul {
	margin:0;
	padding:0
}
.footer-services ul li {
	list-style:none;
	padding:3px 0
}
.footer-menu ul {
	margin:0;
	padding:0
}
.footer-menu ul li {
	list-style:none;
	padding:3px 0
}
.footer-social-icons ul {
	margin:0;
	padding:0
}
.footer-social-icons ul li {
	list-style:none;
	padding:3px 0
}
.footer-copyright-text p,
.sitemap-link a {
	text-align:left;
	font-size:13px;
	color:#8492a6
}
.footer-bottom-section {
	margin-left:40%;
	margin-top:30px;
	padding-bottom:20px
}
.footer-copyright-text {
	float:right;
	width:66.66%
}
.footer-copyright-text p {
	margin:0
}
.sitemap-link {
	float:left;
	width:33%
}
.bottom_bar_left {
	float:left
}
.bottom_bar_left p {
	font-weight:300;
	color:#fff;
	font-size:16px;
	padding-top:1.6em
}
.bottom_bar_right {
	float:right
}
.bottom_bar_right ul {
	margin:0;
	padding:0
}
.bottom_bar_right ul li {
	float:left;
	list-style:none;
	padding:12px 12px 10px
}
.bottom_bar_right ul li a {
	font-size:16px;
	display:block;
	line-height:3;
	padding:0 10px;
	text-decoration:none;
	font-weight:300;
	color:#fff
}
.artistpage {
	padding-top:2em
}
.artistpage1 {
	padding-top:5em
}
.artist4_left.artistpage1 {
	margin-top:10em
}
.artist_orgnized {
	padding-top:6em
}
.stage .row {
	height:500px;
	margin:0
}
#slider1_container1,
.taylormade_slider_inner {
	width:800px;
	height:300px;
	text-align:center;
	max-width:100%
}
#slider1_container1 {
	position:relative
}
.taylormade_slider_inner {
	cursor:move;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-400px;
	overflow:hidden
}
.about-inner {
	width:970px;
	margin:0 auto;
	max-width:100%;
	padding:0 15px;
	box-sizing:border-box
}
.wheel_section {
	width:100%;
	height:100%
}
.developer1 {
	width:340px;
	height:340px;
	max-width:100%;
	padding-top:4em;
	margin:0 auto 4em;
	background:#fff;
	border-radius:5px;
	box-shadow:3px 4px 5px #d7d7d7
}
.devloper_image {
	text-align:center
}
.devloper_text {
	padding-top:2em
}
.devloper_text p {
	color:#4c525a;
	text-align:center;
	font-size:18px;
	font-weight:500
}
.developer_section {
	background:#f7f7f7;
	width:100%;
	height:auto
}
.developer_inner {
	padding-top:40px;
	padding-bottom:4.5em
}
.about-description {
	font-size:18px;
	width:762px;
	max-width:100%;
	padding:0 15px;
	margin:10px auto 50px;
	font-weight:300;
	color:#4c525a
}
.banner_image img {
	max-width:100%
}
.no_of_steps {
	text-align:justify;
	position:relative;
	margin-bottom:50px
}
.filled_circle,
.rounded_circle {
	border-radius:50px;
	text-align:center
}
.step_1 {
	margin-top:50px;
	position:relative
}
.first.step_1 {
	margin-top:58px
}
.step_1 .step_images {
	float:left;
	width:50%
}
.step_1 .step_text {
	float:right;
	width:43%;
	margin-right:14px
}
.step_2 .step_text {
	float:left;
	width:42%;
	margin-left:36px
}
.step_2 .step_images {
	float:right;
	width:50%
}
.step_text h3 {
	font-weight:500;
	font-size:1.8em;
	color:#4c525a;
	text-transform:uppercase
}
.step_1 .step_images .circles {
	float:right;
	margin-right:30px;
	position:relative
}
.step_2 .step_images .circles {
	float:left
}
.filled_circle {
	width:57px;
	height:57px;
	background:#f1f1f2;
	float:left;
	margin-right:25px
}
.first.filled_circle {
	margin-left:58px
}
.filled_circle:hover {
	background:#fc732b
}
.filled_circle img {
	width:54px;
	height:auto
}
.filled_circle .image-circle1,
.filled_circle .image-circle10,
.filled_circle .image-circle11,
.filled_circle .image-circle12,
.filled_circle .image-circle13,
.filled_circle .image-circle14,
.filled_circle .image-circle2,
.filled_circle .image-circle3,
.filled_circle .image-circle4,
.filled_circle .image-circle5,
.filled_circle .image-circle6,
.filled_circle .image-circle8,
.filled_circle .image-circle9 {
	height:100%;
	width:auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%
}
.filled_circle .image-circle1 {
	background-image:url(../images/compound.png)
}
.filled_circle .image-circle1:hover {
	background-image:url(../images/compound_white.png)
}
.filled_circle .image-circle2 {
	background-image:url(../images/shape.png)
}
.filled_circle .image-circle2:hover {
	background-image:url(../images/shape_white.png)
}
.filled_circle .image-circle3 {
	background-image:url(../images/folder.png)
}
.filled_circle .image-circle3:hover {
	background-image:url(../images/folder_white.png)
}
.filled_circle .image-circle4 {
	background-image:url(../images/manage.png)
}
.filled_circle .image-circle4:hover {
	background-image:url(../images/manage_white.png)
}
.filled_circle .image-circle5 {
	background-image:url(../images/arrow.png)
}
.filled_circle .image-circle5:hover {
	background-image:url(../images/arrow_white.png)
}
.filled_circle .image-circle6 {
	background-image:url(../images/spects.png)
}
.filled_circle .image-circle6:hover {
	background-image:url(../images/spects_white.png)
}
.filled_circle .image-circle7 {
	background-image:url(../images/diamond.png);
	height:100%;
	width:auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%
}
.filled_circle .image-circle7:hover {
	background-image:url(../images/diamond_white.png)
}
.filled_circle .image-circle8 {
	background-image:url(../images/pen.png)
}
.filled_circle .image-circle8:hover {
	background-image:url(../images/pen_white.png)
}
.filled_circle .image-circle9 {
	background-image:url(../images/circles.png)
}
.filled_circle .image-circle9:hover {
	background-image:url(../images/circles_white.png)
}
.filled_circle .image-circle10 {
	background-image:url(../images/prototype.png)
}
.filled_circle .image-circle10:hover {
	background-image:url(../images/prototype_white.png)
}
.filled_circle .image-circle11 {
	background-image:url(../images/monitor.png)
}
.filled_circle .image-circle11:hover {
	background-image:url(../images/monitor_white.png)
}
.filled_circle .image-circle12 {
	background-image:url(../images/launch.png)
}
.filled_circle .image-circle12:hover {
	background-image:url(../images/launch_white.png)
}
.filled_circle .image-circle13 {
	background-image:url(../images/marketing.png)
}
.filled_circle .image-circle13:hover {
	background-image:url(../images/marketing_white.png)
}
.filled_circle .image-circle14 {
	background-image:url(../images/maintainance.png)
}
.filled_circle .image-circle14:hover {
	background-image:url(../images/maintainance_white.png)
}
.rounded_circle {
	float:left;
	width:57px;
	height:57px;
	border:2px solid #000;
	background:#fff
}
.rounded_circle p {
	margin-top:11px;
	font-size:30px;
	color:#fc732b;
	line-height:1.1em
}
.step_1 .rounded_circle {
	position:absolute;
	right:-60px
}
.step_2 .rounded_circle {
	position:absolute;
	left:-25px
}
.step_1 .cover,
.vertical-line {
	height:100%;
	position:absolute;
	left:50%;
	top:57px
}
.step_1 .step_text p {
	text-align:justify;
	font-size:18px;
	padding-right:0;
	color:#8492a6
}
.step_2 .step_text p {
	padding-left:0
}
.step_2 .step_text h3 {
	text-align:right
}
.vertical-line {
	border:2px dashed #e2e2e4
}
.step_1 .cover {
	width:2px;
	border:solid #fff
}
.clear {
	clear:both
}
.contact .row {
	margin-top:1em;
	text-align:left
}
.contact .row h2 {
	padding-top:1em;
	padding-bottom:.7em;
	margin-top:10px;
	margin-bottom:0;
	font-size:34px;
	text-align:right;
	font-weight:500
}
.contact .row h3 {
	margin-bottom:0;
	font-size:1.7em;
	font-weight:300;
	text-align:right;
	margin-top:6px;
	color:#8492a6
}
.contact .row p {
	font-weight:500;
	text-align:right;
	margin-top:1em;
	font-size:14px;
	color:#fc732b
}
.contact .row a.contact-link-button {
	padding:10px 30px
}
.contact .row a.contact-link-button .right-arrow {
	height:21px
}
.contact .row a:hover {
	border-bottom:2px solid #fc732b
}
.contact .col-xs-4 img {
	max-width:100%
}
.banner_image {
	padding-top:150px;
	text-align:center
}
.container .banner_image {
	position:relative;
	padding-top:0;
	margin-top:75px;
	margin-bottom:100px
}
.container .about {
	position:absolute;
	top:0;
	display:none;
	width:100%;
	left:0
}
.about .container .about {
	display:block
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0;
	background-color:#fc732b;
	border:1px solid #fc732b
}
.carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#0009;
	background-color:rgba(0,
	0,
	0,
	0);
	border:1px solid #000;
	border-radius:10px
}
.carousel-indicators {
	bottom:-2em;
	z-index:0
}
.inner_service_top .location {
	padding:0 15px
}
.contact_location {
	margin:40px 0 0;
	width:45%;
	max-width:100%;
	float:left;
	text-align:center;
	position:relative
}
.contact_location img {
	max-width:100%;
	text-align:center;
	box-shadow:0 8px 24px rgba(0,
	0,
	0,
	.3)
}
.contact_location span {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	top:20px;
	color:#fff;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase
}
.contact-page .middle-section .contact-form {
	float:left;
	width:50%;
	padding:40px 15px 0;
	position:relative
}
.contact-page .middle-section .contact-form .form-element {
	margin:0 0 20px
}
.contact-page .middle-section .contact-form .form-element input[type=text],
.contact-page .middle-section .contact-form .form-element textarea,
input[type=tel],
.contact-page .middle-section .contact-form .form-element select {
	width:100%;
	border:none;
	border-bottom:solid 1px #c5c5c5;
	padding:7px;
	resize:none;
	outline:0;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	outline-width:0
}
.contact-page .middle-section .contact-form .form-element select {
	outline-width:0;
	-webkit-appearance:none;
	-webkit-border-radius:0
}
.form-element .selected {
	position:relative
}
.form-element .selected:after {
	content:"";
	position:absolute;
	top:18px;
	right:0;
	bottom:0;
	padding:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #757575
}
.placeholder {
	color:#757575
}
.black {
	color:#333
}
.contact-page .middle-section .contact-form .form-element textarea {
	height:80px
}
.contact-page .middle-section .contact-form .form-element .button {
	position:static;
	border:1px solid #fc732b;
	background:0 0;
	color:#fc732b;
	width:155px;
	padding:12px 0;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
	text-transform:uppercase
}
.contact-page .middle-section .contact-form .form-element .button:hover {
	background:#fc732b;
	color:#fff
}
.contact-page .middle-section .contact-form .form-element input[type=text]:active,
.contact-page .middle-section .contact-form .form-element input[type=text]:focus,
.contact-page .middle-section .contact-form .form-element textarea:focus {
	outline:0;
	border-bottom-color:#fc732b
}
.contact-page .middle-section .contact-form .form-element .button:active,
.contact-page .middle-section .contact-form .form-element .button:focus {
	outline:0
}
.contact-page .middle-section .contact-form .form-element.error input[type=text],
.contact-page .middle-section .contact-form .form-element.error textarea {
	border-bottom:solid 1px red
}
.contact-page .middle-section .contact-form .error-msg {
	display:none;
	padding:0 8px 15px;
	color:red;
	font-size:1.2em
}
.contact-page .middle-section .contact-form .success-msg {
	display:none;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:#fff;
	font-size:1.5em;
	text-align:center
}
.contact-page .middle-section .contact-form .success-msg div {
	width:80%;
	padding-top:100px;
	color:#45a21b;
	margin:0 auto
}
.contact-page .middle-section .contact-form .loader {
	display:none;
	background:#fff;
	background:rgba(255,
	255,
	255,
	.7);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0
}
.cssload-container {
	width:100%;
	height:20px;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px
}
.cssload-double-torus {
	width:20px;
	height:20px;
	margin:0 auto;
	border:2px double;
	border-radius:50%;
	border-color:transparent rgba(0,
	0,
	0,
	.9) rgba(0,
	0,
	0,
	.9);
	animation:cssload-spin 690ms infinite linear;
	-o-animation:cssload-spin 690ms infinite linear;
	-ms-animation:cssload-spin 690ms infinite linear;
	-webkit-animation:cssload-spin 690ms infinite linear;
	-moz-animation:cssload-spin 690ms infinite linear
}
@keyframes cssload-spin {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-webkit-keyframes cssload-spin {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.contact-page .location {
	text-align:center
}
.contact-page .location p {
	text-align:center;
	font-size:1.3em;
	color:#8492a6
}
.contact-page .location h2,
.doha .location h2 {
	margin-top:2px;
	font-weight:500;
	font-size:1.5em
}
.contact-page .location h2 {
	margin-bottom:0;
	padding-bottom:1em;
	color:#4c525a
}
.contact-page .outer_servics.design .location h2 {
	font-size:2.25em
}
.doha .location h2 {
	text-align:center;
	margin-bottom:1em
}
.company_info {
	margin-top:12em;
	margin-bottom:0
}
.company_info .container {
	border-bottom:1px solid #ccc
}
.left_contact a {
	margin:2em 0 0;
	-webkit-transition:all .3s;
	transition:all .3s;
	display:inline-block;
	width:auto;
	padding:0 30px
}
.footer_inner {
	margin-bottom:2em
}
.common_contact {
	margin-top:2.5em;
	margin-bottom:2.5em;
	clear:both
}
.service_red {
	color:#e26749
}
.service_yellow {
	color:#fc6
}
.service_blue {
	color:#48c1c5
}
.work-section {
	width:100%;
	min-height:960px
}
.project_text_section {
	width:50%;
	float:right
}
.project_img_section {
	width:45%;
	padding-top:14em
}
.project_img_section img {
	max-width:100%
}
.project_logo {
	text-align:center
}
.project_inner_text {
	margin-top:4em;
	padding:0 10px
}
.project_inner_text p {
	color:#fff;
	font-size:29px;
	font-weight:300;
	text-align:left
}
.common_project {
	margin-top:15em
}
.fakhroo .common_project,
.findmii .common_project,
.keyplace .common_project,
.monch .common_project {
	margin-top:10em
}
.project_button {
	padding:8em 10px 0;
	text-align:center
}
.project_button img {
	max-width:100%
}
.button_space {
	margin-right:2em
}
.fixsir {
	background:url(../images/fixer_project.gif);
	background-size:cover
}
.panic {
	background:url(../images/panic.jpg);
	background-size:cover
}
.keyplace {
	background:url(../images/keyplace.jpg);
	background-size:cover
}
.fakhroo {
	background:url(../images/fakhroo.jpg);
	background-size:cover
}
.yadda {
	background:url(../images/yadda_cover.png)
}
.yappr {
	background:url(../images/yappr.jpg);
	background-size:cover
}
.findmii {
	background:url(../images/findmii.jpg);
	background-size:cover
}
.yadda .project_img_section {
	float:left;
	padding-top:10em
}
.yadda .project_text_section {
	width:50%
}
.monch {
	background:url(../images/monch.jpg);
	background-size:cover
}
.panic .project_text_section {
	width:50%;
	float:left
}
.panic .project_img_section {
	float:right;
	text-align:right
}
.yap {
	background:url(../images/yap_cover.jpg)
}
.yap .project_text_section {
	width:50%;
	float:left
}
.yap .project_img_section {
	float:right;
	text-align:right
}
.fakhroo .project_text_section {
	width:50%;
	float:left
}
.fakhroo .project_img_section {
	float:right;
	text-align:right
}
.findmii .project_text_section {
	width:50%;
	float:left
}
.fakhroo .project_img_section,
.keyplace .project_img_section,
.monch .project_img_section,
.yappr .project_img_section {
	width:45%;
	padding-top:10em
}
.findmii .project_img_section {
	float:right;
	text-align:right;
	width:45%;
	padding-top:10em
}
.yappr .common_project {
	margin-top:6em
}
.section-nav {
	position:fixed;
	right:30px;
	top:50%;
	margin-top:-100px;
	z-index:1;
	width:35px
}
.section-nav a {
	display:block;
	float:right;
	border:2px solid #fff;
	height:36px;
	width:36px;
	margin-bottom:5px;
	-webkit-transition:all .3s .2s ease-out;
	transition:all .3s .2s ease-out;
	text-transform:uppercase;
	font-size:1.5em;
	line-height:34px;
	color:#fff
}
.section-nav a span {
	display:block;
	opacity:0;
	padding:0 10px;
	text-align:right;
	-webkit-transition:all .2s 0 ease-out;
	transition:all .2s 0 ease-out;
	-webkit-transform:scale(1.4);
	transform:scale(1.4)
}
.section-nav a:hover {
	-webkit-transition-delay:0;
	transition-delay:0
}
.section-nav a.fixsir-nav-button.active,
.section-nav a.fixsir-nav-button:hover {
	width:85px
}
.section-nav a.yadda-nav-button.active,
.section-nav a.yadda-nav-button:hover {
	width:98px
}
.section-nav a.panic-nav-button.active,
.section-nav a.panic-nav-button:hover {
	width:90px
}
.section-nav a.yapyap-nav-button.active,
.section-nav a.yapyap-nav-button:hover {
	width:112px
}
.section-nav a.fakhroo-nav-button.active,
.section-nav a.fakhroo-nav-button:hover,
.section-nav a.keyplace-nav-button.active,
.section-nav a.keyplace-nav-button:hover {
	width:125px
}
.section-nav a.yappr-nav-button.active,
.section-nav a.yappr-nav-button:hover {
	width:90px
}
.section-nav a.findmii-nav-button.active,
.section-nav a.findmii-nav-button:hover,
.section-nav a.monch-nav-button.active,
.section-nav a.monch-nav-button:hover {
	width:100px
}
.section-nav a:hover span {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition-delay:.2s;
	transition-delay:.2s
}
.section-nav a.active span {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition-delay:.4s;
	transition-delay:.4s
}
#slider1_container {
	top:0;
	left:0;
	width:225px;
	height:398px
}
#slider1_container .slide {
	cursor:move;
	position:absolute;
	left:16px;
	top:60px;
	width:225px;
	height:398px;
	overflow:hidden
}
.success-stories .success-image {
	display:none
}
.success-stories {
	border:2px solid #b2bed0;
	margin:119px 0;
	padding:114px 0 72px 40px;
	position:relative
}
.success-stories .success-story-content .heading {
	margin-top:20px;
	margin-bottom:10px;
	font-weight:500;
	color:#333;
	font-size:1.5em
}
.success-stories h1 {
	color:#4c525a;
	font-weight:500;
	font-size:29px
}
.success-stories p {
	color:#8492a6;
	font-size:19px;
	text-align:left;
	/* line-height:38px; */
	width:74%;
	margin-top:25px;
	text-align: justify;
}
.success-stories a {
	color:#fc732b;
	vertical-align:top;
	display:inline-block;
	font-size:14px;
	font-weight:700;
	border:1px solid #fc732b;
	padding:10px 0;
	border-radius:30px;
	width:180px;
	text-align:center;
	-webkit-transition:all .3s;
	transition:all .3s;
	margin-top:2em;
	margin-right:5px;
	text-transform:uppercase
}
.success-stories a:hover {
	background:#fc732b;
	color:#fff;
	border:1px solid transparent
}
.success-story-image {
	position:absolute;
	width:360px;
	height:360px;
	right:-50px;
	top:-50px;
	background:#fff
}
.success-story-image .middle-circle,
.success-story-image .outer-circle {
	width:100%;
	position:absolute;
	text-align:center
}
.success-story-image .outer-circle .circle-image {
	top:0;
	border-radius:50%
}
.success-story-image .outer-circle .circle-icon {
	position:absolute;
	right:140px;
	top:-20px
}
.success-story-image .middle-circle {
	top:42px
}
.success-story-image .middle-circle .circle-icon {
	position:absolute;
	right:244px;
	top:11px
}
.success-story-image .outer-circle .circle-image img {
	width:360px;
	max-width:100%
}
.success-story-image .inner-circle .circle-image .circle-icon img,
.success-story-image .middle-circle .circle-image .circle-icon img,
.success-story-image .outer-circle .circle-image .circle-icon img {
	width:41px
}
.success-story-image .middle-circle .circle-image img {
	width:275px;
	max-width:100%
}
.success-story-image .inner-circle {
	position:absolute;
	width:100%;
	text-align:center;
	top:85px
}
.success-story-image .inner-circle .circle-image img {
	width:190px;
	max-width:100%
}
.success-story-image .inner-circle .circle-icon {
	position:absolute;
	right:203px;
	top:-5px
}
.success-story-image .inner-filled-circle-wrapper {
	position:absolute;
	width:100%;
	text-align:center;
	top:132px;
	left:133px
}
.success-story-image .inner-filled-circle {
	height:95px;
	width:95px;
	border-radius:50%;
	background:#f36d26;
	text-align:center
}
.success-story-image .inner-filled-circle-wrapper .circle-icon {
	position:absolute;
	top:45px
}
.success-story-image .inner-filled-circle-wrapper .inner-icon {
	position:absolute;
	right:292px;
	top:26px
}
.success-story-image .inner-filled-circle-wrapper .inner-icon img {
	width:41px
}
.success-story-image .inner-filled-circle img {
	width:36px;
	padding:25px 0
}
.outer-circle .circle-image {
	-webkit-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite
}
@keyframes spin {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.circle-image.anticlock {
	-webkit-animation:anticlock 3s linear infinite;
	animation:anticlock 3s linear infinite
}
@-webkit-keyframes anticlock {
	0% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
	100% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
}
@keyframes anticlock {
	0% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
	100% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
}
.inner-filled-circle {
	-webkit-animation:anticlock 5s linear infinite;
	animation:anticlock 5s linear infinite
}
.inner-icon img {
	-webkit-animation:scale-image 1s linear infinite;
	animation:scale-image 1s linear infinite
}
@-webkit-keyframes scale-image {
	0%,
	100% {
		-webkit-transform:scale(.5);
		transform:scale(.5)
	}
	50% {
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
}
@keyframes scale-image {
	0%,
	100% {
		-webkit-transform:scale(.5);
		transform:scale(.5)
	}
	50% {
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
}
.inner-circle .circle-image {
	-webkit-animation:spin 6s linear infinite;
	animation:spin 6s linear infinite
}
.attach-file img {
	width:15px;
	opacity:.5
}
.attach-file p {
	display:inline
}
.loader-section {
	position:absolute;
	height:100%;
	width:100%;
	background:rgba(79,
	78,
	78,
	.6);
	top:0;
	left:0;
	z-index:2;
	overflow:hidden;
	display:none
}
#floatingBarsG {
	position:absolute;
	width:60px;
	height:75px;
	left:50%;
	margin-left:-30px;
	top:50%;
	margin-top:-37px
}
.blockG {
	position:absolute;
	background-color:#fff;
	width:10px;
	height:23px;
	border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	-ms-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	transform:scale(.4);
	-o-transform:scale(.4);
	-ms-transform:scale(.4);
	-webkit-transform:scale(.4);
	-moz-transform:scale(.4);
	animation-name:fadeG;
	-o-animation-name:fadeG;
	-ms-animation-name:fadeG;
	-webkit-animation-name:fadeG;
	-moz-animation-name:fadeG;
	animation-duration:1.2s;
	-o-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal
}
#rotateG_01 {
	left:0;
	top:27px;
	animation-delay:.45s;
	-o-animation-delay:.45s;
	-ms-animation-delay:.45s;
	-webkit-animation-delay:.45s;
	-moz-animation-delay:.45s;
	transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg)
}
#rotateG_02 {
	left:8px;
	top:10px;
	animation-delay:.6s;
	-o-animation-delay:.6s;
	-ms-animation-delay:.6s;
	-webkit-animation-delay:.6s;
	-moz-animation-delay:.6s;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg)
}
#rotateG_03 {
	left:25px;
	top:3px;
	animation-delay:.75s;
	-o-animation-delay:.75s;
	-ms-animation-delay:.75s;
	-webkit-animation-delay:.75s;
	-moz-animation-delay:.75s;
	transform:rotate(0);
	-o-transform:rotate(0);
	-ms-transform:rotate(0);
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0)
}
#rotateG_04 {
	right:8px;
	top:10px;
	animation-delay:.9s;
	-o-animation-delay:.9s;
	-ms-animation-delay:.9s;
	-webkit-animation-delay:.9s;
	-moz-animation-delay:.9s;
	transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg)
}
#rotateG_05 {
	right:0;
	top:27px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
	transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg)
}
#rotateG_06 {
	right:8px;
	bottom:7px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg)
}
#rotateG_07 {
	bottom:0;
	left:25px;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg)
}
#rotateG_08 {
	left:8px;
	bottom:7px;
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg)
}
@keyframes fadeG {
	0% {
		background-color:#000
	}
	100% {
		background-color:#fff
	}
}
@-webkit-keyframes fadeG {
	0% {
		background-color:#000
	}
	100% {
		background-color:#fff
	}
}
.success-story-intro-section {
	height:100%;
	position:relative
}
.success-story-intro-section .success-banner-content {
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-100px
}
.success-story-intro-section .success-banner-content .inner-holder {
	max-width:1055px;
	margin:0 auto;
	padding:0 15px;
	text-align:center
}
.success-story-intro-section .border {
	border-top:none;
	height:2px;
	background:#fc732b;
	width:150px;
	margin:0 auto;
	-webkit-animation-delay:2s;
	animation-delay:2s;
	-webkit-animation-name:stretchIn;
	animation-name:stretchIn;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards
}
@-webkit-keyframes stretchIn {
	0% {
		width:1px
	}
	100% {
		width:150px
	}
}
@keyframes stretchIn {
	0% {
		width:1px
	}
	100% {
		width:150px
	}
}
.success-story-intro-section h1 {
	font-weight:500;
	font-size:5.7em
}
.success-story-intro-section .banner-text {
	color:#8492a6;
	font-size:1.6em;
	margin-top:15px;
	-webkit-animation-delay:2.2s;
	animation-delay:2.2s;
	-webkit-animation-name:slideup;
	animation-name:slideup;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards
}
@-webkit-keyframes slideup {
	0% {
		opacity:0;
		-webkit-transform:translate(0,
		50px);
		transform:translate(0,
		50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0,
		0);
		transform:translate(0,
		0)
	}
}
@keyframes slideup {
	0% {
		opacity:0;
		-webkit-transform:translate(0,
		50px);
		transform:translate(0,
		50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0,
		0);
		transform:translate(0,
		0)
	}
}
.success-story-intro-section h1 .animated {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	opacity:0
}
.success-story-intro-section h1 .animated1 {
	opacity:0
}
.success-story-intro-section h1 .animated2 {
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
	opacity:0
}
.success-story-intro-section h1 .animated3 {
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
	opacity:0
}
.success-story-intro-section h1 .animated4 {
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
	opacity:0
}
.success-story-intro-section h1 .animated5 {
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	opacity:0
}
.success-story-intro-section h1 .animated6 {
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
	opacity:0
}
.success-story-intro-section h1 .animated7 {
	-webkit-animation-delay:.7s;
	animation-delay:.7s;
	opacity:0
}
.success-story-intro-section h1 .animated8 {
	-webkit-animation-delay:.8s;
	animation-delay:.8s;
	opacity:0
}
.success-story-intro-section h1 .animated9 {
	-webkit-animation-delay:.9s;
	animation-delay:.9s;
	opacity:0
}
.success-story-intro-section h1 .animated10 {
	-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
	opacity:0
}
.success-story-intro-section h1 .animated11 {
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;
	opacity:0
}
.success-story-intro-section h1 .animated12 {
	-webkit-animation-delay:1.3s;
	animation-delay:1.3s;
	opacity:0
}
.success-story-intro-section h1 .animated13 {
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
	opacity:0
}
.success-story-intro-section h1 .animated14 {
	-webkit-animation-delay:1.5s;
	animation-delay:1.5s;
	opacity:0
}
.success-story-intro-section h1 .animated15 {
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;
	opacity:0
}
.success-story-intro-section h1 .animated16 {
	-webkit-animation-delay:1.7s;
	animation-delay:1.7s;
	opacity:0
}
.success-story-intro-section h1 .animated17 {
	-webkit-animation-delay:1.8s;
	animation-delay:1.8s;
	opacity:0
}
.success-story-intro-section h1 .animated18 {
	-webkit-animation-delay:1.9s;
	animation-delay:1.9s;
	opacity:0
}
.success-story-intro-section h1 .animated19 {
	-webkit-animation-delay:2s;
	animation-delay:2s;
	opacity:0
}
.success-story-intro-section h1 .animated20 {
	-webkit-animation-delay:2s;
	animation-delay:2.1s;
	opacity:0
}
.success-story-intro-section h1 .animated21 {
	-webkit-animation-delay:2s;
	animation-delay:2.2s;
	opacity:0
}
.success-story-intro-section h1 .animated22 {
	-webkit-animation-delay:2s;
	animation-delay:2.3s;
	opacity:0
}
.success-story-intro-section h1 .animated23 {
	-webkit-animation-delay:2s;
	animation-delay:2.4s;
	opacity:0
}
.success-story-intro-section h1 .animated24 {
	-webkit-animation-delay:2s;
	animation-delay:2.5s;
	opacity:0
}
.success-story-intro-section h1 .animated25 {
	-webkit-animation-delay:2s;
	animation-delay:2.6s;
	opacity:0
}
.success-story-intro-section .apps-banner .app-panel .hero-video {
	min-width:100%;
	min-height:100%
}
@-webkit-keyframes fadeIn {
	0% {
		color:#000;
		opacity:0
	}
	1% {
		color:#000;
		opacity:1
	}
	100% {
		color:#4c525a;
		opacity:1
	}
}
@keyframes fadeIn {
	0% {
		color:#000;
		opacity:0
	}
	1% {
		color:#000;
		opacity:1
	}
	100% {
		color:#4c525a;
		opacity:1
	}
}
.success-story-intro-section .scroll-down-indicator {
	width:100px;
	position:absolute;
	left:50%;
	margin-left:-50px;
	bottom:30px;
	text-align:center;
	-webkit-animation-name:slidedown;
	animation-name:slidedown;
	-webkit-animation-delay:3s;
	animation-delay:3s;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards
}
.success-story-intro-section .scroll-down-indicator .mouse-icon {
	width:28px;
	height:46px;
	border:2px solid #000;
	border-radius:13px;
	margin:0 auto 10px;
	padding:7px;
	cursor:pointer
}
.success-story-intro-section .scroll-down-indicator .mouse-icon .mouse-wheel {
	width:2px;
	height:12px;
	background:#fc732b;
	margin:0 auto;
	-webkit-animation:up-down 1.5s infinite;
	animation:up-down 1.5s infinite
}
.success-story-intro-section .scroll-down-indicator .text {
	font-size:1.2em;
	cursor:pointer
}
@-webkit-keyframes up-down {
	0%,
	100% {
		-webkit-transform:translate(0,
		0);
		transform:translate(0,
		0)
	}
	50% {
		-webkit-transform:translate(0,
		15px);
		transform:translate(0,
		15px)
	}
}
@keyframes up-down {
	0%,
	100% {
		-webkit-transform:translate(0,
		0);
		transform:translate(0,
		0)
	}
	50% {
		-webkit-transform:translate(0,
		15px);
		transform:translate(0,
		15px)
	}
}
@-webkit-keyframes slidedown {
	0% {
		opacity:0;
		-webkit-transform:translate(0,
		-50px);
		transform:translate(0,
		-50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0,
		0);
		transform:translate(0,
		0)
	}
}
@keyframes slidedown {
	0% {
		opacity:0;
		-webkit-transform:translate(0,
		-50px);
		transform:translate(0,
		-50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0,
		0);
		transform:translate(0,
		0)
	}
}
.solution-section {
	margin-top:300px;
	color:#fff;
	text-align:center
}
.solution-section .solution-image {
	width:200px;
	margin:0 auto
}
.solution-section .solution-text {
	margin-top:80px
}
.solution-section .solution-counter {
	margin:50px auto 0;
	max-width:100%
}
.solution-section .solution-counter .solution-counter1 {
	float:left;
	margin:0 25px
}
.solution-section .solution-counter .solution-counter1 .solution-number {
	font-size:75px;
	font-weight:400;
	color:red
}
.solution-section .solution-counter .solution-counter1 p {
	margin:0;
	font-weight:700;
	color:#000
}
.parallax-effact-section .parallax-section {
	position:relative
}
.parallax-effact-section .parallax-frame {
	background:url(../images/scrollmagic-iphone.png) no-repeat;
	width:600px;
	height:428px;
	background-size:100%;
	margin:175px auto 0;
	position:relative;
	z-index:1
}
.screen-outer {
	margin:0 auto 0 -209px;
	-webkit-perspective:2500px;
	perspective:2500px;
	width:375px;
	height:667px;
	position:absolute;
	left:50%;
	top:-152px
}
.parallax-effact-section .parallax-slider {
	background:#00f;
	width:375px;
	height:667px;
	-webkit-transform:rotateX(48deg) rotateZ(-37.5deg) rotateY(-3deg) scale(.7) skewY(9deg);
	transform:rotateX(48deg) rotateZ(-37.5deg) rotateY(-3deg) scale(.7) skewY(9deg);
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.parallax-effact-section .parallax-slider .parallax-background-image {
	background:url(../images/Superheroes-Strape.jpg) no-repeat;
	height:667px;
	width:3000px;
	background-size:auto 100%;
	margin-left:-1915px
}
.internalpage-app .app-design-section {
	text-align:center;
	color:#fff;
	padding-top:105px
}
.internalpage-app.panic-internal .app-design-section {
	margin-bottom:100px
}
.internalpage-app .app-design-section .app-design {
	opacity:0
}
.internalpage-app .app-design-section .app-design.slideup {
	opacity:1;
	animation-name:slideup2;
	animation-duration:.5s;
	animation-timing-function:ease-out
}
.internalpage-app .app-design-section .app-design .title-br {
	margin-top:20px;
	float:left;
	text-align:center;
	width:100%
}
.internalpage-app .app-design-section p {
	margin:22px auto 0
}
.internalpage-app.oslete .app-design-section .app-design {
	margin-top:50px
}
.internalpage-app .app-design-section .app-image {
	margin-top:35px;
	overflow:hidden;
	height:501px;
	max-width:600px;
	margin-right:auto;
	margin-left:auto;
	position:relative
}
.internalpage-app .app-design-section .app-image .app-image1 {
	height:100%;
	position:absolute;
	z-index:2;
	opacity:0;
	-webkit-transform:translate(100px,
	0);
	transform:translate(100px,
	0)
}
.internalpage-app .app-design-section .app-image .app-image2 {
	height:100%;
	position:absolute;
	z-index:1;
	opacity:0;
	-webkit-transform:translate(100px,
	0);
	transform:translate(100px,
	0)
}
.internalpage-app .app-design-section .app-image .app-image3 {
	position:absolute;
	height:100%;
	opacity:0;
	-webkit-transform:translate(100px,
	0);
	transform:translate(100px,
	0)
}
.internalpage-app .app-design-section .app-image.add-image .app-image1 {
	opacity:1;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
	-webkit-transition-delay:.5s;
	transition-delay:.5s;
	-webkit-transform:translate(0,
	20px);
	transform:translate(0,
	0)
}
.internalpage-app .app-design-section .app-image.add-image .app-image2 {
	opacity:1;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	-webkit-transform:translate(0,
	20px);
	transform:translate(0,
	0)
}
.internalpage-app .app-design-section .app-image.add-image .app-image3 {
	opacity:1;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
	-webkit-transition-delay:0;
	transition-delay:0;
	-webkit-transform:translate(0,
	20px);
	transform:translate(0,
	0)
}
.internalpage-app .app-design-section .app-image img {
	width:600px
}
.the-result {
	text-align:center;
	margin:100px 0
}
.the-result.slideup {
	opacity:1;
	-webkit-animation-name:slideup2;
	animation-name:slideup2;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
.the-result h3 {
	font-size:65px;
	color:#eee;
	margin-bottom:40px
}
.the-result p.result-description {
	width:100%;
	color:#999
}
.internalpage-app.dice .the-result h2,
.internalpage-app.dice .the-result p.result-description {
	text-align:center
}
.the-result a img {
	width:200px;
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
}
.the-result a img:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.the-result .app-links {
	margin-top:65px
}
.the-result .screenshot-flexslider {
	display:none
}
.the-result .screenshot-slider .screenshot-container {
	width:455px;
	margin:0 auto
}
.the-result .screenshot-slider .slider-background-image {
	background:url(../images/scroll-slide.png) center no-repeat;
	background-size:cover;
	width:295px;
	height:520px;
	margin:35px auto 0;
	position:relative
}
.the-result .screenshot-slider .slider-background-image .slide-images {
	position:absolute;
	top:75px;
	left:0;
	height:368px;
	overflow:hidden
}
.the-result .screenshot-slider .slider-background-image .slide-images img {
	width:207px;
	height:368px
}
.the-result .screenshot-slider .app-features .active-feature {
	position:absolute;
	left:145px;
	top:9px
}
.the-result .screenshot-slider .active-feature .border {
	border-top:solid 1px #e3e3e3;
	width:0;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.the-result .screenshot-slider .active-feature .circle {
	height:10px;
	width:10px;
	border-radius:50%;
	background:#e3e3e3;
	margin-top:-5px;
	opacity:0;
	-webkit-transition:all 1s ease-out;
	transition:all 1s ease-out
}
.the-result .screenshot-slider.screenshot-slide1 .feature1 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide10 .feature10 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide2 .feature2 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide3 .feature3 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide4 .feature4 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide6 .feature6 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide7 .feature7 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide8 .feature8 .active-feature .border,
.the-result .screenshot-slider.screenshot-slide9 .feature9 .active-feature .border {
	width:113px
}
.the-result .screenshot-slider.screenshot-slide1 .feature1 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide10 .feature10 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide2 .feature2 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide3 .feature3 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide4 .feature4 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide6 .feature6 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide7 .feature7 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide8 .feature8 .active-feature .circle,
.the-result .screenshot-slider.screenshot-slide9 .feature9 .active-feature .circle {
	opacity:1
}
.the-result .screenshot-slider.screenshot-slide5 .feature5 .active-feature .border {
	width:113px
}
.the-result .screenshot-slider.screenshot-slide5 .feature5 .active-feature .circle {
	opacity:1
}
.the-result .screenshot-slider .app-features {
	float:left;
	width:50%;
	text-align:left;
	margin:35px 0 0
}
.the-result .screenshot-slider .app-features .features-loop {
	height:112px;
	overflow:hidden
}
.the-result .screenshot-slider .slider-section {
	float:left;
	width:50%
}
.the-result .screenshot-slider ul {
	list-style:none;
	padding:0;
	width:146px
}
.the-result .screenshot-slider ul li {
	margin:15px 0;
	position:relative
}
.the-result .screenshot-slider ul li a {
	font-size:16px;
	color:#999;
	cursor:default;
	text-transform:uppercase
}
.the-result .screenshot-slider ul li a:hover,
.the-result .screenshot-slider.screenshot-slide1 ul li.feature1 a,
.the-result .screenshot-slider.screenshot-slide10 ul li.feature10 a,
.the-result .screenshot-slider.screenshot-slide2 ul li.feature2 a,
.the-result .screenshot-slider.screenshot-slide3 ul li.feature3 a,
.the-result .screenshot-slider.screenshot-slide4 ul li.feature4 a,
.the-result .screenshot-slider.screenshot-slide5 ul li.feature5 a,
.the-result .screenshot-slider.screenshot-slide6 ul li.feature6 a,
.the-result .screenshot-slider.screenshot-slide7 ul li.feature7 a,
.the-result .screenshot-slider.screenshot-slide8 ul li.feature8 a,
.the-result .screenshot-slider.screenshot-slide9 ul li.feature9 a {
	color:#23527c
}
.the-result .screenshot-slider .feature-description {
	float:right;
	width:29%;
	margin-top:180px;
	text-align:left
}
.the-result .screenshot-slider .feature-description .feature-detail {
	height:180px;
	overflow:hidden;
	margin-top:140px
}
.the-result .screenshot-slider .feature-description .feature-detail .feature-inner .feature-section {
	height:180px
}
.the-result .screenshot-slider .feature-description h3 {
	color:#000
}
.the-result .screenshot-slider .feature-description p {
	text-align:left;
	font-size:15px;
	color:#000;
	width:84%;
	margin:0
}
.app-footer {
	background:#000;
	padding:42px 0 30px;
	position:relative;
	z-index:0;
	min-height:215px
}
.index-app-footer {
	position:fixed;
	width:100%;
	left:0;
	bottom:-250px
}
.index-app-footer.show {
	bottom:0
}
.app-footer .footer-left {
	float:left;
	width:60%
}
.app-footer .flip-container {
	height:50px;
	width:50px;
	border-radius:50%;
	border:2px solid #7323de;
	text-align:center;
	padding:12px 13px
}
.success-banner .app-footer .flip-container {
	padding:11px 0 0 1px
}
.success-banner .app-footer .footer-left .flip-container img {
	width:3px
}
.success-banner .app-footer .footer-text .footer-description {
	font-weight:500;
	letter-spacing:3px;
	display:inline-block
}
.app-footer .footer-text .footer-description:hover {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.flipper .footer-image img {
	width:23px
}
.app-footer .footer-icon {
	float:left
}
.app-footer .footer-text {
	float:left;
	margin-left:15px;
	text-align:left
}
.app-footer .footer-text p {
	color:#fff;
	text-align:left;
	font-size:12px;
	margin-bottom:0
}
.app-footer .footer-text .footer-description,
.app-footer .footer-text .footer-description .footer-link {
	font-size:23px;
	margin-top:3px;
	color:#fff;
	display:block;
	font-weight:400
}
.app-footer .footer-text .footer-description {
	-webkit-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.app-footer .footer-text .bottom-border {
	border-top:solid 2px #7323de;
	width:25px
}
.app-footer .footer-text .copy-right {
	margin-top:70px;
	color:#878787;
	font-size:12px;
	font-weight:400;
	letter-spacing:1px
}
.success-banner .app-footer .footer-text a.copy-right {
	display:block;
	text-align:right
}
.app-footer .footer-text a {
	display:inline-block
}
.app-footer .footer-right {
	float:right;
	width:40%
}
.app-footer .footer-right .top-link {
	float:right;
	margin-top:121px;
	font-size:12px;
	display:block
}
.app-footer .footer-right .top-link span {
	color:#ccc;
	font-weight:400
}
.app-footer .footer-right .top-link img {
	width:10px
}
.app-footer .footer-right .footer-icon .back img {
	width:15px
}
.internalpage-app.oslete .app-footer .footer-right .footer-icon .back img,
.internalpage-app.tewton .app-footer .footer-right .footer-icon .back img,
.internalpage-app.utone .app-footer .footer-right .footer-icon .back img {
	width:19px
}
.internalpage-app.health-connect .app-footer .footer-right .footer-icon .back img {
	width:17px
}
.internalpage-app.radiyo .app-footer .footer-right .footer-icon .back img {
	width:20px
}
.app-footer .footer-right .flip-container {
	padding:10px 13px
}
.app-footer .footer-right .flip-container .back {
	padding-left:1px
}
.app-footer .footer-right .flip-container .back span {
	color:#fff;
	font-size:15px
}
.internalpage-app.yap-yap .app-footer .footer-right .flip-container {
	padding:12px 9px 0
}
.internalpage-app.yap-yap .app-footer .footer-right .flip-container .back img {
	width:auto
}
.internalpage-app.souvice .app-footer .footer-right .footer-icon .back img {
	width:19px
}
.internalpage-app.keyplace-inner .app-footer .footer-right .flip-container {
	padding:12px 13px
}
.internalpage-app.keyplace-inner video {
	height:100%;
	width:100%;
	display:block
}
.internalpage-app.keyplace-inner .keyplace-logo {
	position:absolute;
	top:120px;
	left:25px
}
.flip-container {
	-webkit-perspective:1000px;
	perspective:1000px
}
.flipper {
	-webkit-transition:.6s;
	transition:.6s;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	position:relative
}
.back,
.front {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	position:absolute;
	top:0;
	left:0
}
.front {
	z-index:2;
	-webkit-transform:rotateY(0);
	transform:rotateY(0);
	-webkit-animation-name:flip;
	animation-name:flip;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.back {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	-webkit-animation-name:flipback;
	animation-name:flipback;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	animation-duration:2s
}
@-webkit-keyframes flipback {
	0% {
		-webkit-transform:rotateY(180deg);
		transform:rotateY(180deg)
	}
	20%,
	49.9% {
		-webkit-transform:rotateY(0);
		transform:rotateY(0)
	}
	50% {
		-webkit-transform:rotateY(360deg);
		transform:rotateY(360deg)
	}
	100%,
	70% {
		-webkit-transform:rotateY(180deg);
		transform:rotateY(180deg)
	}
}
@keyframes flipback {
	0% {
		-webkit-transform:rotateY(180deg);
		transform:rotateY(180deg)
	}
	20%,
	49.9% {
		-webkit-transform:rotateY(0);
		transform:rotateY(0)
	}
	50% {
		-webkit-transform:rotateY(360deg);
		transform:rotateY(360deg)
	}
	100%,
	70% {
		-webkit-transform:rotateY(180deg);
		transform:rotateY(180deg)
	}
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform:rotateY(0);
		transform:rotateY(0)
	}
	20%,
	50% {
		-webkit-transform:rotateY(-180deg);
		transform:rotateY(-180deg)
	}
	100%,
	70% {
		-webkit-transform:rotateY(-360deg);
		transform:rotateY(-360deg)
	}
}
@keyframes flip {
	0% {
		-webkit-transform:rotateY(0);
		transform:rotateY(0)
	}
	20%,
	50% {
		-webkit-transform:rotateY(-180deg);
		transform:rotateY(-180deg)
	}
	100%,
	70% {
		-webkit-transform:rotateY(-360deg);
		transform:rotateY(-360deg)
	}
}
.the-result .screenshot-slider.screenshot-slide1 .app-features .features-loop .feature-counter {
	margin-top:0;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide2 .app-features .features-loop .feature-counter {
	margin-top:-112px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide3 .app-features .features-loop .feature-counter {
	margin-top:-224px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide4 .app-features .features-loop .feature-counter {
	margin-top:-336px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide5 .app-features .features-loop .feature-counter {
	margin-top:-448px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide6 .app-features .features-loop .feature-counter {
	margin-top:-560px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide7 .app-features .features-loop .feature-counter {
	margin-top:-672px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide8 .app-features .features-loop .feature-counter {
	margin-top:-784px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide9 .app-features .features-loop .feature-counter {
	margin-top:-896px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide10 .app-features .features-loop .feature-counter {
	margin-top:-1008px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide1 .slider-background-image .slide-images .slide-screenshot {
	margin-top:0;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide2 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-368px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide3 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-736px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide4 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-1104px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide5 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-1472px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide6 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-1840px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide7 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-2208px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide8 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-2576px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide9 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-2944px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide10 .slider-background-image .slide-images .slide-screenshot {
	margin-top:-3312px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide1 .feature-description .feature-detail .feature-inner {
	margin-top:0;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide2 .feature-description .feature-detail .feature-inner {
	margin-top:-180px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide3 .feature-description .feature-detail .feature-inner {
	margin-top:-360px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide4 .feature-description .feature-detail .feature-inner {
	margin-top:-540px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide5 .feature-description .feature-detail .feature-inner {
	margin-top:-720px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide6 .feature-description .feature-detail .feature-inner {
	margin-top:-900px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide7 .feature-description .feature-detail .feature-inner {
	margin-top:-1080px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide8 .feature-description .feature-detail .feature-inner {
	margin-top:-1260px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide9 .feature-description .feature-detail .feature-inner {
	margin-top:-1440px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.the-result .screenshot-slider.screenshot-slide10 .feature-description .feature-detail .feature-inner {
	margin-top:-1620px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.no-scroll {
	overflow:hidden!important
}
.contact-popup {
	position:fixed;
	left:100%;
	top:0;
	width:100%;
	height:100%;
	z-index:50;
	background:rgba(0,
	0,
	0,
	.5);
	background-size:cover;
	-webkit-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
	overflow-x:hidden;
	opacity:0
}
.contact-popup.show {
	left:0;
	opacity:1
}
.contact-popup .close-button {
	position:absolute;
	left:-30px;
	top:0;
	padding:3px 0 7px;
	width:30px;
	cursor:pointer;
	background:#000;
	display:none
}
.contact-popup .close-button img {
	width:16px;
	height:auto
}
.contact-popup .inner-holder {
	width:40%;
	height:100%;
	position:absolute;
	right:-40%;
	-webkit-transition:all .5s ease-out;
	transition:all .5s ease-out
}
.contact-popup .inner-holder.show {
	right:0
}
.contact-popup .inner-holder.show .close-button {
	display:block;
	text-align:center
}
.contact-popup .inner-holder .inner-form {
	position:absolute;
	width:100%;
	background:#fff;
	min-height:100%
}
.contact-popup form {
	text-align:left
}
.contact-popup .inner-holder .inner-form .inner-container {
	padding:0 55px 55px;
	box-sizing:border-box
}
.contact-popup .inner-holder .inner-form .inner-container .form-title {
	margin-top:35px
}
.contact-popup .inner-holder .inner-form .inner-container .form-title p {
	font-size:25px
}
.contact-popup .inner-holder .inner-form .inner-container select {
	width:100%;
	border:0;
	border-bottom:1px #c5c5c5 solid;
	color:#333;
	outline:0
}
.contact-popup .inner-holder .inner-form .inner-container select:focus {
	border-bottom:solid 1px #fc732b;
	outline:0
}
.contact-popup .inner-holder .inner-form .inner-container .form-element {
	margin:50px 0 0
}
.contact-popup .inner-holder .inner-form .inner-container .form-element input {
	border:0;
	border-bottom:solid 1px #c5c5c5;
	width:100%;
	padding:7px;
	box-sizing:border-box;
	outline:0;
	color:#000
}
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box .budget,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box .ui-button,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box a.ui-button,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box a:link.ui-button,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box a:visited.ui-button,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box input,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box select,
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box textarea {
	border-bottom:solid 1px red
}
.contact-popup .inner-holder .inner-form .inner-container .form-element input:focus {
	border-bottom:solid 1px #fc732b
}
.contact-popup .inner-holder .inner-form .inner-container .form-element.half {
	width:50%;
	float:left
}
.contact-popup .inner-holder .inner-form .inner-container .form-element.half.name {
	padding-right:5px
}
.contact-popup .inner-holder .inner-form .inner-container .form-element.half.email {
	padding-left:5px
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .file-attachment input {
	border:none;
	opacity:0;
	z-index:2;
	position:relative
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .file-attachment {
	width:27px;
	float:right;
	overflow:hidden;
	margin:-65px 14px 0 0
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .file-attachment img {
	width:21px;
	margin-top:-59px;
	z-index:1;
	position:relative
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .budget-label {
	color:#000;
	text-align:left;
	float:left;
	display:inline;
	padding-top:5px
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget {
	position:relative;
	color:#000;
	border-bottom:solid 1px #c5c5c5;
	padding:5px 0 0 5px
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items {
	display:inline-block;
	position:relative;
	float:right
}
#fp-nav {
	z-index:0
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label {
	display:inline-block!important;
	border:none;
	background:0 0;
	font-size:16px;
	border-radius:0;
	margin:0;
	outline:0;
	padding:8px 19px;
	border-bottom:solid 2px transparent
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items input.ui-helper-hidden-accessible {
	width:1px;
	height:1px;
	visibility:hidden;
	position:absolute
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label.ui-state-active {
	color:#fc732b;
	border-bottom:solid 2px #fc732b
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .list-items {
	float:right
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget ul {
	list-style:none
}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget ul li {
	display:inline-block;
	margin:0 24px;
	font-size:16px;
	color:#969696
}
.contact-popup .inner-holder .inner-form .inner-container .form-element textarea {
	width:100%;
	height:100px;
	resize:none;
	z-index:0;
	border:0;
	border-bottom:solid 1px #c5c5c5;
	padding:7px;
	box-sizing:border-box;
	outline:0;
	color:#000
}
.contact-popup .inner-holder .inner-form .inner-container .form-element textarea:focus {
	border-bottom:solid 1px #fc732b;
	outline:0
}
.contact-popup .inner-holder .inner-form .inner-container .submit {
	border:none;
	border:1px solid #fc732b;
	color:#fc732b;
	background:0 0;
	width:155px;
	padding:12px 0;
	border-radius:30px;
	font-size:17px;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.contact-popup .inner-holder .inner-form .inner-container .submit-button {
	text-align:left;
	margin-top:30px
}
.contact-popup .inner-holder .inner-form .inner-container .submit:hover {
	background:#fc732b;
	color:#fff;
	outline:0
}
.contact-popup .inner-holder .inner-form .inner-container .form-title h3 {
	font-size:2.6em;
	margin-bottom:0;
	line-height:1.1;
	text-align:left;
	font-weight:400
}
.contact-popup h1 {
	text-transform:uppercase;
	text-align:center
}
.contact-popup .contact-form-section {
	width:45%;
	margin:0 auto
}
.contact-popup label {
	display:none;
	outline:0
}
.contact-popup .contact-form-section .form-element {
	margin-bottom:20px
}
.contact-popup .contact-form-section .textbox {
	width:100%;
	box-sizing:border-box;
	padding:7px 15px;
	background:0 0;
	border:1px solid #929292;
	font-weight:400
}
.contact-popup .contact-form-section .textbox:focus {
	background:#333
}
.contact-popup .contact-form-section .textarea {
	width:100%;
	height:100px;
	box-sizing:border-box;
	padding:7px 15px;
	background:0 0;
	border:1px solid #929292;
	font-weight:400;
	resize:none
}
.contact-popup .contact-form-section .textarea:focus {
	background:#333
}
.contact-popup .contact-form-section .form-element .error-msg {
	color:red;
	font-size:.85em;
	padding:5px 0 0
}
.contact-popup .success-msg {
	color:green;
	margin:-10px 0 20px
}
.contact-popup .contact-form-section .cross-button {
	background:0 0;
	color:#fff;
	font-weight:400;
	border:1px solid #929292;
	text-transform:uppercase;
	padding:10px 30px;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.contact-popup .contact-form-section .cross-button:hover {
	background:#fff;
	color:#333
}
.contact-popup .contact-info-section {
	margin-left:55%
}
.contact-popup .contact-info-section h2 {
	text-transform:uppercase;
	font-size:22px;
	font-weight:700
}
.contact-popup .contact-info-section a {
	text-decoration:underline;
	color:#fff
}
.contact-popup .contact-info-section .contact-details {
	margin-bottom:20px
}
.contact-popup .contact-info-section .social-links {
	padding-top:70px;
	margin-right:40px;
	float:left
}
.contact-popup .contact-info-section .social-links a {
	display:inline-block;
	margin-right:30px;
	-webkit-transform:scale(.9);
	transform:scale(.9);
	-webkit-transition:all .1s ease-out;
	transition:all .1s ease-out
}
.contact-popup .contact-info-section .social-links a:hover {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.contact-popup .contact-info-section .stamp {
	width:120px;
	float:left
}
.contact-popup .contact-info-section .stamp img {
	max-width:100%
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	background:0 0;
	border:0;
	border-bottom:1px solid #c5c5c5;
	outline:0
}
.ui-selectmenu-button.ui-button {
	width:100%;
	border-radius:0
}
.ui-button {
	padding:.4em .3em
}
.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border:none;
	border-bottom:1px solid #c5c5c5
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
	border:none;
	background:#fc732b
}
.success-stories-inner-footer .inner-holder {
	max-width:800px;
	margin:0 auto
}
.success-stories-inner-footer .top-link {
	text-align:center;
	margin-bottom:1px;
	left:0;
	bottom:0;
	width:100%;
	position:relative;
	height:32px
}
.success-stories-inner-footer .top-link a {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-37px;
	display:inline-block;
	padding:8px 15px 8px 35px;
	background:url(../images/top-arrow.png) 15px 12px no-repeat #666;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	-webkit-transition:all .1s ease-out;
	transition:all .1s ease-out
}
.success-stories-inner-footer .top-link a:hover {
	padding-bottom:12px
}
.success-stories-inner-footer .top-link a:active {
	-webkit-transform:scale(.95);
	transform:scale(.95)
}
.success-stories-inner-footer.yap-yap .top-link a {
	background-color:#a067b6
}
.success-stories-inner-footer.mymedi .top-link a {
	background-color:#3f7de4
}
.success-stories-inner-footer.nlgic .top-link a {
	background-color:#3f4fa7
}
.success-stories-inner-footer.health-connect .top-link a {
	background-color:#4c93a7
}
.success-stories-inner-footer.souvice .top-link a {
	background-color:#fa2555
}
.success-stories-inner-footer.lingo .top-link a {
	background-color:#dd2a7c
}
.success-stories-inner-footer.aboki .top-link a {
	background-color:#212121
}
.success-stories-inner-footer.panic-footer .top-link a {
	background-color:#1cb8b7
}
.success-stories-inner-footer.keyplace-footer .top-link a {
	background-color:#1f0e44
}
.success-stories-inner-footer.oslete .top-link a {
	background-color:#206285
}
.success-stories-inner-footer.docsnap .top-link a {
	background-color:#0e9ca6
}
.success-stories-inner-footer.dice .top-link a {
	background-color:#ac0203
}
.success-stories-inner-footer.sthree .top-link a {
	background-color:#ea2d49
}
.success-stories-inner-footer .next-project-link {
	height:260px;
	position:relative;
	padding:45px;
	background-color:#666;
	box-sizing:border-box;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.success-stories-inner-footer.yap-yap .next-project-link {
	background-image:url(../images/yapyap-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#a067b6
}
.success-stories-inner-footer.mymedi .next-project-link {
	background-image:url(../images/mymedi-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#3f7de4
}
.success-stories-inner-footer.nlgic .next-project-link {
	background-image:url(../images/nlgic-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#3f4fa7
}
.success-stories-inner-footer.health-connect .next-project-link {
	background-image:url(../images/healthconnect-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#4c93a7
}
.success-stories-inner-footer.souvice .next-project-link {
	background-image:url(../images/souvice-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#fa2555
}
.success-stories-inner-footer.lingo .next-project-link {
	background-image:url(../images/lingo-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#dd2a7c
}
.success-stories-inner-footer.playsport .next-project-link {
	background-image:url(../images/playsport-footer-bg.jpg);
	background-size:100%;
	background-position:center
}
.success-stories-inner-footer.aboki .next-project-link {
	background-image:url(../images/aboki-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#212121
}
.success-stories-inner-footer.panic-footer .next-project-link {
	background-image:url(../images/panic-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#1cb8b7
}
.success-stories-inner-footer.dice .next-project-link {
	background-image:url(../images/dice-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#ac0203
}
.success-stories-inner-footer.sthree .next-project-link {
	background-image:url(../images/sthree-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#ea2d49
}
.success-stories-inner-footer.oslete .next-project-link {
	background-image:url(../images/oslete-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#206285
}
.success-stories-inner-footer.docsnap .next-project-link {
	background-image:url(../images/docsnap-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#0e9ca6
}
.success-stories-inner-footer.brezza .next-project-link {
	background-image:url(../images/brezaa-footer-bg.jpg);
	background-size:100%;
	background-position:center;
	background-color:#f87a52
}
.success-stories-inner-footer .next-project-link .link-overlay {
	width:100%;
	height:100%;
	background:#fff;
	background:rgba(255,
	255,
	255,
	.1);
	box-shadow:0 0 15px rgba(0,
	0,
	0,
	.15)
}
.success-stories-inner-footer .next-project-link a {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	padding:85px 0 0;
	color:#fff;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.success-stories-inner-footer .next-project-link a span {
	display:block
}
.success-stories-inner-footer .next-project-link a span.title {
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:5px 0 7px;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.success-stories-inner-footer .next-project-link a span.line {
	height:1px;
	width:60px;
	background:#fff;
	margin:0 auto;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.success-stories-inner-footer .next-project-link a span.project-name {
	font-size:40px;
	margin-top:5px;
	font-weight:500;
	text-transform:uppercase;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.success-stories-inner-footer .next-project-link:hover {
	padding:0;
	background-size:110%
}
.success-stories-inner-footer .next-project-link:hover .link-overlay {
	box-shadow:0 0 15px rgba(0,
	0,
	0,
	.15)
}
.success-stories-inner-footer .next-project-link:hover a {
	padding-top:82px
}
.success-stories-inner-footer .next-project-link:hover a span.title {
	margin-bottom:12px;
	letter-spacing:3px
}
.success-stories-inner-footer .next-project-link:hover a span.line {
	width:80px
}
.success-stories-inner-footer .next-project-link:hover a span.project-name {
	margin-top:8px;
	letter-spacing:3px
}
.success-stories-inner-footer .next-project-link:active a {
	-webkit-transform:scale(.95);
	transform:scale(.95)
}
.success-stories-inner-footer .get-a-quote-link {
	text-align:center;
	padding:10px 0
}
.success-stories-inner-footer .get-a-quote-link a {
	display:inline-block;
	padding:10px 40px 10px 10px;
	font-size:20px;
	color:#000;
	font-weight:500;
	text-transform:uppercase;
	background:url(../images/right-arrow-bk.png) right center no-repeat;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.success-stories-inner-footer .get-a-quote-link a:hover {
	padding-right:48px
}
.lab-animation .bulb {
	width:11%;
	position:absolute;
	left:7%;
	top:42%;
	background:#fff
}
.lab-animation .bulb img {
	display:block;
	width:100%
}
.lab-animation .gauges {
	width:16%;
	height:11%;
	position:absolute;
	left:4%;
	top:18.4%
}
.lab-animation .gauge {
	width:6%;
	height:75%;
	background:url(../images/gauge-needle.png) center no-repeat;
	background-size:auto 100%;
	position:absolute;
	top:20%;
	-webkit-animation:gauge 10s ease infinite;
	animation:gauge 10s ease infinite;
	-webkit-transform:rotate(-80deg);
	transform:rotate(-80deg)
}
.lab-animation .gauge1 {
	left:10%;
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}
.lab-animation .gauge2 {
	left:47%;
	-webkit-animation-delay:0;
	animation-delay:0;
	-webkit-animation-duration:13s;
	animation-duration:13s
}
.lab-animation .gauge3 {
	left:84%;
	-webkit-animation-delay:.8s;
	animation-delay:.8s;
	-webkit-animation-duration:11s;
	animation-duration:11s
}
@-webkit-keyframes gauge {
	0%,
	100%,
	40%,
	55% {
		-webkit-transform:rotate(-80deg);
		transform:rotate(-80deg)
	}
	15%,
	25%,
	70%,
	80% {
		-webkit-transform:rotate(80deg);
		transform:rotate(80deg)
	}
}
@keyframes gauge {
	0%,
	100%,
	40%,
	55% {
		-webkit-transform:rotate(-80deg);
		transform:rotate(-80deg)
	}
	15%,
	25%,
	70%,
	80% {
		-webkit-transform:rotate(80deg);
		transform:rotate(80deg)
	}
}
.lab-animation {
	position:relative
}
.lab-animation .bubbles {
	width:15%;
	height:36%;
	position:absolute;
	left:37.4%;
	top:34%;
	border-radius:50%;
	overflow:hidden
}
.lab-animation .bubbles .bubble {
	width:10px;
	height:10px;
	background:#fff;
	border-radius:50%;
	position:absolute;
	bottom:-4%;
	-webkit-animation:bubble 1s linear infinite;
	animation:bubble 1s linear infinite
}
.lab-animation .bubbles .bubble.bubble1 {
	left:15%;
	width:5px;
	height:5px;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.lab-animation .bubbles .bubble.bubble2 {
	left:35%;
	-webkit-animation-delay:0;
	animation-delay:0
}
.lab-animation .bubbles .bubble.bubble3 {
	left:45%;
	width:7px;
	height:7px;
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}
.lab-animation .bubbles .bubble.bubble4 {
	left:65%;
	-webkit-animation-delay:.1s;
	animation-delay:.1s
}
.lab-animation .bubbles .bubble.bubble5 {
	left:87%;
	width:6px;
	height:6px;
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.lab-animation .bubbles .frame {
	width:100%;
	height:3.1%;
	position:absolute;
	left:0;
	bottom:17.4%;
	background:#909090
}
@-webkit-keyframes bubble {
	0% {
		bottom:-4%
	}
	90% {
		opacity:1
	}
	100% {
		bottom:48%;
		opacity:0
	}
}
@keyframes bubble {
	0% {
		bottom:-4%
	}
	90% {
		opacity:1
	}
	100% {
		bottom:48%;
		opacity:0
	}
}
.lab-animation .flame {
	width:1.5%;
	position:absolute;
	left:44.5%;
	top:70.5%
}
.lab-animation .flame img {
	width:100%
}
.lab-animation .drop-outer {
	width:.7%;
	height:32%;
	position:absolute;
	left:88.7%;
	top:44%
}
.lab-animation .drop-outer .drop {
	width:70%;
	height:10%;
	background:#0ff;
	border-radius:100% 100% 50% 50%;
	position:absolute;
	top:10%;
	-webkit-animation:drop 3s linear infinite;
	animation:drop 3s linear infinite
}
@-webkit-keyframes drop {
	0% {
		height:2%;
		top:0
	}
	70% {
		height:7%;
		top:5%
	}
	85% {
		height:7%;
		top:100%;
		background:#b6f8f8
	}
	90% {
		opacity:1;
		height:1%
	}
	95% {
		opacity:0
	}
	100% {
		top:100%;
		opacity:0
	}
}
@keyframes drop {
	0% {
		height:2%;
		top:0
	}
	70% {
		height:7%;
		top:5%
	}
	85% {
		height:7%;
		top:100%;
		background:#b6f8f8
	}
	90% {
		opacity:1;
		height:1%
	}
	95% {
		opacity:0
	}
	100% {
		top:100%;
		opacity:0
	}
}
.project_button a {
	margin:0 5px
}
.page-content-section {
	padding-top:200px
}
.page-content-section .inner-holder {
	max-width:1000px;
	font-size:1.3em;
	margin:0 auto
}
.page-content-section .inner-holder p {
	text-align:left;
	margin-bottom:1.2em
}
.page-content-section .inner-holder strong {
	font-weight:300!important
}
.page-content-section .inner-holder h2 strong {
	font-weight:500!important
}
.header_outer.header-up {
	top:-150px
}
.header_outer.header-down {
	top:0
}
.bottom-contact-tip {
	width:100%;
	position:fixed;
	left:0;
	bottom:-300px;
	padding:35px 50px;
	background:#fff;
	box-shadow:0 -20px 80px rgba(0,
	0,
	0,
	.2);
	z-index:100;
	font-size:1.2em;
	line-height:1.3em;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.bottom-contact-tip.show {
	bottom:0
}
.bottom-contact-tip .inner-holder {
	width:1200px;
	max-width:100%;
	margin:0 auto
}
.bottom-contact-tip .left-section {
	max-width:45%;
	float:left
}
.bottom-contact-tip .left-section a {
	color:#fc732b;
	text-decoration:underline
}
.bottom-contact-tip .email-form {
	max-width:50%;
	float:right;
	position:relative
}
.bottom-contact-tip .email-form input[type=text] {
	border:none;
	border-bottom:solid 1px #999;
	padding:7px 10px;
	width:350px;
	outline:0
}
.bottom-contact-tip .email-form .submit.error {
	border-bottom:solid 1px red
}
.bottom-contact-tip .email-form input[type=text]:focus {
	outline:0;
	border-bottom:solid 1px #fc732b
}
.bottom-contact-tip .email-form .submit {
	border-radius:30px;
	border:1px solid #fc732b;
	padding:10px 30px;
	background:0 0;
	color:#fc732b;
	outline:0
}
.bottom-contact-tip .hide-tip {
	position:absolute;
	left:50%;
	top:-25px;
	height:25px;
	width:60px;
	margin:0 0 0 -30px;
	background:url(../images/down-arrow-close-bk.png) center 8px no-repeat #fff;
	border-radius:5px 5px 0 0;
	cursor:pointer;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.bottom-contact-tip .loader,
.bottom-contact-tip .success-msg {
	position:absolute;
	right:0;
	top:0;
	display:none;
	bottom:0;
	left:0
}
.bottom-contact-tip .hide-tip:hover {
	background-position:center 11px
}
.bottom-contact-tip .success-msg {
	background:#fff
}
.bottom-contact-tip .loader {
	background:#ccc
}
.snapshots-section {
	background:#000;
	padding:100px 0
}
.snapshots-section .container {
	width:85%
}
.snapshots-section .section-header {
	margin-bottom:70px
}
.snapshots-section .section-header .heading {
	text-align:left;
	font-size:3.5em;
	color:#fc732b;
	position:relative;
	padding-bottom:25px;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:2px;
	margin:0 0 30px
}
.snapshots-section .section-header .heading:after {
	content:" ";
	display:block;
	width:130px;
	height:5px;
	background:#fc732b;
	position:absolute;
	bottom:0;
	left:0
}
.snapshots-section .section-header p {
	text-align:left;
	width:100%;
	font-size:2em;
	color:#999;
	letter-spacing:1px;
	line-height:1.5em
}
.snapshots-section .fact-stats-outer {
	font-size:1.8em;
	color:#666;
	text-transform:uppercase
}
.snapshots-section .stat-col {
	width:31.33%;
	margin-right:2%;
	float:left;
	margin-bottom:70px
}
.snapshots-section .stat-col-1 {
	width:38.33%
}
.snapshots-section .stat-col-2 {
	width:34.33%
}
.snapshots-section .stat-col-3 {
	width:21.33%
}
.snapshots-section .stat-count {
	font-size:2em;
	color:#fff;
	margin-bottom:15px
}
.snapshots-section .stat-count div {
	display:inline-block
}
.snapshots-section .stat-title {
	font-weight:400
}
.media-highlights-section {
	background:#000;
	padding:100px 0
}
.media-highlights-section .container {
	width:85%
}
.media-highlights-section .section-header {
	margin-bottom:70px
}
.media-highlights-section .section-header .heading {
	text-align:left;
	font-size:3.5em;
	color:#fc732b;
	position:relative;
	padding-bottom:25px;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:2px;
	margin:0 0 30px
}
.media-highlights-section .section-header .heading:after {
	content:" ";
	display:block;
	width:130px;
	height:5px;
	background:#fc732b;
	position:absolute;
	bottom:0;
	left:0
}
.media-highlights-section .section-header p {
	text-align:left;
	width:70%;
	font-size:2em;
	color:#999;
	letter-spacing:1px;
	line-height:1.5em
}
.media-highlights-section .media-thumbs-outer .media-thumb {
	margin:30px 100px 20px 0;
	display:inline-block;
	vertical-align:middle
}
.media-highlights-section .media-thumbs-outer .media-thumb:last-child {
	margin-right:0
}
.media-highlights-section .media-thumbs-outer .media-thumb img {
	max-height:100px;
	max-width:200px
}
.fp-auto-height.success-stories-inner-footer {
	padding-top:29px
}
.homescreen-content .get-intouch {
	font-size:14px;
	color:#fc732b;
	display:inline-block;
	padding:0;
	background:#fff;
	border-radius:50px;
	position:absolute;
	bottom:30%;
	left:0;
	right:0;
	margin:auto;
	height:40px;
	width:150px;
	text-align:center;
	line-height:40px;
	font-weight:500;
	text-transform:uppercase
}
.text_outer #testing {
	height:250px
}
.homescreen-content .get-intouch span {
	-webkit-transition:.6s all ease-in-out;
	-o-transition:.6s all ease-in-out;
	transition:.6s all ease-in-out
}
.homescreen-content .get-intouch:hover span,
.text_outer #testing:hover .get-intouch span {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	display:block
}
@-webkit-keyframes pulse {
	from,
	to {
		-webkit-transform:scale3d(.95,
		.95,
		.95);
		transform:scale3d(.95,
		.95,
		.95)
	}
	50% {
		-webkit-transform:scale3d(1.05,
		1.05,
		1.05);
		transform:scale3d(1.05,
		1.05,
		1.05)
	}
}
@keyframes pulse {
	from,
	to {
		-webkit-transform:scale3d(.95,
		.95,
		.95);
		transform:scale3d(.95,
		.95,
		.95)
	}
	50% {
		-webkit-transform:scale3d(1.05,
		1.05,
		1.05);
		transform:scale3d(1.05,
		1.05,
		1.05)
	}
}
.pulse {
	-webkit-animation-name:pulse;
	animation-name:pulse
}
.get-intouch-btn {
	width:200px;
	color:#fff;
	line-height:50px;
	height:50px;
	position:relative;
	background:#fc732b;
	font-weight:700;
	font-size:14px;
	color:#fff;
	border-radius:30px;
	text-align:center;
	display:block;
	margin:50px auto;
	text-transform:uppercase;
	transition:.1s all;
	overflow:hidden
}
.get-intouch-btn:after {
	content:'';
	position:absolute;
	top:0;
	left:-200%;
	width:200%;
	height:100%;
	-webkit-transform:skewX(-20deg);
	transform:skewX(-20deg);
	background-image:-webkit-linear-gradient(left,
	transparent,
	rgba(236,
	229,
	171,
	0.3),
	transparent);
	background-image:linear-gradient(to right,
	transparent,
	rgba(236,
	229,
	171,
	0.3),
	transparent);
	animation:shine 1.8s linear infinite
}
.get-intouch-btn:active {
	-webkit-transform:translateY(1px);
	transform:translateY(1px);
	box-shadow:0 0 6px rgba(0,
	0,
	0,
	0.2)
}
.snapshots-section .get-intouch-btn,
.media-highlights-section .get-intouch-btn {
	float:right;
	margin:0
}
.grid-left {
	float:left
}
.snapshots-section .grid-left,
.media-highlights-section .grid-left {
	width:70%
}
.main-circle .service-content {
	top:0
}
.main-circle .service-content .get-intouch-btn {
	margin:10px auto;
	margin-bottom:0;
	height:37px;
	line-height:37px;
	width:150px
}
.artist_footer .get-intouch-btn {
	display:inline-block;
	vertical-align:top;
	height:56px;
	line-height:56px;
	margin:0 0 0 10px
}
.how-it-works-content-outer .get-intouch-btn {
	margin:inherit;
	line-height:inherit;
	height:inherit
}
.how-it-works-content-outer .get-intouch-btn:after {
	display:none
}
.success-stories .get-intouch-btn {
	line-height:inherit;
	height:inherit;
	color:#fff
}
.success-stories .get-intouch-btn:after {
	display:none
}
.office-section .address-tab-content .content .get-intouch-btn {
	margin:20px 0 0;
	font-size:15px;
	line-height:40px;
	height:40px;
	width:185px;
	color:#fff
}
.contact-popup .error-msg {
	font-size:13px;
	color:red;
	padding:5px 0 0
}
#success_request_send .success-msg {
	padding:15px 20px;
	background:green;
	color:#fff;
	border:1px solid green;
	border-radius:5px;
	margin-top:15px;
	text-align:center;
	background:#26b727;
	font-size:20px;
	font-weight:500
}
.black-bg .common_section_outer {
	background:#fff
}
@media screen and (max-width: 1800px) {
	.projects-section .project-detail-section .project-detail .inner-holder {
		left:60px
	}
	.projects-section .project-detail-section .project-detail .project-header h2 {
		font-size:55px
	}
	.projects-section .project-detail-section .project-detail#nlgic .project-header h2 img {
		height:60px
	}
	.projects-section .project-detail-section .project-detail .project-header .project-logo img {
		max-height:75px
	}
	.projects-section .project-detail-section .project-detail .project-img {
		right:20px;
		top:-200px
	}
	.projects-section .project-detail-section .project-detail .project-img>img {
		width:340px
	}
	.snapshots-section .fact-stats-outer {
		font-size:1.6em
	}
	.snapshots-section .stat-col-1 {
		width:33.33%
	}
	.snapshots-section .stat-col-2 {
		width:32.33%
	}
	.snapshots-section .stat-col-3 {
		width:27.33%
	}
	.media-highlights-section .media-thumbs-outer .media-thumb {
		margin-right:130px
	}
	.media-highlights-section .media-thumbs-outer .media-thumb img {
		height:100px
	}
}
@media(max-width: 1600px) {
	.projects-section .project-detail-section .project-detail.nielsen .project-img img,
	.projects-section .project-detail-section .project-detail.cococola .project-img img,
	.projects-section .project-detail-section .project-detail.unilever-food .project-img img {
		width:400px;
	}
	.comming-soon-text {
		font-size:26px;
	}
}
@media screen and (max-width: 1400px) {
	.sthree .intro-screen .logo-area .logo-holder .tagline h1 {
		font-size:14px
	}
	.projects-section .project-list-section .project-list-outer ul {
		padding-bottom:0
	}
	.mobile-frame {
		width:259px;
		height:530px;
		background:url(../images/mobile-screen.png) center center/100% auto no-repeat;
		padding:65px 17px;
		box-sizing:border-box;
		position:absolute;
		left:50%;
		bottom:-80px;
		margin:0 0 0 -130px
	}
	.container {
		/* height:100% */
	}
	.how-it-works .container {
		height:auto
	}
	.app-overview-section {
		height:100%
	}
	.app-overview-section .container {
		display:table
	}
	.internalpage-app .docsnap-content {
		margin-top:0;
		display:table-cell;
		vertical-align:middle
	}
	.internalpage-app .wireframe-section,
	.our-goal,
	.our-goal2 {
		min-height:80%
	}
	.footer-bottom-section {
		margin-left:31%
	}
	.footer-menu,
	.footer-services,
	.footer-social-icons {
		width:23%
	}
	.footer-logo-section {
		width:31%
	}
	.btn-bottom {
		right:72px
	}
	#intercom-container .intercom-app .intercom-launcher-frame {
		margin-right:-15px
	}
}
@media screen and (min-width: 1400px) {
	.inner_service_top h4 {
		text-align:center;
		color:#6f6f6f;
		font-weight:300;
		line-height:1.4em
	}
	.inner_service_top h2 {
		text-align:center;
		font-size:4em;
		font-weight:500;
		margin-bottom:.5em
	}
	.outer_services p {
		padding:0 0 10px;
		letter-spacing:0;
		line-height:1.6;
		text-align:justify;
		font-size:16px;
		font-weight:300
	}
	.container .about h3,
	.taylormade h1 {
		font-weight:500;
		font-size:3em
	}
	.container .about {
		margin-top:250px
	}
	.team_outer {
		padding-top:14em;
		background-color:#f7f7f7
	}
	.common {
		margin:0 auto 2em;
		padding-top:0;
		float:left;
		width:100%
	}
	.taylormade h1 {
		margin-top:0
	}
	.taylormade p {
		font-weight:300;
		color:#333;
		text-align:center;
		font-size:2.3em;
		line-height:1.2
	}
	.left_contact h3 {
		margin-bottom:0;
		font-size:30px;
		font-weight:300;
		text-align:right;
		margin-top:6px;
		color:#777676
	}
	.left_contact h2,
	.left_contact p {
		font-weight:500;
		text-align:right
	}
	.left_contact h2 {
		margin-top:6px;
		margin-bottom:0;
		font-size:33.33px
	}
	.left_contact p {
		margin-top:2em;
		font-size:20px;
		color:#fc732b
	}
	.artist4_left.success h2,
	.artist4_left.success h3 {
		margin-top:0;
		margin-bottom:1px;
		text-align:left;
		padding:0 0 0 16%
	}
	.artist4_left.success h3 {
		font-size:30px;
		font-weight:300;
		color:#777676
	}
	.artist4_left.success h2 {
		font-size:33px;
		font-weight:500
	}
	.artist4_left.success p {
		font-size:20px
	}
	.artist4_left.work h2 {
		font-size:33px
	}
	.artist4_left.work h3 {
		font-size:30px
	}
	.artist4_left.work p {
		font-size:20px
	}
	.artist_left {
		/* margin-top:11em */
	}
	.artist_left.bullet-proof {
		margin-top:13em
	}
	.artist_img.client {
		padding-top:2em
	}
	.artist_footer {
		margin-top:7em
	}
	.artist4_left.success {
		padding-top:80px
	}
	.artist4_left.work {
		padding-top:15em
	}
	.artist_img.work {
		margin-top:11em
	}
	.artist1_left_text,
	.artist_left_text {
		padding:0 8%
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section {
		top:50%;
		margin-top:-260px;
		width:360px;
		height:625px;
		right:-180px
	}
	.internalpage-app .screen-counter {
		margin-top:360px
	}
	.internalpage-app .app-banner .app-background .app-logo-holder,
	.internalpage-app.docsnap .app-banner .app-background .project-logo-holder {
		margin:365px auto 0
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar {
		margin:87px 54px 0 53px;
		height:449px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img {
		width:253px;
		height:449px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller2.image-container {
		margin-top:-449px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller3.image-container {
		margin-top:-898px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .screen-counter img {
		width:auto
	}
	.internalpage-app .screen-counter .counter p {
		font-size:45px
	}
	.internalpage-app .screen-counter .counter-loop {
		height:103px
	}
	.internalpage-app .screen-counter .counter.counter2 {
		margin-top:-82px
	}
	.internalpage-app .screen-counter .counter.counter3 {
		margin-top:-164px
	}
	.container .banner_image {
		margin-top:133px;
		margin-bottom:0
	}
	#capabilies {
		margin-top:0
	}
	.internalpage-app .docsnap-content {
		margin-bottom:75px
	}
	.app-overview-section {
		margin-top:75px
	}
	.parallax-effact-section .parallax-section {
		-webkit-transform:scale(1.5);
		transform:scale(1.5);
		height:700px;
		margin-top:360px
	}
}
@media screen and (max-width: 1399px) {
	.circle-container {
		-webkit-transform:scale(.85);
		transform:scale(.85)
	}
	.project_inner_text p {
		font-size:20px
	}
	.project_logo img {
		width:135px
	}
	.project_img_section img {
		width:250px
	}
	.common_project {
		margin-top:14em
	}
	.project_inner_text {
		margin-top:2em
	}
	.project_button {
		padding-top:5.6em
	}
	.work-section {
		min-height:648px
	}
	.project_button img {
		width:170px
	}
	.yadda .project_img_section {
		padding-top:17.1em;
		position:absolute;
		bottom:0
	}
	.findmii .project_logo img {
		width:100px;
		max-width:100%
	}
	.keyplace .project_logo img {
		width:75px;
		max-width:100%
	}
	.fakhroo .project_logo img {
		width:100px;
		max-width:100%
	}
	.yappr .project_img_section img {
		width:350px;
		max-width:100%
	}
	.yappr .project_button {
		padding-top:3em
	}
	.yadda .project_img_section img {
		width:275px
	}
	.project_text_section {
		width:60%
	}
	.panic .project_logo img {
		width:90px;
		max-width:100%
	}
	.monch .project_logo img,
	.yappr .project_logo img {
		width:110px;
		max-width:100%
	}
	.contact-popup .inner-holder {
		width:45%;
		right:-45%
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-title h3 {
		font-size:25px;
		font-weight:300;
		text-align:center
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element {
		margin-top:25px
	}
	.artist_left {
		margin-top:6em
	}
	.artist_left.bullet-proof {
		margin-top:10em
	}
	.artist4_left.artistpage1 {
		margin-top:4em
	}
	/* .artist5_left {
		margin-top:9em
	} */
	.bottom-contact-tip .email-form input[type=text] {
		width:250px
	}
	.bottom-contact-tip .email-form .submit {
		padding:8px 25px
	}
	.projects-section .project-detail-section .project-detail .inner-holder {
		margin-top:-50px;
		left:85px
	}
	.projects-section .project-detail-section .project-detail .project-header {
		margin-bottom:15px
	}
	.projects-section .project-detail-section .project-detail .project-header h2 {
		font-size:45px
	}
	.projects-section .project-detail-section .project-detail .project-header.left h2 {
		line-height:1.3em
	}
	.projects-section .project-detail-section .project-detail#dice .project-header.left h2 {
		padding-top:0
	}
	.projects-section .project-detail-section .project-detail#dice .project-header h2 img {
		height:40px
	}
	.projects-section .project-detail-section .project-detail#nlgic .project-header h2 img {
		height:55px
	}
	.projects-section .project-detail-section .project-detail .project-header .tagline {
		font-size:16px
	}
	.projects-section .project-detail-section .project-detail .project-description {
		font-size:20px
	}
	.projects-section .project-detail-section .project-detail .project-header .project-logo img {
		max-height:60px
	}
	.projects-section .project-detail-section .project-detail#sthree .project-header .project-logo img {
		height:60px
	}
	.projects-section .project-detail-s.media-highlights-section .section-header pection .project-detail#abokifx .project-header .project-logo img {
		height:35px
	}
	.projects-section .project-detail-section .project-detail .project-img {
		top:-160px;
		right:50px
	}
	.projects-section .project-detail-section .project-detail .project-img>img {
		width:265px
	}
	.projects-section .project-list-section .project-list-outer {
		padding-bottom:43px
	}
	.projects-section .get-a-quote-link {
		height:43px
	}
	.projects-section .get-a-quote-link a {
		font-size:16px;
		padding:10px 40px
	}
	.snapshots-section .section-header .heading {
		font-size:3em
	}
	.snapshots-section .section-header p {
		font-size:1.3em
	}
	.snapshots-section .fact-stats-outer {
		font-size:1.4em
	}
	.media-highlights-section .section-header .heading {
		font-size:3em
	}
	.media-highlights-section .section-header p {
		font-size:1.3em
	}
	.media-highlights-section .media-thumbs-outer .media-thumb {
		margin-right:55px
	}
	.media-highlights-section .media-thumbs-outer .media-thumb img {
		height:80px
	}
}
@media(max-width:1279px){

.projects-section .project-detail-section .project-detail.nielsen .project-img img,
.projects-section .project-detail-section .project-detail.cococola .project-img img,
.projects-section .project-detail-section .project-detail.unilever-food .project-img img {
	width:300px;
}
.comming-soon-text {
	font-size:26px;
}
.projects-section .project-detail-section .project-detail .project-description,
.projects-section .project-list-section .project-list-outer ul li .project-name {
	font-size:17px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.marketing_outer {
		padding-top:13em
	}
	.common {
		margin:0 auto;
		padding-top:0;
		float:left;
		width:100%
	}
	.team_outer {
		padding-top:14em;
		background-color:#f7f7f7
	}
	.outer_services {
		margin-bottom:3em
	}
	.work-section .container {
		width:1000px
	}
	.yadda .col-md-12,
	.yadda .container,
	.yadda .row {
		min-height:648px
	}
}
@media screen and (min-width: 1025px) {
	.animation-true .success-story-intro-section {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0
	}
	.animation-true .projects-section {
		position:absolute;
		left:0;
		right:0;
		top:100%;
		bottom:0
	}
	.animation-true .wrapper {
		overflow:hidden;
		position:relative
	}
	.animation-true .success-story-intro-section .border {
		position:absolute;
		left:50%;
		margin-left:-75px
	}
	.animation-true .success-story-intro-section .banner-text {
		margin-top:25px
	}
	.section1-out .success-story-intro-section h1 {
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out;
		opacity:0;
		-webkit-transform:translate(0,
		-50px);
		transform:translate(0,
		-50px)
	}
	.section1-out .success-story-intro-section .banner-text {
		-webkit-transition:all .3s .2s ease-out;
		transition:all .3s .2s ease-out;
		opacity:0;
		-webkit-transform:translate(0,
		50px);
		transform:translate(0,
		50px)
	}
	.section1-out .success-story-intro-section .scroll-down-indicator {
		-webkit-transition:all .3s .3s ease-out;
		transition:all .3s .3s ease-out;
		opacity:0;
		-webkit-transform:translate(0,
		50px);
		transform:translate(0,
		50px)
	}
	.section1-out .success-story-intro-section .border {
		position:fixed;
		top:50%;
		margin-top:18px;
		-webkit-animation-name:cover;
		animation-name:cover;
		-webkit-animation-duration:1.5s;
		animation-duration:1.5s;
		-webkit-animation-timing-function:ease-in-out;
		animation-timing-function:ease-in-out;
		-webkit-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
		-webkit-animation-delay:.5s;
		animation-delay:.5s
	}
}
@-webkit-keyframes cover {
	33% {
		width:100%;
		left:0;
		height:2px;
		top:50%
	}
	66% {
		height:100%;
		margin-left:0;
		margin-top:18px;
		top:0;
		background:#eee
	}
	100% {
		width:100%;
		height:100%;
		left:0;
		margin-left:0;
		margin-top:0;
		top:0;
		background:#eee
	}
}
@keyframes cover {
	33% {
		width:100%;
		left:0;
		height:2px;
		top:50%
	}
	66% {
		height:100%;
		margin-left:0;
		margin-top:18px;
		top:0;
		background:#eee
	}
	100% {
		width:100%;
		height:100%;
		left:0;
		margin-left:0;
		margin-top:0;
		top:0;
		background:#eee
	}
}
@-webkit-keyframes stretchIn {
	0% {
		width:1px;
		margin-left:0
	}
	100% {
		width:150px;
		margin-left:-75px
	}
}
@keyframes stretchIn {
	0% {
		width:1px;
		margin-left:0
	}
	100% {
		width:150px;
		margin-left:-75px
	}
}
.section2A-in .projects-section {
	top:0;
	padding-bottom:0
}
.section2A-in .projects-section .project-detail-section {
	-webkit-transform:translate(-100%,
	0);
	transform:translate(-100%,
	0)
}
.section2A-in .projects-section .project-list-section {
	-webkit-transform:translate(100%,
	0);
	transform:translate(100%,
	0)
}
.section2A-in .projects-section .get-a-quote-link {
	-webkit-transform:translate(0,
	70px);
	transform:translate(0,
	70px)
}
.section2B-in .projects-section .project-detail-section,
.section2B-in .projects-section .project-list-section {
	-webkit-transform:translate(0,
	0);
	transform:translate(0,
	0);
	-webkit-transition:all .5s ease-out;
	transition:all .5s ease-out
}
.section2B-in .projects-section .get-a-quote-link {
	-webkit-transform:translate(0,
	0);
	transform:translate(0,
	0);
	-webkit-transition:all .5s .5s ease-out;
	transition:all .5s .5s ease-out
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity:0!important
}
body.black-bg .taylormade {
	opacity:0;
}
body.black-bg {
	background:#000
}
.media-highlights-section,
.snapshots-section {
	background:#333
}
.black-bg .media-highlights-section,
.black-bg .snapshots-section {
	background:#000
}
@media screen and (max-width: 1199px) {
	.common,
	.container.header {
		width:100%
	}
	.navigation_left>ul>li {
		float:right;
		list-style:none
	}
	.artist1_left_text {
		padding:0 4%
	}
	.common {
		margin:0 auto 3em;
		padding-top:0;
		float:left
	}
	.team_outer {
		padding-top:14em;
		background-color:#f7f7f7
	}
	.navigation_left>ul>li {
		padding:0 15px
	}
	.navigation_right>ul>li {
		padding:0 15px
	}
	.inner_contact_center {
		float:left;
		width:55%;
		padding-top:6em
	}
	.docsnap .our-goal .app-design p,
	.docsnap .wireframe p,
	.the-result p {
		width:77%
	}
	.outer_services {
		margin-bottom:3em
	}
	.yadda .project_img_section {
		float:left;
		padding-top:10em
	}
	.artist4_left.success p,
	.artist4_left.work p {
		padding:0
	}
	.work-section,
	.yadda .col-md-12,
	.yadda .container,
	.yadda .row {
		min-height:648px
	}
	.success-stories h1 {
		font-size:24px
	}
	.success-stories p {
		font-size:20px
	}
	.artist4_left.artistpage1 {
		margin-top:1.9em
	}
	.how-it-work-section .how-it-works-content.how-work-content {
		right:20px
	}
	.artist5_left {
		margin-top:5em
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot {
		left:35px
	}
	.docsnap .wireframe {
		padding-top:70px
	}
	.docsnap .our-goal .app-design {
		padding-top:240px
	}
	.docsnap .our-goal {
		padding:83px 0 140px
	}
	.the-result {
		margin-top:170px
	}
	.the-result .app-links {
		padding-bottom:160px
	}
	.docsnap .footer-button a {
		margin:50px 7px
	}
	.docsnap .footer-button a span {
		padding:35px 0
	}
	.docsnap .footer-button a span.check-button {
		padding:22px 0
	}
	.internalpage-app .docsnap-content p {
		font-size:25px
	}
	.internalpage-app .common-section h2 {
		font-size:35px
	}
	.internalpage-app .common-section p {
		font-size:25px
	}
	.bottom-contact-tip,
	.contact-page .location p {
		font-size:1.125em
	}
	.the-result .screenshot-slider .screenshot-container {
		width:auto
	}
	.internalpage-app.docsnap .app-banner .app-background .app-logo {
		margin:270px 0 0;
		text-align:center
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section {
		top:95px
	}
	.internalpage-app .app-banner .app-background .app-logo {
		text-align:center
	}
	.internalpage-app .app-banner .app-background .docsnap-title {
		margin-left:0;
		text-align:center
	}
	.internalpage-app.docsnap .app-banner .app-background .docsnap-title {
		left:50%;
		margin-left:-121px
	}
	.internalpage-app .app-banner .app-background .docsnap-title p {
		text-align:center
	}
	.internalpage-app.docsnap .app-banner .app-background .project-logo-holder {
		width:auto;
		margin:270px 0 0
	}
	.internalpage-app.keyplace-inner .keyplace-logo img {
		width:233px
	}
	.internalpage-app.keyplace-inner .docsnap-content {
		margin-top:95px;
		height:100%
	}
	.success-story-image {
		right:87px;
		top:75px
	}
	.contact-popup .inner-holder {
		width:55%;
		right:-55%
	}
	.contact-popup .inner-holder .inner-form .inner-container .submit {
		width:135px;
		padding:10px 0
	}
	.artist_left {
		margin-top:3.1em
	}
	.artist_left h2 {
		margin-bottom:.5em
	}
	.artist_left.bullet-proof {
		margin-top:6em
	}
	.artist_left_text {
		padding:0
	}
	.artist_footer {
		margin-top:0
	}
	.bottom-contact-tip .email-form input[type=text] {
		width:200px
	}
	.bottom-contact-tip .email-form .submit {
		padding:8px 20px
	}
	.contact-page .location h2 {
		font-size:1.3em
	}
	.contact-page .outer_servics.design .location h2 {
		font-size:1.8em
	}
	.inner_service_top h4 {
		font-size:1.25em
	}
	.solution-section .solution-counter {
		width:442px
	}
	.success-banner .apps-banner .app-section1 .app-text {
		top:31px
	}
	.success-story-intro-section h1 {
		font-size:5em
	}
	.success-story-intro-section .banner-text {
		font-size:1.3em
	}
	.projects-section .project-detail-section .project-detail .inner-holder {
		left:50px
	}
	.projects-section .project-detail-section .project-detail .project-header h2 {
		font-size:33px
	}
	.projects-section .project-detail-section .project-detail .project-header.left h2 {
		line-height:1.8em
	}
	.projects-section .project-detail-section .project-detail#nlgic .project-header h2 img {
		height:40px
	}
	.projects-section .project-detail-section .project-detail .project-header .tagline {
		font-size:16px
	}
	.projects-section .project-detail-section .project-detail .project-description,
	.projects-section .project-list-section .project-list-outer ul li .project-name {
		font-size:20px
	}
	.projects-section .project-detail-section .project-detail#sthree .project-header .project-logo img {
		height:50px
	}
	.media-highlights-section .section-header h2:after,
	.snapshots-section .section-header h2:after {
		width:80px;
		height:3px
	}
	.projects-section .project-detail-section .project-detail .project-img {
		right:15px
	}
	.snapshots-section {
		padding:70px 0
	}
	.snapshots-section .section-header {
		margin-bottom:50px
	}
	.snapshots-section .section-header h2 {
		font-size:1.7em;
		padding-bottom:15px
	}
	.snapshots-section .section-header p {
		font-size:1.5em
	}
	.snapshots-section .fact-stats-outer {
		font-size:1.2em
	}
	.media-highlights-section {
		padding:50px 0
	}
	.media-highlights-section .section-header {
		margin-bottom:30px
	}
	.media-highlights-section .section-header h2 {
		font-size:1.7em;
		padding-bottom:15px
	}
	.media-highlights-section .section-header p {
		font-size:1.5em
	}
	.media-highlights-section .media-thumbs-outer .media-thumb img {
		height:60px
	}
	.office-section .address-tabs li {
		float:left;
		width:33.33%;
		max-width:none
	}
	.office-section .address-tab-content {
		padding:0
	}
	.how-it-work-section .how-it-works-content.how-work-content {
		width:350px
	}
	.office-section .address-tabs li {
		width:20%;
		padding:0 5px
	}
	.snapshots-section .section-header .heading,
	.media-highlights-section .section-header .heading {
		font-size:1.7em;
		padding-bottom:15px
	}
	.media-highlights-section .section-header .heading:after,
	.snapshots-section .section-header .heading:after {
		width:80px;
		height:3px
	}
	.projects-section .project-list-section .project-list-outer ul li .list-number,
	.projects-section .project-list-section .project-list-outer ul li .line {
		margin-right:10px
	}
}
@media screen and (max-width: 1023px) {
	.projects-section {
		padding-top:85px;
	}
	.sub_menu {
		width:190px;
		margin-left:-95px
	}
	.sub_menu ul li a {
		font-size:16px
	}
	.navigation_left>ul>li {
		padding:0 15px
	}
	.navigation_right>ul>li {
		padding:0 15px
	}
	.projects-section .project-list-section,
	.success-story-intro-section .scroll-down-indicator {
		display:none
	}
	.container .about {
		margin-top:150px
	}
	.success-story-intro-section {
		height:auto;
		padding:150px 0 100px
	}
	.success-story-intro-section h1 {
		font-size:50px
	}
	.success-story-intro-section .success-banner-content {
		position:static;
		margin:0;
		padding:0 30px
	}
	.projects-section {
		height:auto
	}
	.projects-section .project-detail-section {
		width:100%;
		height:auto;
		float:none
	}
	.projects-section .project-detail-section .project-detail {
		position:relative;
		opacity:1;
		margin:0 0 10px;
		padding-bottom:0;
		height:400px
	}
	.projects-section .project-detail-section .project-detail .project-img {
		top:-150px
	}
	.projects-section .project-detail-section .project-detail .project-img>img {
		width:215px
	}
	.projects-section .get-a-quote-link {
		position:fixed
	}
	.how-it-works .container .banner_image {
		margin-top:100px;
		margin-bottom:20px
	}
	#intercom-container .intercom-app .intercom-launcher-frame {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		margin-bottom:-20px
	}
	.btn-bottom a {
		line-height:28px
	}
	.btn-bottom {
		bottom:6px;
		right:65px
	}
	.copyright {
		padding-top:40px;
		padding-bottom:25px
	}
	.get-intouch-btn {
		height:45px;
		line-height:45px;
		width:180px
	}
	.how-it-work-section .how-it-works-content.how-work-content a {
		width:125px;
		font-size:13px
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.how-it-work-section .how-it-works-content.how-work-content {
		width:285px;
		right:0
	}
	.how-it-work-section .how-it-works-content p span {
		padding-right:5px
	}
	.mobile-menu-trigger {
		float:right;
		margin:10px 0 0;
		display:block;
		cursor:pointer
	}
	.taylormade img {
		display:none!important
	}
	.taylormade {
		width:100%;
		padding-top:80px;
		position:relative;
		padding-bottom:100px;
		z-index:1
	}
	.parallax-image {
		background-image:url(../images/taylormade.png);
		background-size:100%;
		background-repeat:no-repeat;
		background-position:center 0;
		width:100%;
		min-height:400px;
		margin-top:-50px
	}
	.navbar-toggle .icon-bar {
		display:block;
		width:31px;
		background-color:#fff;
		height:2px;
	}
	.navigation,
	.social_icon_outer {
		display:none
	}
	.pull-right {
		float:left
	}
	.navbar-toggle {
		display:block
	}
	.artist4_left.work {
		padding-top:6em
	}
	.text_outer {
		width:300px;
		font-size:31px;
		position:absolute;
		left:50%;
		top:50%;
		margin:-90px 0 0 -150px;
		color:#fff
	}
	.main_circle,
	.right_circle {
		max-width:100%;
		position:relative
	}
	.header_outer.scrolled.about {
		background:0 0
	}
	.step_2 .step_text {
		margin-left:25px
	}
	.contact .row h2 {
		padding-top:0
	}
	.inner_contact_center {
		float:left;
		width:48%;
		padding-top:6em;
		max-width:100%
	}
	.inner_contact_image_left {
		float:left;
		width:20%;
		max-width:100%
	}
	.inner_contact_image_right {
		float:left;
		width:20%;
		padding-top:6em
	}
	.main_circle {
		margin:8em auto 0;
		width:720px
	}
	.social-icons-outer {
		display:none
	}
	.left_outer {
		width:440px;
		text-align:center;
		float:left;
		margin-right:-80px
	}
	.left_outer p {
		color:#7323de;
		font-size:20px;
		font-weight:500
	}
	.left_circle {
		width:440px;
		height:440px;
		border-radius:215px;
		float:left;
		border:3px solid #7323de
	}
	.left_circle_text {
		padding-left:13%;
		float:left;
		padding-top:22%
	}
	.left_circle_text p,
	.right_circle p {
		padding-top:4px;
		padding-bottom:4px;
		font-weight:500
	}
	.left_circle_text p {
		color:#000;
		width:100%;
		text-align:left;
		margin:0;
		float:left;
		font-size:13px
	}
	.left_circle_text hr {
		width:18px;
		border:3px solid #e7e7e8;
		float:left;
		margin:10px 0;
		border-radius:4px
	}
	.right_outer p {
		color:#fa691c;
		font-size:20px;
		font-weight:500;
		text-align:center
	}
	.right_circle p {
		color:#fa691c;
		font-size:13px;
		width:100%;
		margin:0;
		float:right;
		text-align:right
	}
	.right_outer {
		width:440px;
		text-align:center;
		float:left;
		margin-left:-80px
	}
	.right_circle_text {
		padding-right:13%;
		float:right;
		padding-top:22%
	}
	.right_circle_text hr {
		width:18px;
		border:3px solid #e7e7e8;
		float:right;
		margin:10px 0;
		border-radius:4px
	}
	.right_circle {
		width:440px;
		float:left;
		border-radius:220px;
		height:440px;
		border:3px solid #fa691c;
		overflow:hidden
	}
	.center_outer {
		width:300px;
		text-align:center;
		height:300px;
		border-radius:200px;
		position:absolute;
		left:50%;
		top:100px;
		margin-left:-148px
	}
	.center_circle {
		width:440px;
		margin-top:-1px;
		border-radius:220px;
		height:437px;
		background:#5e5865;
		margin-left:-283px
	}
	.center_circle_text p {
		color:#fff;
		text-align:center;
		font-size:12px;
		font-weight:500;
		padding:0;
		margin:0
	}
	.center_circle_text {
		padding-top:3em
	}
	.center_circle_text hr {
		width:18px;
		border:3px solid #848287;
		margin:12px auto;
		border-radius:4px
	}
	.services_nav ul li a {
		text-decoration:none;
		display:block;
		font-weight:500;
		font-size:12px;
		color:#a4a3a3;
		line-height:3
	}
	.logo a {
		display:inline-block
	}
	.outer_services {
		margin-bottom:3em
	}
	.project_inner_text p {
		color:#fff;
		font-size:22px;
		font-weight:300;
		text-align:justify
	}
	.project_button {
		padding:4em 10px 0;
		text-align:center
	}
	.project_button img {
		width:150px
	}
	.work-section {
		width:100%;
		min-height:648px
	}
	.section-nav {
		position:fixed;
		right:14px;
		top:40%;
		margin-top:-175px;
		z-index:1;
		width:35px
	}
}
@media screen and (max-width: 991px) {
	.outer_servics.service-box {
		padding-top:8em;
		margin-bottom:0
	}
	.outer_servics.service-box .inner_service_top h1 {
		font-size:2em
	}
	.outer_services {
		padding-top:1em
	}
	.outer_servics {
		padding-top:8em
	}
	.contact-page .form-element {
		font-size:16px
	}
	.contact-page .middle-section .contact-form .form-element .button {
		font-size:16px
	}
	.company_info {
		margin-top:10em
	}
	.circle-container {
		margin-top:-250px
	}
	.header_outer {
		z-index:3147483647;
		height: 14vh;
	}
	.header_outer.scrolled {
		background:#fff;
		padding-bottom:30px
	}
	.logo {
		left:0;
		margin-left:0;
		background:0 0;
		box-shadow:0 0 0 0 transparent;
		padding-top:0;
		width:auto
	}
	.logo_inner {
		top: 1%;
		background:url(../images/logo.svg) center no-repeat;
		background-size:auto 100%;
		width:189px;
		height:71px;
		margin:0 auto;
		box-shadow:none;
		-webkit-transform:scale(.8);
		transform:scale(.8)
	}
	.header_outer.scrolled .logo_inner {
		background-image:url(../images/logo.svg)
	}
	.taylormade img {
		display:none!important
	}
	.header_outer.scrolled .logo {
		background:0 0
	}
	.mobile-menu-trigger {
		float:right;
		margin:15px 0 0;
		display:block;
		cursor:pointer
	}
	.navbar-toggle .icon-bar {
		display:block;
		width:31px;
		background-color:#fff;
		height:2px;
	}
	.navigation {
		display:none
	}
	.mobile-menu {
		display:inherit;
		width:250px;
		height:100%;
		background:#1e2023;
		box-shadow:0 0 16px;
		right:-270px;
		top:0;
		z-index:100;
		position:fixed;
		overflow:auto
	}
	.mobile-menu ul.menu {
		padding:0;
		margin:0
	}
	.mobile-menu ul.menu li {
		border-top:solid 1px #666;
		list-style:none
	}
	.mobile-menu ul.menu li a {
		font-size:18px;
		text-decoration:none;
		color:#fff;
		display:block;
		padding:.7em 1em
	}
	.mobile-menu .social-icons {
		position:static;
		background:#fff;
		bottom:20px;
		padding:20px 15px
	}
	.mobile-menu .social-icons ul {
		margin:0;
		padding:0;
		list-style:none;
		text-align:left
	}
	.mobile-menu .social-icons ul li {
		display:inline-block;
		padding:0 3px
	}
	.mobile-menu ul.menu li .sub_menu {
		position:static;
		padding-left:0;
		background:#2f3235;
		border-radius:0;
		display:block;
		margin:0;
		width:auto;
		box-shadow:none
	}
	.mobile-menu ul.menu li .sub_menu li a {
		color:#ccc;
		padding:5px 0 5px 40px
	}
	.mobile-menu ul.menu li ul li a:hover {
		background:0 0
	}
	.mobile-menu ul.menu li ul li:first-child a,
	.mobile-menu ul.menu li ul li:last-child a {
		border-radius:0
	}
	.mobile-menu ul.menu li.inactive a {
		cursor:default
	}
	.mobile-menu ul.menu li.inactive a span {
		opacity:.5
	}
	.copyright .bottom_bar_left,
	.copyright .bottom_bar_right {
		display:block;
		width:100%;
		text-align:center;
		margin-bottom:20px
	}
	.copyright .bottom_bar_right ul li {
		float:none;
		display:inline-block;
		padding-top:5px;
		padding-bottom:5px
	}
	.copyright .bottom_bar_right ul li a {
		line-height:1.5
	}
	.social-icons-outer {
		display:none
	}
	.logo a {
		display:inline-block
	}
	.project_inner_text p {
		color:#fff;
		font-weight:300;
		text-align:left;
		font-size:19px
	}
	.project_button,
	.section-nav a span,
	.success-stories {
		text-align:center
	}
	.project_button {
		padding:1em 10px 0
	}
	.work-section {
		width:100%;
		min-height:500px
	}
	.section-nav {
		position:fixed;
		right:14px;
		top:40%;
		margin-top:-175px;
		z-index:1;
		width:35px
	}
	.yadda .col-md-12,
	.yadda .container,
	.yadda .row {
		min-height:500px
	}
	.project_logo img {
		width:125px
	}
	.yappr .project_img_section img {
		width:288px
	}
	.panic .project_logo img {
		width:80px
	}
	.yappr .project_logo img {
		width:90px
	}
	.project_button img {
		width:138px
	}
	.fakhroo .project_logo img {
		width:90px
	}
	.keyplace .project_logo img {
		width:65px
	}
	.monch .project_logo img {
		width:100px
	}
	.section-nav a {
		font-size:1.3em
	}
	.success-story-image {
		position:relative;
		margin:0 auto;
		right:0;
		top:-30px
	}
	.success-story-content {
		margin-top:40px
	}
	.artist_footer {
		margin-top:0
	}
	.artist_left {
		margin-top:2em
	}
	.success-story-content p {
		text-align:center;
		width:auto
	}
	.success-stories {
		padding:114px 40px 90px;
		border:none;
		margin:0
	}
	.artist4_left h2,
	.artist5_left h2,
	.artist_left h2 {
		margin-bottom:.5em;
		font-size:1.5em
	}
	.success-story-image img {
		width:420px
	}
	.artist_left_text {
		padding:0
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image,
	.internalpage-app .wireframe .wireframe-screenshot .wireframe-image {
		width:50%;
		margin-top:80px
	}
	.docsnap .our-goal .app-design p,
	.internalpage-app .common-section p {
		width:100%
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot {
		left:96px
	}
	.internalpage-app .wireframe .challange-section .challanges p {
		padding:0 10px
	}
	.internalpage-app .common-section h2 {
		font-size:30px
	}
	.the-result h2 {
		font-size:38px
	}
	.docsnap .our-goal .goal-content {
		padding:100px 0
	}
	.the-result p {
		width:100%;
		font-size:25px
	}
	.internalpage-app .app-footer h2 {
		font-size:38px
	}
	.internalpage-app .footer-button a {
		margin:35px 7px 50px
	}
	.docsnap .our-goal .app-image img {
		width:520px
	}
	.docsnap .our-goal {
		padding:83px 0 90px
	}
	.docsnap .our-goal .app-design {
		padding-top:165px
	}
	.success-banner .apps-banner {
		margin-top:463px
	}
	.the-result .screenshot-slider .app-features {
		width:50%;
		margin:0;
		text-align:left
	}
	.the-result .screenshot-slider .screenshot-container {
		width:535px;
		max-width:100%
	}
	.the-result .screenshot-slider ul {
		width:auto
	}
	.the-result .screenshot-slider ul li {
		margin:22px 22px 22px 0
	}
	.the-result .screenshot-slider .feature-description {
		width:50%;
		margin-top:125px
	}
	.the-result .screenshot-slider .slider-section {
		width:50%
	}
	.the-result .screenshot-slider .slider-background-image {
		margin:0 auto
	}
	.internalpage-app .app-banner .app-background .docsnap-title h3 {
		font-size:34px
	}
	.internalpage-app .app-banner .app-background .docsnap-title h1 {
		font-size:34px
	}
	.internalpage-app.docsnap .app-logo img {
		width:150px
	}
	.internalpage-app.docsnap .app-banner .app-background .docsnap-title {
		width:100%;
		top:70px;
		left:0;
		margin-left:0
	}
	.the-result .screenshot-slider .feature-description .feature-detail {
		margin-top:100px
	}
	.internalpage-app .docsnap-content p {
		font-size:22px
	}
	.internalpage-app .app-footer {
		padding:30px 0 20px
	}
	.internalpage-app .app-footer .footer-left {
		width:65%
	}
	.internalpage-app .app-footer .footer-right {
		width:35%
	}
	.internalpage-app .app-footer .footer-text .footer-description {
		font-size:20px
	}
	.internalpage-app .app-footer .footer-right .top-link {
		margin-top:95px
	}
	.internalpage-app .app-footer .footer-text .copy-right {
		margin-top:45px
	}
	.internalpage-app .app-footer .flip-container {
		height:45px;
		width:45px;
		padding:9px 13px 12px
	}
	.internalpage-app .app-banner .app-background .docsnap-title {
		margin-left:0;
		text-align:center
	}
	.internalpage-app.yap-yap .app-footer .footer-right .flip-container {
		padding:9px 9px 0
	}
	.success-banner .app-footer .footer-left {
		width:65%
	}
	.success-banner .app-footer .footer-right {
		width:35%
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section {
		top:102px
	}
	.the-result .screenshot-slider .app-features .active-feature {
		left:185px
	}
	.contact-popup .inner-holder {
		width:71%;
		right:-71%
	}
	.contact-popup .inner-holder .inner-form .inner-container .submit {
		width:128px;
		padding:9px 0
	}
	.success-stories-inner-footer .next-project-link:hover {
		padding:45px;
		background-size:100%
	}
	.success-stories-inner-footer .next-project-link:hover .link-overlay {
		box-shadow:0 0 15px rgba(0,
		0,
		0,
		.15)
	}
	.success-stories-inner-footer .next-project-link:hover a {
		padding-top:85px
	}
	.success-stories-inner-footer .next-project-link:hover a span.title {
		margin-bottom:7px;
		letter-spacing:1px
	}
	.success-stories-inner-footer .next-project-link:hover a span.line {
		width:60px
	}
	.success-stories-inner-footer .next-project-link:hover a span.project-name {
		margin-top:5px;
		letter-spacing:.4px
	}
	.success-stories-inner-footer .next-project-link:active a {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	.artist4_left p,
	.artist5_left p,
	.artist_left p {
		font-size:16px
	}
	.artist_left.bullet-proof {
		margin-top:5em
	}
	.success-banner h1 {
		font-size:4em
	}
	.success-banner .success-banner-content {
		width:800px;
		margin-left:-400px;
		padding:0 15px
	}
	.internalpage-app.dice .app-banner .app-background .app-logo-holder {
		width:240px;
		margin:225px auto 0
	}
	.internalpage-app .wireframe .challange-section .challanges h3 {
		width:225px;
		font-size:16px
	}
	.internalpage-app .app-banner .app-background .app-logo-holder {
		margin:225px 0 0;
		width:347px
	}
	.internalpage-app .app-banner .app-background .docsnap-title p {
		text-align:center;
		margin-left:0
	}
	.internalpage-app.nlgic .app-banner .app-background .app-logo img {
		width:109px
	}
	.the-result {
		margin-top:109px
	}
	.internalpage-app .app-design-section .app-design p {
		width:auto
	}
	.snapshots-section {
		padding-bottom:0
	}
	.snapshots-section .container {
		width:96%
	}
	.snapshots-section .section-header p {
		width:auto
	}
	.media-highlights-section .container {
		width:96%
	}
	.media-highlights-section .section-header p {
		width:auto
	}
	.media-highlights-section .media-thumbs-outer .media-thumb img {
		height:75px
	}
	.how-it-work-section .container p {
		max-width:339px
	}
	.how-it-work-section .how-it-works-content p {
		font-size:20px
	}
	.office-section .address-tab-content .content a {
		font-size:21px
	}
	.office-section .address-tab-content .content {
		font-size:23px
	}
}
@media screen and (max-width: 767px) {
	.projects-section .project-detail-section .project-detail.nielsen .project-img img,
	.projects-section .project-detail-section .project-detail.cococola .project-img img,
	.projects-section .project-detail-section .project-detail.unilever-food .project-img img {
		display:none;
	}
	.artist_footer .get-intouch-btn {
		width:200px;
		margin-top:10px
	}
	.how-it-work-section .how-it-works-content.how-work-content {
		width:auto;
		right:0
	}
	.how-it-work-section .how-it-works-content p span {
		padding-right:0
	}
	.text_outer {
		font-size:20px;
		left:50%;
		top:45%;
		margin:-30px 0 0 -150px
	}
	.homescreen-content .get-intouch {
		width:130px;
		bottom:30%;
		height:35px;
		line-height:35px
	}
	.text_outer #testing {
		height:200px
	}
	.footer img,
	.footer_border {
		width:450px;
		max-width:100%
	}
	.footer img,
	.footer_border,
	.inner_page_contact_img img {
		max-width:100%
	}
	.wheel,
	.wheel_section {
		min-height:500px
	}
	.container .about p {
		font-size:18px
	}
	.highlight-text,
	.highlight-text-contact,
	.home-contact {
		text-align:center
	}
	.artist_img.work {
		margin-top:4em
	}
	.artist4_left.success p,
	.artist4_left.work p {
		padding:0
	}
	.slider_img {
		padding-top:2em;
		margin-bottom:3em
	}
	.artist4_left.success h2,
	.artist4_left.success h3,
	.artist4_left.success p,
	.artist4_left.work h2,
	.artist4_left.work h3,
	.artist4_left.work p {
		padding:0;
		text-align:center
	}
	.social-icons-outer {
		display:none
	}
	.taylormade img {
		display:none!important
	}
	.services-graphic-outer,
	.social_icon_outer {
		display:none
	}
	.taylormade h1 {
		font-size:2em
	}
	.inner_page_contact_img {
		text-align:center
	}
	.contact .row h2,
	.contact .row h3,
	.contact .row p {
		text-align:center
	}
	.pull-right {
		float:left
	}
	.left_contact h2 {
		text-align:center
	}
	.left_contact h3 {
		text-align:center;
		margin-top:6px
	}
	.left_contact p {
		text-align:center
	}
	.left_contact {
		padding-top:0
	}
	.artist4_left.success,
	.artist4_left.work {
		padding-top:3em
	}
	.artist_left {
		margin-top:3em
	}
	.footer_inner {
		text-align:center
	}
	.footer_border {
		border-top:2px solid #303039;
		margin:2em auto 0
	}
	.services-mobile {
		margin-bottom:7em;
		padding-top:2em
	}
	.services-mobile .service_inner {
		display:block;
		background-color:#e7e7e8;
		padding:1.5em;
		margin-bottom:20px;
		text-align:left;
		border-radius:5px;
		position:relative
	}
	.services-mobile .service_inner h3 {
		margin:0 0 15px;
		color:#e26749;
		font-size:1.4em
	}
	.services-mobile .service_inner a {
		border-radius:5px;
		display:block;
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0
	}
	.center_circle,
	.center_outer:after,
	.services_nav {
		display:none
	}
	.services-mobile .service_inner p {
		text-align:left;
		font-size:1.1em;
		line-height:1.5em
	}
	.text_outer {
		width:300px;
		font-size:20px;
		position:absolute;
		left:50%;
		top:50%;
		margin:-30px 0 0 -150px;
		color:#fff
	}
	.text span.hover2 {
		font-size:20px
	}
	.center_outer,
	.main_circle,
	.right_circle,
	.right_outer {
		position:relative
	}
	.header_outer.scrolled.about {
		background:0 0
	}
	.stage .row {
		height:auto
	}
	.step_2 .step_text {
		margin-left:25px
	}
	.inner_contact_image_left {
		float:left;
		width:100%;
		text-align:center;
		display:none
	}
	.inner_contact_center {
		float:left;
		width:100%;
		padding-top:0
	}
	.inner_contact_image_right {
		float:left;
		width:100%;
		padding-top:6em;
		text-align:center
	}
	.left_circle,
	.right_circle {
		border-radius:0;
		float:none
	}
	.center_outer,
	.left_circle,
	.right_circle {
		width:550px;
		max-width:100%
	}
	.right_circle {
		height:auto;
		padding-bottom:4em;
		border:3px solid #fa691c;
		overflow:hidden
	}
	.left_circle {
		height:520px;
		border:3px solid #7323de
	}
	.center_circle_text {
		padding-top:3em;
		padding-bottom:2em
	}
	.main_circle {
		margin:8em auto 0;
		width:904px;
		max-width:100%;
		padding:0 25px
	}
	.center_outer {
		text-align:center;
		height:auto;
		border-radius:0;
		left:50%;
		margin-left:-275px;
		margin-top:-200px;
		margin-bottom:-48px;
		top:0;
		z-index:1;
		float:left;
		background:#5e5865
	}
	.left_outer,
	.right_outer {
		width:550px;
		float:none;
		text-align:center;
		max-width:100%
	}
	.success-stories-inner-footer.aboki .next-project-link,
	.success-stories-inner-footer.dice .next-project-link,
	.success-stories-inner-footer.docsnap .next-project-link,
	.success-stories-inner-footer.health-connect .next-project-link,
	.success-stories-inner-footer.keyplace-footer .next-project-link,
	.success-stories-inner-footer.lingo .next-project-link,
	.success-stories-inner-footer.mymedi .next-project-link,
	.success-stories-inner-footer.nlgic .next-project-link,
	.success-stories-inner-footer.oslete .next-project-link,
	.success-stories-inner-footer.panic-footer .next-project-link,
	.success-stories-inner-footer.playsport .next-project-link,
	.success-stories-inner-footer.radiyo .next-project-link,
	.success-stories-inner-footer.souvice .next-project-link,
	.success-stories-inner-footer.sthree .next-project-link,
	.success-stories-inner-footer.tewton .next-project-link,
	.success-stories-inner-footer.utones .next-project-link,
	.success-stories-inner-footer.yap-yap .next-project-link {
		background-image:none
	}
	.right_outer {
		margin-left:auto;
		margin-right:auto
	}
	.left_outer>p,
	.right_outer>p {
		font-size:20px;
		position:absolute;
		left:50%;
		font-weight:500
	}
	.right_outer>p {
		color:#fa691c;
		text-align:center;
		bottom:10px;
		margin-left:-89px
	}
	.left_outer {
		position:relative;
		margin:0 auto
	}
	.left_outer>p {
		color:#7323de;
		margin-left:-70px;
		top:20px
	}
	.center_outer:after,
	.center_outer:before {
		content:" ";
		position:absolute;
		left:0
	}
	.left_circle_text p {
		padding-top:6px;
		padding-bottom:6px;
		color:#000;
		width:100%;
		text-align:center;
		margin:0;
		float:left;
		font-size:16px;
		font-weight:500
	}
	.left_circle_text {
		padding-left:0;
		float:none;
		padding-top:12%
	}
	.left_circle_text hr {
		width:18px;
		border:3px solid #e7e7e8;
		margin:10px auto;
		float:none;
		border-radius:4px
	}
	.right_circle_text {
		padding-right:0;
		float:none;
		padding-top:16%
	}
	.right_circle p {
		float:none;
		text-align:center
	}
	.right_circle_text hr {
		width:18px;
		border:3px solid #e7e7e8;
		float:none;
		margin:10px auto;
		border-radius:4px
	}
	.center_outer:before {
		top:0;
		width:100%;
		border:3px solid #fa691c;
		height:100%;
		border-bottom:solid 3px #7323de
	}
	.center_outer:after {
		bottom:0;
		width:100%;
		border:3px solid #fa691c;
		height:50%;
		border-top:none
	}
	.logo a {
		display:inline-block
	}
	.internalpage-app .screen-counter,
	.taylormade p br {
		display:none
	}
	.project_text_section {
		width:100%;
		float:right
	}
	.project_img_section {
		width:100%;
		padding-top:14em;
		text-align:center
	}
	.project_img_section img {
		max-width:100%
	}
	.project_logo {
		text-align:center
	}
	.project_inner_text {
		margin-top:4em;
		padding:0 10px
	}
	.project_inner_text p {
		color:#fff;
		font-size:20px;
		font-weight:300;
		text-align:justify
	}
	.common_project {
		margin-top:15em
	}
	.project_button {
		padding:4em 10px;
		text-align:center
	}
	.project_button img {
		max-width:100%;
		margin-bottom:2em
	}
	.button_space {
		margin-right:2em
	}
	.section-nav {
		position:fixed;
		right:14px;
		top:40%;
		margin-top:-175px;
		z-index:1;
		width:35px
	}
	.yadda .project_img_section {
		float:right;
		text-align:center;
		width:100%;
		padding-top:4em;
		position:static
	}
	.panic .project_text_section,
	.yadda .project_text_section {
		float:left;
		width:100%
	}
	.yadda .common_project {
		margin-top:4em
	}
	.panic .common_project,
	.yap .common_project {
		margin-top:3em
	}
	.panic .project_img_section {
		float:right;
		text-align:center;
		width:100%;
		padding-top:3em
	}
	.fakhroo .common_project,
	.findmii .common_project,
	.keyplace .common_project,
	.monch .common_project,
	.yappr .common_project {
		margin-top:6em
	}
	.yap .project_text_section {
		width:100%;
		float:left
	}
	.mantra_right,
	.yap .project_img_section {
		float:right;
		width:100%;
		text-align:center
	}
	.yap .project_img_section {
		padding-top:3em
	}
	.mantra_right {
		margin-bottom:2em
	}
	.fakhroo .project_text_section {
		width:100%;
		float:left
	}
	.fakhroo .project_img_section {
		float:right;
		text-align:center;
		width:100%;
		padding-top:0
	}
	.findmii .project_text_section {
		width:100%;
		float:left
	}
	.findmii .project_img_section {
		float:right;
		text-align:center;
		width:100%;
		padding-top:0
	}
	.keyplace .project_img_section {
		width:100%
	}
	.monch .project_img_section,
	.yappr .project_img_section {
		width:auto
	}
	.section-nav a {
		font-size:1.2em
	}
	.how-it-work-section .how-it-works-content p {
		font-size:16px
	}
	.how-it-work-section .how-it-works-content.how-work-content {
		right:0
	}
	.how-it-work-section .container p {
		max-width:250px
	}
	.highlight-text {
		font-size:21px
	}
	.how-it-work-section .how-it-works-content.how-work-content a {
		font-size:15px;
		width:180px;
		margin-top:10px
	}
	.how-it-work-section .how-it-works-content.how-work-content .get-intouch-btn {
		border:none
	}
	.success-stories p {
		line-height:30px
	}
	.artist_top h1,
	.artist_top h2,
	.item-highlight1,
	.taylormade .section-heading,
	.artist_top .heading {
		font-size:1.8em
	}
	.artist_left p,
	.artist_top p,
	.taylormade p {
		font-size:1.1em
	}
	.artist_left p {
		line-height:1.4
	}
	.taylormade p {
		padding:0 15px
	}
	.artist4_left h2,
	.artist5_left h2,
	.artist_left h2 {
		font-size:1.8em
	}
	.sitemap-link {
		width:auto;
		float:none
	}
	.artistpage1 {
		padding-top:3em
	}
	.artist5_left {
		margin-top:3em
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot {
		left:55px
	}
	.docsnap .our-goal .goal-content {
		padding:75px 0
	}
	.docsnap .our-goal p {
		margin:22px auto 0;
		width:100%;
		font-size:22px;
		text-align:center
	}
	.docsnap .our-goal .app-design p {
		text-align:center
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image {
		margin-top:65px
	}
	.docsnap .our-goal .app-design {
		padding-top:140px
	}
	.the-result {
		margin-top:100px
	}
	.the-result p {
		margin:50px auto 0;
		font-size:22px;
		text-align:center
	}
	.the-result .app-links {
		padding-bottom:115px
	}
	.internalpage-app .footer-button a {
		margin:15px 7px;
		width:300px;
		font-size:16px
	}
	.internalpage-app .footer-button a span.check-button {
		padding:15px 0
	}
	.internalpage-app .footer-button a span {
		padding:28px 0
	}
	.internalpage-app .app-footer {
		padding:45px 0 30px
	}
	.success-banner .success-banner-content {
		left:0;
		margin-left:0
	}
	.the-result .screenshot-slider ul li a {
		font-size:14px
	}
	.the-result h3 {
		font-size:45px
	}
	.the-result .screenshot-slider.screenshot-slide2 .app-features .features-loop .feature-counter {
		margin-top:-71px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide3 .app-features .features-loop .feature-counter {
		margin-top:-149px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide4 .app-features .features-loop .feature-counter {
		margin-top:-238px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide5 .app-features .features-loop .feature-counter {
		margin-top:-327px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider .feature-description p {
		width:97%
	}
	.the-result .screenshot-slider .feature-description .feature-detail {
		height:105px;
		overflow:hidden
	}
	.the-result .screenshot-slider .feature-description .feature-detail .feature-inner .feature-section {
		height:105px
	}
	.the-result .screenshot-slider.screenshot-slide2 .feature-description .feature-detail .feature-inner {
		margin-top:-105px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide3 .feature-description .feature-detail .feature-inner {
		margin-top:-210px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide4 .feature-description .feature-detail .feature-inner {
		margin-top:-315px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide5 .feature-description .feature-detail .feature-inner {
		margin-top:-420px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result p {
		margin-top:0
	}
	.success-banner h1 {
		font-size:2.2em
	}
	.success-banner .banner-text {
		font-size:22px
	}
	.internalpage-app .app-design-section .app-design p {
		width:100%
	}
	.internalpage-app .app-banner {
		float:none;
		width:100%
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section {
		position:static;
		margin:0 auto
	}
	.app-footer .footer-text {
		float:none;
		margin-left:55px
	}
	.internalpage-app .app-footer .footer-text .footer-description {
		font-size:17px
	}
	.app-footer .footer-text .copy-right {
		margin-top:35px
	}
	.internalpage-app .app-footer .footer-right .top-link {
		margin-top:-16px
	}
	.internalpage-app.docsnap .app-banner .app-background .app-logo,
	.internalpage-app.docsnap .app-banner .app-background .project-logo-holder {
		margin:130px 0 0
	}
	.internalpage-app.keyplace-inner video {
		margin-top:96px
	}
	.internalpage-app.keyplace-inner .docsnap-content {
		margin-top:60px
	}
	.internalpage-app.keyplace-inner .app-footer .footer-right .flip-container {
		padding:10px
	}
	.internalpage-app .app-footer .footer-right .flip-container {
		padding:9px 13px
	}
	.success-banner .app-footer .footer-text .footer-description {
		font-size:19px;
		text-align:left
	}
	.the-result .screenshot-slider .slider-section {
		width:295px;
		float:right
	}
	.the-result .screenshot-slider .app-features {
		width:39%
	}
	.internalpage-app .banner-section {
		height:auto;
		min-height:auto
	}
	.internalpage-app .app-banner .app-background .app-logo-holder,
	.internalpage-app.dice .app-banner .app-background .app-logo-holder {
		margin:125px auto 0
	}
	.internalpage-app .app-banner .app-background .app-logo img {
		width:60px
	}
	.internalpage-app.docsnap .app-banner .app-background .app-logo img {
		width:135px
	}
	.internalpage-app.utone .app-banner .app-background .app-logo img {
		width:150px
	}
	.success-stories .success-image {
		display:block;
		max-width:100%
	}
	.inner_service_top h4 br,
	.projects-section .project-detail-section .project-detail .project-img,
	.success-stories .success-story-image,
	.success-stories-inner-footer .next-project-link .link-overlay {
		display:none
	}
	.success-stories .success-image img {
		width:420px;
		max-width:100%
	}
	.contact-popup .inner-holder {
		width:80%;
		right:-80%
	}
	.contact-popup .inner-holder .inner-form .inner-container {
		padding:0 22px 55px
	}
	.app-footer .footer-text .footer-description .footer-link {
		font-size:17px
	}
	.success-stories-inner-footer .next-project-link {
		height:135px
	}
	.success-stories-inner-footer .next-project-link a {
		padding:30px 0 0
	}
	.success-stories-inner-footer .next-project-link:hover a {
		padding-top:30px
	}
	.success-stories-inner-footer .next-project-link a span.project-name {
		font-size:30px
	}
	.contact-page .middle-section .contact-form .success-msg,
	.inner_service_top h4 {
		font-size:1.2em
	}
	.contact_location {
		width:100%;
		float:none
	}
	.contact-page .middle-section .contact-form {
		width:100%;
		float:none;
		margin:0 auto
	}
	.bottom-contact-tip {
		padding:15px 20px
	}
	.bottom-contact-tip.show {
		bottom:0
	}
	.bottom-contact-tip .inner-holder {
		max-width:100%;
		margin:0 auto
	}
	.bottom-contact-tip .left-section {
		max-width:100%;
		float:none;
		margin-bottom:15px;
		text-align:center
	}
	.bottom-contact-tip .email-form {
		max-width:100%;
		float:none
	}
	.bottom-contact-tip .email-form input[type=text] {
		width:70%;
		float:left;
		margin-right:2%
	}
	.bottom-contact-tip .email-form .submit {
		width:28%;
		float:left
	}
	.internalpage-app.dice .app-banner .app-background .app-logo img {
		width:98px
	}
	.internalpage-app.dice .app-banner .app-background .banner-border {
		border:none
	}
	.internalpage-app .wireframe .wireframe-screenshot.wireframe-series .wireframe-image {
		width:50%
	}
	.internalpage-app .wireframe .challange-section .challanges {
		float:none;
		width:100%
	}
	.internalpage-app .wireframe .challange-section .challanges p {
		margin-bottom:22px
	}
	.internalpage-app.aboki .app-banner .app-background .app-logo img {
		width:170px
	}
	.internalpage-app .common-section p,
	.internalpage-app .docsnap-content p {
		font-size:1.4em
	}
	.internalpage-app.playsport .app-banner .app-background .app-logo img {
		width:auto
	}
	.internalpage-app.playsport .app-banner .app-background .app-logo {
		margin:0
	}
	.success-banner .apps-banner .app-panel.app-section11 h2 {
		font-size:3em
	}
	.success-banner .apps-banner .app-section11 .app-text {
		margin-left:-72px;
		margin-top:-35px
	}
	.success-banner .apps-banner .app-section5 .app-text img {
		width:185px
	}
	.success-banner .apps-banner .app-section5 .app-text {
		margin-top:-19px;
		margin-left:-106px
	}
	.projects-section .project-detail-section .project-detail .inner-holder {
		position:static;
		text-align:center;
		margin:0
	}
	.projects-section .project-detail-section .project-detail .project-header.left .project-logo {
		float:none;
		margin-right:0
	}
	.projects-section .project-detail-section .project-detail .project-header.left h2 {
		float:none
	}
	.projects-section .project-detail-section .project-detail .project-header.left h2 img {
		display:inline-block
	}
	.projects-section .project-detail-section .project-detail {
		height:auto;
		padding:50px 20px;
		margin-bottom:10px
	}
	.snapshots-section .section-header p {
		font-size:1.2em
	}
	.snapshots-section .fact-stats-outer {
		font-size:1em
	}
	.media-highlights-section .section-header p {
		font-size:1.2em
	}
	.media-highlights-section .media-thumbs-outer .media-thumb {
		margin-right:35px
	}
	.media-highlights-section .media-thumbs-outer .media-thumb img {
		height:65px
	}
	.office-section h2 {
		font-size:1.8em
	}
	.office-section .address-tab-content .clock {
		width:220px
	}
	.office-section .address-tab-content .content {
		margin-left:240px;
		font-size:20px
	}
	.office-section .clock .analog {
		transform:scale(.8)
	}
	.form-element {
		font-size:1.2em
	}
	.contact-page .middle-section .contact-form .form-element .button {
		width:110px;
		padding:7px 0
	}
	.button {
		font-size:16px
	}
	.office-section .address-tabs li span {
		font-weight:400;
		font-size:14px
	}
	.office-section .address-tabs li {
		padding:0 5px
	}
	.how-it-works-content-outer {
		position:static
	}
	.how-it-work-section .how-it-works-content p,
	.how-it-work-section .how-it-works-content p span.highlight-text,
	.how-it-work-section .how-it-works-content.how-work-content a {
		color:#000
	}
	.how-it-work-section .artist_right .animation-inner {
		background:0 0
	}
	.how-it-work-section .artist4_left {
		width:100%
	}
	.how-it-work-section .how-it-works-content.how-work-content {
		position:static;
		text-align:center;
		margin:0 0 30px
	}
	.how-it-work-section .container p,
	.how-it-work-section .how-it-works-content p span.highlight-text {
		text-align:center
	}
	.text2 {
		left:35%
	}
	.text1 {
		left:25%
	}
	.circle-container {
		margin-top:-210px;
		-webkit-transform:scale(.73);
		transform:scale(.73)
	}
	.circle,
	.circle div {
		width:90%;
		height:90%;
		right:0;
		left:0;
		margin:auto
	}
	.circle-container .circle10 ~ .circle {
		display:none
	}
}
@-webkit-keyframes mymove {
	0%,
	100% {
		padding-top:6.5em
	}
	50% {
		padding-top:6em
	}
}
@keyframes mymove {
	0%,
	100% {
		padding-top:6.5em
	}
	50% {
		padding-top:6em
	}
}
.start_project p img {
	max-width:20px
}
.get-intouch-btn {
	height:40px;
	line-height:40px
}
.snapshots-section .grid-left,
.media-highlights-section .grid-left {
	width:100%
}
.snapshots-section .get-intouch-btn,
.media-highlights-section .get-intouch-btn {
	float:left;
	margin-top:5px
}
.success-stories a {
	width:180px;
	margin-top:10px
}
@media screen and (max-width: 767px) and (min-width: 500px) {
	.step_1 .step_images {
		width:250px
	}
	.step_1 .step_images .circles {
		float:none
	}
	.step_1 .rounded_circle {
		right:0
	}
	.step_2 .step_images {
		float:left
	}
	.step_1 .step_text,
	.step_2 .step_text {
		float:none;
		width:auto
	}
	.step_2 .step_images .circles {
		margin-right:0
	}
	.step_2 .step_text {
		margin-left:260px
	}
	.step_2 .step_text h3 {
		text-align:left
	}
	.step_2 .rounded_circle {
		left:50%;
		margin-left:39px
	}
	.first.filled_circle {
		margin-left:0
	}
	.step_text {
		margin-left:260px
	}
	.step_1 .cover,
	.vertical-line {
		left:191px
	}
	.social-icons-outer {
		display:none
	}
	.home_contact {
		margin-top:2em
	}
	.artist_left_text {
		padding:0
	}
	.taylormade {
		width:100%;
		padding-top:11em;
		position:relative;
		padding-bottom:100px;
		z-index:1
	}
	.logo a {
		display:inline-block
	}
	.taylormade img {
		display:none!important
	}
	.work_section_outer {
		width:100%;
		float:left;
		margin-top:2em;
		margin-bottom:3em
	}
	.common_contact {
		margin-top:2em;
		margin-bottom:1em
	}
}
@media screen and (max-width: 599px) {
	.center_outer,
	.step_1 .step_images,
	.step_1 .step_text,
	.step_1 .step_text p,
	.step_2 .step_text,
	.step_2 .step_text p {
		text-align:center
	}
	.logo {
		width:0
	}
	.step_1 .step_images,
	.step_1 .step_text,
	.step_2 .step_images,
	.step_2 .step_text {
		width:100%;
		float:none
	}
	.taylormade h1 {
		font-size:1.9em
	}
	.step_text {
		margin-left:0
	}
	.services-mobile .col-xs-6 {
		width:100%
	}
	.header_outer.scrolled.about {
		background:0 0
	}
	.step_2 .step_text {
		margin-left:25px
	}
	.service_inner {
		height:auto
	}
	.step_1 .step_images .circles {
		display:inline-block;
		margin-right:0
	}
	.step_1 .filled_circle,
	.step_1 .rounded_circle {
		display:inline-block;
		float:left;
		margin:0 10px
	}
	.step_1 .rounded_circle {
		position:static
	}
	.center_circle,
	.social-icons-outer,
	.vertical-line {
		display:none
	}
	.center_outer,
	.main_circle,
	.right_circle,
	.right_outer {
		position:relative
	}
	.step_1 .step_images .circles {
		float:none;
		margin:0 25px 0 0
	}
	.step_1 .step_text h3 {
		margin-top:20px
	}
	.step_2 .step_text {
		margin:0
	}
	.step_2 .step_text h3 {
		margin-top:20px;
		text-align:center
	}
	.filled_circle {
		float:right
	}
	.left_circle,
	.right_circle {
		border-radius:0;
		float:none;
		width:100%;
		max-width:100%
	}
	.step_2 .rounded_circle {
		margin-left:18px
	}
	.step_2 .filled_circle {
		margin-right:8px
	}
	.right_circle {
		height:auto;
		padding-bottom:4em;
		border:3px solid #fa691c;
		overflow:hidden
	}
	.left_circle {
		height:500px;
		border:3px solid #7323de
	}
	.center_circle_text {
		padding-top:3em;
		padding-bottom:2em
	}
	.main_circle {
		margin:8em auto 0;
		width:904px;
		max-width:100%;
		padding:0 25px
	}
	.center_outer {
		width:100%;
		height:auto;
		max-width:100%;
		border-radius:0;
		left:0;
		margin-left:0;
		margin-top:-200px;
		margin-bottom:-48px;
		top:0;
		z-index:1;
		float:left;
		background:#5e5865
	}
	.left_outer,
	.right_outer {
		float:none;
		max-width:100%;
		width:100%;
		text-align:center
	}
	.right_outer {
		margin-left:auto;
		margin-right:auto
	}
	.left_outer>p,
	.right_outer>p {
		font-size:20px;
		position:absolute;
		left:50%;
		font-weight:500
	}
	.right_outer>p {
		color:#fa691c;
		text-align:center;
		bottom:10px;
		margin-left:-89px
	}
	.left_outer {
		position:relative;
		margin:0 auto
	}
	.left_outer>p {
		color:#7323de;
		margin-left:-70px;
		top:20px
	}
	.center_outer:after,
	.center_outer:before {
		content:" ";
		position:absolute;
		left:0
	}
	.left_circle_text p {
		padding-top:6px;
		padding-bottom:6px;
		color:#000;
		width:100%;
		text-align:center;
		margin:0;
		float:left;
		font-size:16px;
		font-weight:500
	}
	.left_circle_text {
		padding-left:0;
		float:none;
		padding-top:12%
	}
	.left_circle_text hr {
		width:18px;
		border:3px solid #e7e7e8;
		margin:10px auto;
		float:none;
		border-radius:4px
	}
	.right_circle_text {
		padding-right:0;
		float:none;
		padding-top:16%
	}
	.right_circle p {
		float:none;
		text-align:center
	}
	.right_circle_text hr {
		width:18px;
		border:3px solid #e7e7e8;
		float:none;
		margin:10px auto;
		border-radius:4px
	}
	.center_outer:before {
		top:0;
		width:100%;
		border:3px solid #fa691c;
		height:100%;
		border-bottom:solid 3px #7323de
	}
	.center_outer:after {
		bottom:0;
		width:100%;
		border:3px solid #fa691c;
		height:50%;
		border-top:none;
		display:none
	}
	.home_contact {
		margin-top:2em
	}
	.artist_left_text {
		padding:0
	}
	.slider_img {
		padding-top:3em
	}
	.taylormade p {
		font-weight:300;
		color:#333;
		text-align:center;
		font-size:1.2em;
		line-height:1.2
	}
	.taylormade {
		width:100%;
		padding-top:8em;
		padding-bottom:100px;
		position:relative;
		z-index:1
	}
	.logo a {
		display:inline-block
	}
	.services-mobile {
		margin-bottom:0;
		padding-top:2em
	}
	.work_section_outer {
		width:100%;
		float:left;
		margin-top:0;
		margin-bottom:2em
	}
	.common_contact {
		margin-top:5em;
		margin-bottom:1em
	}
	.common {
		margin:0 auto 1em;
		padding-top:0;
		float:left;
		width:100%
	}
	.common_project {
		margin-top:11em
	}
	.project_inner_text {
		margin-top:2em
	}
	.project_inner_text p {
		font-size:18px
	}
	.project_button {
		padding:2em 10px
	}
	.project_img_section img,
	.yadda .project_img_section img {
		width:230px
	}
	.panic .project_img_section,
	.yadda .project_img_section {
		padding-top:0
	}
	.fakhroo .common_project,
	.keyplace .common_project,
	.monch .common_project,
	.yappr .common_project {
		margin-top:3em
	}
	.footer img {
		width:400px
	}
	.section-nav a {
		font-size:1em
	}
	.success-stories p {
		line-height:24px;
		font-size:15px
	}
	.home-contact {
		display:inline
	}
	.footer-logo-section,
	.the-result .screenshot-slider .app-features,
	.the-result .screenshot-slider .feature-description {
		display:none
	}
	.container .about p {
		font-size:16px
	}
	.copyright .new-footer {
		padding:0 15px
	}
	.footer-services {
		width:33%
	}
	.footer-menu {
		width:34%
	}
	.footer-social-icons {
		width:33%
	}
	.footer-bottom-section {
		margin-left:0
	}
	.sitemap-link {
		width:auto
	}
	.footer-copyright-text {
		width:100%
	}
	.parallax-image {
		height:220px;
		min-height:220px
	}
	.docsnap .docsnap-content p {
		font-size:22px
	}
	.docsnap .docsnap-content {
		padding-bottom:95px
	}
	.docsnap .our-goal {
		padding:70px 0
	}
	.docsnap .our-goal .goal-content {
		padding:75px 0 20px
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot {
		left:25px
	}
	.docsnap .our-goal .app-image img {
		width:420px
	}
	.the-result {
		margin-top:65px
	}
	.the-result p {
		margin-top:25px
	}
	.the-result .app-links {
		padding-bottom:85px;
		margin-top:45px
	}
	.docsnap .footer-button a span {
		padding:26px 0
	}
	.success-banner h1 {
		font-size:2em
	}
	.success-banner .banner-text {
		font-size:19px
	}
	.the-result .screenshot-slider .slider-section {
		width:100%
	}
	.the-result .screenshot-slider.screenshot-slide1 .slider-background-image .slide-images .slide-screenshot {
		margin-top:0;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide2 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-368px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide3 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-736px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide4 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-1104px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide5 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-1472px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-design-section .app-image {
		overflow:hidden;
		height:400px
	}
	.internalpage-app .common-section p,
	.internalpage-app .docsnap-content p {
		font-size:18px
	}
	.internalpage-app .common-section h2 {
		font-size:22px
	}
	.internalpage-app .app-footer .footer-left,
	.internalpage-app .app-footer .footer-right,
	.success-banner .app-footer .footer-left {
		width:100%;
		margin-bottom:25px
	}
	.success-banner .app-footer .footer-right {
		width:100%;
		float:none;
		margin-bottom:25px
	}
	.app-footer {
		position:relative
	}
	.app-footer .footer-text p.copy-right {
		margin-top:0;
		position:absolute;
		bottom:0;
		padding-bottom:20px
	}
	.app-footer {
		padding:45px 0 30px
	}
	.app-footer .footer-text .copy-right {
		margin-top:20px
	}
	.success-banner .app-footer .footer-text a.copy-right {
		text-align:left
	}
	.internalpage-app.keyplace-inner .app-background .keyplace-background {
		display:block
	}
	.internalpage-app.keyplace-inner video {
		display:none
	}
	.internalpage-app.keyplace-inner .docsnap-content {
		margin-top:50px
	}
	.contact-popup .contact-form-section {
		width:100%;
		margin:0 auto
	}
	.contact-popup .inner-holder {
		width:100%;
		right:-100%
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-title h3 {
		font-size:2.5em
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label {
		padding:8px 18px
	}
	.contact-popup .close-button {
		position:absolute;
		left:auto;
		right:0;
		top:0;
		padding:5px 7px;
		width:30px;
		cursor:pointer;
		background:#000;
		display:inline-block;
		z-index:100
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element {
		font-size:18px
	}
	.contact-popup .inner-holder .inner-form .inner-container .submit {
		width:110px;
		padding:7px 0
	}
	.app-footer .footer-text .footer-description .footer-link {
		font-size:23px
	}
	.internalpage-app .wireframe .challange-section .challanges p,
	.projects-section .project-detail-section .project-detail .project-description {
		font-size:18px
	}
	.side-bar-menu {
		top:auto;
		bottom:0;
		margin-top:0;
		left:0;
		text-align:center;
		width:100%
	}
	.side-bar-menu ul li {
		display:inline-block;
		width:50%;
		float:left;
		margin:0
	}
	.side-bar-menu ul li a,
	.side-bar-menu ul li a:hover {
		width:auto;
		display:block
	}
	.side-bar-menu ul li a {
		background:#fff
	}
	.solution-section .solution-counter {
		width:365px
	}
	.parallax-effact-section .parallax-section {
		-webkit-transform:scale(.6);
		transform:scale(.6)
	}
	.screen-outer {
		top:-136px
	}
	.internalpage-app .wireframe .wireframe-screenshot .wireframe-image {
		margin-top:45px
	}
	.the-result .screenshot-flexslider {
		display:block
	}
	.the-result .screenshot-flexslider .slider .flexslider .flex-direction-nav,
	.the-result .screenshot-flexslider .slider .flexslider ol,
	.the-result .screenshot-slider .slider-section .slide-images {
		display:none
	}
	.the-result .screenshot-flexslider .slider {
		background:0 0;
		padding-top:75px
	}
	.the-result .screenshot-slider ul li {
		margin:0
	}
	.the-result .screenshot-slider .slider-background-image .screenshot-flexslider {
		width:207px;
		margin:0 auto
	}
	.the-result .screenshot-slider .slider-background-image .screenshot-flexslider .flexslider {
		border:none
	}
	.the-result .screenshot-slider .slider-background-image .screenshot-flexslider img {
		width:207px;
		height:368px
	}
	.success-banner {
		padding-bottom:0
	}
	.success-banner .apps-banner .app-section10 .app-text .app-logo img {
		width:65px
	}
	.success-banner .apps-banner .app-section10 .app-text {
		margin-left:-32px;
		margin-top:-56px
	}
	.success-banner .apps-banner {
		margin-top:414px
	}
	.projects-section .project-detail-section .project-detail .inner-holder {
		padding-top:0
	}
	.container .about {
		margin-top:100px
	}
	.office-section {
		margin-top:40px
	}
	.address-tabs {
		display:none
	}
	.office-section .address-outer {
		margin-top:40px
	}
	.office-section .address-tab-content {
		display:block;
		margin-bottom:50px
	}
	.office-section .address-tab-content .clock {
		display:none
	}
	.office-section .address-tab-content .content {
		margin-left:0;
		font-size:16px;
		text-align:center
	}
	.office-section .address-tab-content .content h3 {
		font-size:26px;
		text-align:center
	}
	.office-section .address-tab-content .content h3 span {
		border-width:3px
	}
	.office-section .address-tab-content .content p {
		text-align:left
	}
	.office-section .address-tab-content .content p.email span,
	.office-section .address-tab-content .content p.phone span {
		background-size:18px
	}
	.office-section .address-tab-content .content a.address {
		background-size:26px;
		background-position:-1px 0;
		font-size:16px;
		text-align:left
	}
	.office-section .address-tab-content .content .get-intouch-btn {
		margin:20px auto
	}
}
@media screen and (max-width: 479px) {
	.user_text,
	.user_text1 {
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom:1px solid #000;
		height:25px;
		outline:0
	}
	.envelop-back,
	.envelop-front,
	.social-icons-outer {
		display:none
	}
	.wheel,
	.wheel_section {
		min-height:400px
	}
	.container .about {
		margin-top:80px
	}
	.logo {
		width:0
	}
	.contact-form-holder {
		width:auto;
		max-width:100%;
		background:#fff;
		padding-bottom:25px;
		position:absolute;
		left:0;
		bottom:100px;
		z-index:1;
		margin-left:0;
		-webkit-transition:1s;
		transition:1s;
		box-shadow:0 0 4px rgba(0,
		0,
		0,
		.3)
	}
	.homecontact_form p {
		font-size:20px;
		line-height:1.3;
		margin-bottom:15px
	}
	.user_text1 {
		width:146px
	}
	.user_text {
		width:90px
	}
	.homecontact_form h3 {
		font-size:17px;
		font-weight:500;
		text-align:center
	}
	.blog_img {
		float:left;
		width:100%
	}
	.blog_text {
		float:none;
		padding-top:1em;
		text-align:center;
		line-height:.8
	}
	.blog_inner {
		width:100%;
		height:auto;
		padding-top:6em;
		padding-bottom:0;
		border:1px solid #fff
	}
	.copyright {
		padding-bottom:20px
	}
	.left_circle_text {
		padding-left:0;
		float:none!important;
		padding-top:18%
	}
	.container .about p {
		text-align:center;
		font-size:14px;
		color:#30302f;
		max-width:100%;
		margin-top:15px;
		width:100%;
		line-height:1.3
	}
	.container .about h3 {
		font-weight:500;
		font-size:2em
	}
	.home_contact {
		margin-top:2em
	}
	.taylormade img {
		display:none!important
	}
	.artist_left_text {
		padding:0
	}
	.slider_img {
		padding-top:3em
	}
	.taylormade p {
		font-weight:300;
		color:#333;
		text-align:center;
		font-size:1.1em;
		line-height:1.2
	}
	.taylormade {
		width:100%;
		padding-top:5em;
		position:relative;
		padding-bottom:20px;
		z-index:1
	}
	.logo a {
		display:inline-block
	}
	.services-mobile {
		margin-bottom:0;
		padding-top:2em
	}
	.work_section_outer {
		width:100%;
		float:left;
		margin-top:0;
		margin-bottom:2em
	}
	.common_contact {
		margin-top:3em;
		margin-bottom:3em
	}
	.common {
		margin:0 auto 1em;
		padding-top:0;
		float:left;
		width:100%
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items,
	.sitemap-link {
		float:none
	}
	.section-nav {
		position:fixed;
		right:14px;
		display:none;
		top:40%;
		margin-top:-175px;
		z-index:1;
		width:35px
	}
	.project_inner_text p {
		font-size:16px
	}
	.project_logo img {
		width:110px
	}
	.project_button {
		padding:1em 10px
	}
	.project_button img {
		width:130px
	}
	.yap .project_img_section {
		padding-top:0
	}
	.panic .project_logo img {
		width:70px
	}
	.yappr .project_img_section img {
		width:260px
	}
	.fakhroo .project_logo img {
		width:75px
	}
	.keyplace .project_logo img {
		width:60px
	}
	.success-stories {
		padding:55px 4% 0
	}
	.footer-menu ul li a,
	.footer-services ul li a,
	.footer-social-icons ul li a {
		font-size:13px
	}
	.footer-copyright-text {
		float:none;
		margin-bottom:10px
	}
	.contact_image {
		margin-top:1em
	}
	.success-stories p {
		line-height:24px
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image {
		width:100%
	}
	.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot {
		left:54px
	}
	.docsnap .docsnap-content p {
		font-size:18px
	}
	.docsnap .footer-button a {
		width:243px
	}
	.docsnap .our-goal h2 {
		font-size:28px
	}
	.docsnap .our-goal p {
		font-size:18px
	}
	.the-result h2 {
		font-size:28px
	}
	.the-result p {
		font-size:18px
	}
	.the-result .app-links {
		margin-top:25px
	}
	.internalpage-app .app-footer h2 {
		font-size:28px;
		margin-top:0
	}
	.app-footer .footer-text .footer-description .footer-link,
	.internalpage-app .app-footer .footer-text .footer-description,
	.internalpage-app .footer-button a {
		font-size:14px
	}
	.internalpage-app .footer-button a span.check-button {
		padding:4px
	}
	.internalpage-app .footer-button a span {
		padding:14px 0
	}
	.internalpage-app .app-footer {
		padding:30px 0 44px
	}
	.app-footer .flip-container {
		height:40px;
		width:40px;
		padding:6px 10px 12px
	}
	.internalpage-app.yap-yap .app-footer .footer-right .flip-container {
		padding:7px 7px 0
	}
	.docsnap .our-goal img {
		width:234px
	}
	.docsnap .our-goal .app-image img {
		width:205px
	}
	.docsnap .our-goal .app-image {
		margin-top:68px
	}
	.the-result a img {
		width:170px
	}
	.internalpage-app .wireframe .wireframe-screenshot .wireframe-image {
		width:100%;
		margin-top:40px
	}
	.internalpage-app .app-design-section .app-image {
		height:300px
	}
	.success-banner a.projects {
		margin:50px 0;
		padding:14px 0;
		font-size:15px;
		width:210px
	}
	.success-banner .app-footer .flip-container {
		padding:5px 0 0 1px
	}
	.flipper .footer-image img {
		width:20px
	}
	.internalpage-app.docsnap .app-banner .app-background .app-logo {
		margin:130px 0 0
	}
	.internalpage-app.docsnap .app-banner .app-background .app-logo img {
		margin-right:-65px
	}
	.internalpage-app .app-banner .app-background .docsnap-title h3 {
		font-size:25px
	}
	.internalpage-app .app-banner .app-background .docsnap-title h1 {
		font-size:25px
	}
	.internalpage-app .app-banner .app-background .app-logo-holder {
		width:auto
	}
	.internalpage-app.keyplace-inner .keyplace-logo img {
		width:185px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section {
		width:288px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar {
		margin:80px 43px 0 42px;
		height:359px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img {
		height:359px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller2.image-container {
		margin-top:-359px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller3.image-container {
		margin-top:-718px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller4.image-container {
		margin-top:-1077px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.contact-popup .inner-holder .inner-form .inner-container {
		padding:0 10px 55px
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element {
		font-size:16px
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label {
		padding:8px 13px;
		font-size:13px
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-title p {
		font-size:22px
	}
	.contact-popup .inner-holder .inner-form .inner-container .submit {
		width:95px;
		padding:6px 0;
		font-size:15px
	}
	.solution-section .solution-counter {
		width:227px
	}
	.parallax-effact-section .parallax-section {
		-webkit-transform:scale(.5) translate(-138px);
		transform:scale(.5) translate(-138px)
	}
	.screen-outer {
		top:-91px
	}
	.solution-section .solution-counter .solution-counter1 .solution-number {
		font-size:45px
	}
	.internalpage-app .wireframe .wireframe-screenshot.wireframe-series .wireframe-image {
		width:100%
	}
	.success-stories-inner-footer .get-a-quote-link a {
		font-size:18px
	}
	.success-stories-inner-footer .next-project-link {
		height:108px;
		padding:0
	}
	.success-stories-inner-footer .next-project-link a span.project-name {
		font-size:22px
	}
	.success-stories-inner-footer .next-project-link a span.title {
		font-size:12px
	}
	.success-stories-inner-footer .next-project-link a,
	.success-stories-inner-footer .next-project-link:hover a {
		padding:20px 0 0
	}
	.internalpage-app .our-goal .goal-image img {
		width:210px
	}
	.internalpage-app.dice .our-goal .goal-content {
		padding-top:80px
	}
	.internalpage-app .app-design-section,
	.internalpage-app .our-goal .goal-content,
	.internalpage-app .wireframe {
		padding-top:0
	}
	.internalpage-app .wireframe .wireframe-heading-image {
		width:145px
	}
	.internalpage-app .wireframe .wireframe-detail {
		margin-top:30px
	}
	.internalpage-app.dice .wireframe .challange-section {
		margin:18px 0 0
	}
	.solution-section {
		margin-top:20px
	}
	.solution-section .solution-text {
		margin-top:33px
	}
	.solution-section .solution-image {
		width:140px
	}
	.parallax-effact-section .parallax-frame {
		margin:0 auto
	}
	.the-result {
		margin:0
	}
	.the-result .app-links {
		padding-bottom:2px
	}
	.solution-section .solution-counter .solution-counter1 p {
		font-size:16px
	}
	.solution-section .solution-counter .solution-counter1 {
		margin:0 6px
	}
	.solution-section .solution-counter {
		margin:20px auto 0
	}
	.internalpage-app .wireframe-section {
		margin-top:65px
	}
	.internalpage-app .wireframe .challange-section .challanges p {
		padding:0
	}
	.internalpage-app.nlgic .app-banner .app-background .app-logo-holder .docsnap-title,
	.oslete .the-result .screenshot-slider .slider-background-image {
		margin-left:0
	}
	.success-story-intro-section {
		padding:130px 0 60px
	}
	.success-story-intro-section .success-banner-content .inner-holder {
		padding:0
	}
	.success-story-intro-section h1 {
		font-size:35px
	}
	.success-story-intro-section .banner-text {
		font-size:1.2em
	}
	.projects-section .project-detail-section .project-detail .inner-holder {
		padding-bottom:0
	}
	.projects-section .project-detail-section .project-detail .project-header {
		padding-left:0;
		border:none;
		margin-bottom:25px
	}
	.projects-section .project-detail-section .project-detail .project-header h2 {
		font-size:40px
	}
	.projects-section .project-detail-section .project-detail .project-header .tagline {
		font-size:13px
	}
	.projects-section .project-detail-section .project-detail .project-description {
		padding-left:0;
		font-size:15px;
		margin-bottom:50px
	}
	.media-highlights-section .section-header p,
	.snapshots-section .section-header p {
		font-size:1em
	}
	.projects-section .project-detail-section .project-detail .view-case-study-button {
		padding-left:0
	}
	.snapshots-section .stat-col {
		margin-bottom:40px
	}
	.snapshots-section .stat-col-1,
	.snapshots-section .stat-col-2,
	.snapshots-section .stat-col-3 {
		width:46.33%
	}
	.media-highlights-section .media-thumbs-outer .media-thumb {
		margin-bottom:0;
		margin-right:20px
	}
	.media-highlights-section .media-thumbs-outer .media-thumb img {
		height:40px
	}
	.locaton_nav ul li {
		padding:0;
		padding:0 12px
	}
	.homecontact_form .heading {
		text-align:center
	}
}
@media screen and (max-width: 399px) {
	.projects-section .project-detail-section .project-detail .project-header h2,
	.success-story-intro-section h1 {
		font-size:30px
	}
	.locaton_nav ul li {
		padding:0;
		padding:0 6px
	}
	.locaton_nav ul li a {
		font-size:16px
	}
	.contact-page .middle-section .contact-form {
		padding:40px 0 0
	}
	.contact-page .middle-section .contact-form .form-element .button {
		width:100px;
		padding:6px 0
	}
	.button {
		font-size:15px
	}
	.item.active {
		width:auto;
		margin:0 auto;
		max-width:100%;
		padding:0 5px
	}
}
@media screen and (max-width: 319px) {
	.homecontact_form,
	.taylormade {
		position:relative
	}
	.internalpage-app .wireframe-section,
	.our-goal {
		min-height:auto
	}
	.logo {
		width:0
	}
	.social-icons-outer {
		display:none
	}
	.left_circle_text {
		padding-left:0;
		float:none;
		padding-top:12%
	}
	.container .about p {
		text-align:left;
		font-size:16px;
		color:#30302f;
		max-width:100%;
		margin-top:15px;
		width:100%;
		line-height:1.3
	}
	.container .about h3 {
		font-weight:500;
		font-size:2em
	}
	.home_contact {
		margin-top:2em
	}
	.taylormade img {
		display:none!important
	}
	.artist_left_text {
		padding:0
	}
	.slider_img {
		padding-top:3em
	}
	.taylormade p {
		font-weight:300;
		color:#333;
		text-align:center;
		font-size:1.5em;
		line-height:1.2
	}
	.taylormade {
		width:100%;
		padding-top:5em;
		padding-bottom:100px;
		z-index:1
	}
	.logo a {
		display:inline-block
	}
	.services-mobile {
		margin-bottom:0;
		padding-top:2em
	}
	.work_section_outer {
		width:100%;
		float:left;
		margin-top:0;
		margin-bottom:2em
	}
	.common_contact {
		margin-top:3em;
		margin-bottom:3em
	}
	.error-msg {
		color:red;
		font-style:italic;
		margin-bottom:5px
	}
	.thankyou-msg {
		position:absolute;
		width:100%;
		height:100%;
		padding:50px;
		background:#fff;
		text-align:center;
		left:0;
		top:0;
		font-size:17px;
		font-family:mv_boliregular,
		sans-serif
	}
	.thankyou-msg.fadeout {
		display:none;
		opacity:0;
		-webkit-transition:all .4s ease;
		transition:all .4s ease
	}
	.thankyou-msg.fadein {
		display:block;
		opacity:1
	}
	.homecontact_form .user_text1.error {
		border-bottom-color:red
	}
	.statcounter {
		display:none
	}
	.app-footer {
		padding:30px 0 50px
	}
	.app-footer .footer-text .copy-right {
		margin-top:12px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section {
		width:228px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img {
		width:195px;
		height:347px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar {
		margin:86px 16px 0;
		height:347px
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller1.image-container {
		margin-top:0;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller2.image-container {
		margin-top:-347px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller3.image-container {
		margin-top:-694px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider .slider-background-image {
		width:228px;
		margin-left:-4px
	}
	.the-result .screenshot-slider .slider-background-image .slide-images img {
		width:195px;
		height:347px
	}
	.the-result .screenshot-slider .slider-background-image .slide-images {
		height:347px;
		top:86px;
		left:-1px
	}
	.the-result .screenshot-slider.screenshot-slide1 .slider-background-image .slide-images .slide-screenshot {
		margin-top:0;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide2 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-347px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide3 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-694px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide4 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-1041px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.the-result .screenshot-slider.screenshot-slide5 .slider-background-image .slide-images .slide-screenshot {
		margin-top:-1388px;
		-webkit-transition:all .3s ease-out;
		transition:all .3s ease-out
	}
	.internalpage-app .app-footer {
		padding:30px 0 54px
	}
	.internalpage-app .app-footer .footer-text .copy-right {
		margin-top:15px
	}
	.internalpage-app .our-goal .goal-image.our-goal-image img {
		width:207px
	}
	.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label {
		padding:8px 6px
	}
	.solution-section .solution-counter .solution-counter1 p {
		font-size:15px
	}
	.internalpage-app .common-section p,
	.internalpage-app .docsnap-content p,
	.internalpage-app .wireframe .challange-section .challanges p {
		font-size:14px
	}
	.app-overview-section {
		height:auto;
		margin-top:25px
	}
	.our-goal {
		margin-top:65px
	}
	.internalpage-app .common-section p,
	.souvice .the-result .screenshot-slider .slider-background-image {
		margin:0 auto
	}
	.oslete .the-result .screenshot-slider .slider-background-image {
		margin-left:11px
	}
	.locaton_nav ul li a {
		font-size:14px
	}
}

.awesome {
	-webkit-animation:colorchange 20s infinite alternate;
  }

  @-webkit-keyframes colorchange {
	0% {
	  
	  color: blue;
	}
	
	10% {
	  
	  color: #8e44ad;
	}
	
	20% {
	  
	  color: #1abc9c;
	}
	
	30% {
	  
	  color: #d35400;
	}
	
	40% {
	  
	  color: blue;
	}
	
	50% {
	  
	  color: #34495e;
	}
	
	60% {
	  
	  color: blue;
	}
	
	70% {
	  
	  color: #2980b9;
	}
	80% {
   
	  color: #f1c40f;
	}
	
	90% {
   
	  color: #2980b9;
	}
	
	100% {
	  
	  color: pink;
	}
  }