@charset "utf-8";
/* CSS Document */

/****************************************
			* Typography
****************************************/

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeue.woff2') format('woff2'),
         url('../fonts/HelveticaNeue.woff') format('woff'),
         url('../fonts/HelveticaNeue.ttf') format('truetype'),
         url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueLTProLt';
    src: url('../fonts/HelveticaNeueLTProLt.eot');
    src: url('../fonts/HelveticaNeueLTProLt.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTProLt.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTProLt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTProLt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTProLt.svg#HelveticaNeueLTProLt') format('svg');
}
body {font-family:'HelveticaNeueLTProLt'; padding:0; margin:0; color:#000;}
h1 {font-family:Arial,Helvetica Neue,Helvetica,sans-serif; font-weight:700; font-size:45px; letter-spacing:3px;}
p {font-size:28px;}
.clearfix {*zoom:1;}
.clearfix:before,
.clearfix:after {display:table; line-height:0; content:"";}
.clearfix:after {clear:both;}
.wrapper{width:1024px; height:auto; margin:0 auto;}

/****************************************

****************************************/

/*+++++++ Nav ++++++++*/

.navbar-part> .navbar-default {
	background:#d7ff00;
	border:none;
	padding:13px 0;
}
.navbar-part> .navbar-default li a, .navbar-brand {
	font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#000 !important;
	letter-spacing:5px;
	text-transform:uppercase;
}
.navbar-part> .navbar-default li a:hover, .navbar-brand:hover {
	color:#00f !important;
}


/*%%%%%%% Button %%%%%%%*/
.get-btn> .btn.btn-primary, .digital-btn .btn.btn-primary,
.brain-melting .btn.btn-primary, .scariest-moment .btn.btn-primary {
	font-size:30px;
	font-family:'Source Sans Pro', sans-serif;
	color:#fff;
	border-radius:0;
	border:5px solid transparent;
	height:76px;
	font-weight:700;
	letter-spacing:3px;
}
/*%%%%% End Button %%%%%%%*/


/*+++++++++++ Home Part ++++++++++++*/

.get-start {
	background:url(../images/arrow.png) no-repeat bottom center;
	background-color:#d7ff00;
	padding:164px 0 280px;
}
.expert-gm h1 {
	margin:80px 0 80px;
	line-height:1.3;
}
.expert-gm h1 span {
    font-family: 'HelveticaNeue';
}
.get-btn> .btn.btn-primary {
	background:#4084ff;
	padding:10px 15px;
	position: relative;
    z-index: 999;
}
.get-btn> .btn.btn-primary:hover {
	border-color:#fff;
}


/*+++++++++++++ How We Work +++++++++++*/

.hw-work {
	padding:90px 0 125px;
	position:relative;
	z-index:10;
}


/*++++++++++ Light Blue Part ++++++++++*/

.light-blue-part {
	background:#4084FF;
	padding-bottom:10px;
	overflow:hidden;
}
.light-blue-part .animateme img{
	position:relative;
	z-index:5;
}
.scroll-blue {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*+++++++++++++ Icon-logo Instrument +++++++++++*/

.icon-logo-instrument {
	padding:55px 0 0;
}
.icon-logo-instrument h1 {
	margin-bottom:20px;
}
.icon-logo-instrument p {
	margin-bottom:45px;
}


/*+++++++++++++ Working with Social +++++++++++*/

.ww-social-blog {
	background:#F7F8F8;
	padding:80px 0;
	overflow:hidden;
}
.human-image {
	max-width:170px;
	margin:0 auto;
}
.ww-social p span {
	font-size:18px;
}


/*+++++++++++++ About Marketing Effort +++++++++++*/

.about-marketing-effort {
	padding:60px 0;
}
.about-marketing-effort h1 {
	margin-bottom:50px;
}
.about-marketing-effort p {
	margin-bottom:75px;
}
.digital-bulb {
	margin:0 auto;
	margin-bottom:-230px;
}
.digital-bulb> img.bg-img1 {
	position:relative;
	width:95%;
	z-index:9;
}
.digital-btn {
	position:absolute;
	top:60%;
	left:0;
	right:0;
	z-index:10;
}
.digital-btn .btn.btn-primary {
	background:#4084ff;
	margin-bottom:50px;
	width:90%;
}
.digital-btn .btn.btn-primary:hover {
	border-color:#fad80b;
}


/*+++++++++++++ About Marketing Effort +++++++++++*/

.brain-melting {
	background:#d7ff00;
	padding:70px 0 0;
	max-height:410px;
}
.brain-heading{
z-index:12;
}
.brain-melting h1 {
	margin-bottom:55px;
	line-height:1.3;
}
.brain-melting h1 span {
	font-weight:400;
}
.brain-melting .btn.btn-primary {
	background:#000;
	width:100%;
	margin-bottom:115px;
}
.brain-melting .btn.btn-primary:hover {
	border-color:#fff;
}
.crop-head {
	margin-top:20px;
}


/*+++++++++++++ Micro Management +++++++++++*/

.micro-management {
	padding:108px 0 70px;
}
.micro-management p {
	margin-bottom:60px;
}
.service-item-image {
	max-width:852px;
	margin:0 auto;
}


/*+++++++++++++ Micro Management +++++++++++*/

.op-partner {
	background:#F7F8F8;
	padding:65px 0 115px;
	overflow:hidden;
}
.op-partner h1 {
	margin-bottom:90px;
}
.op-partner h1 span {
	font-weight:400;
}
.hroic {
	margin-top:50px;
}


/*+++++++++++++ Add Value +++++++++++*/

.add-value h1 {
	font-weight:400;
	line-height:55px;
	margin:70px 0 50px;
	
}
.add-value h1 span {
	font-weight:300;
	font-size:38px;
}
.add-value p {
	margin-bottom:80px;
}


/*+++++++++++++ Green Part +++++++++++*/

.green-part {
	background:#23af53;
	padding:65px;
	color:#fff;
	overflow:hidden;
}
.green-part h1 {
	margin-bottom:85px;
}
.green-part h1 span {
	font-weight:400;
}
.green-part ul li {
	margin-bottom:34px;
}
.green-part ul li a {
	color:#fff;
	font-size:28px;
}
li.cont-phone {
    background:url("../images/phone.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding:12px 0 12px 115px;
}
li.cont-email {
	background:url(../images/sms.png) no-repeat left;
    padding:12px 0 0 115px;
}


/*+++++++++++++ Scariest Monent Part +++++++++++*/

.scariest-moment {
	padding:75px 0 100px;
}
.scariest-moment h1 {
	font-weight:400;
	max-width:894px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:45px;
}
.moment-indicate {
	max-width:166px;
	margin:0 auto 45px;
}
.scariest-moment .btn.btn-primary {
	background:#4084ff;
	padding:10px 15px;
}
.scariest-moment .btn.btn-primary:hover {
	border-color:#fad80b;
}

.mobile-image{
	display:none;
}

/*+++++++++++++ Footer-Part +++++++++++*/

.footer-part> nav {
	border-radius:0;
	border:1px solid #fff;;
	margin-bottom:0;
	padding-bottom:15px;
}
.footer-nav ul {
	margin:0;
	padding:15px 0;
}
.footer-nav ul li {
	display:inline;
	border-right:2px solid #337ab7;
	padding:0 10px 0 7px;
}
.footer-nav ul li:last-child {
	border-right:none;
}
.footer-nav ul li a {
	font-size:18px !important;
	letter-spacing:2px;
}


/*==============================================
				*Contact Page
==============================================*/

.contact-form-part {
	padding:100px 0 60px;
}
.contact-form {
	max-width:712px;
	margin:0 auto 0;
	font-family:'HelveticaNeue';
}
.contact-form> form h3 {
	letter-spacing:3px;
	margin-bottom:30px;
}
.contact-form> form input, .contact-form> form textarea {
	margin-bottom:30px;
	background:#f5f5f5;
	border-radius:0;
	padding:3px 6px;
}
.contact-form> form input {
	height:28px;
}
.contact-form> form input[placeholder], .contact-form> form textarea[placeholder] {
	font-style:italic;
}
.contact-form > form input[placeholder]:hover, .contact-form > form textarea[placeholder]:hover {
	background:transparent;
	border-color:#000;
	font-style:normal;
}
.contact-form > form .btn.btn-primary {
    font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:600;
	border-radius:0;
	min-width:130px;
	height:30px;
}
.contact-form  .form-control::-moz-placeholder {
	color:#000;
}

/*==============================================
				*Thank You Page
==============================================*/

#thankyou-page{
	background:#f7f8f8;
}
.thankyou{
	padding-top:100px;
}
.thankyou .container{
	padding:0 10%;
}
.thankyou .container h1 {
    font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:normal;
}
.thankyou .container h1 p {
    font-family: 'HelveticaNeueLTProLt';
}
/*==============================================
				Our Properties
==============================================*/
.our-properties{
	background:#e22534;
	padding:50px 0 80px 0;
	text-align:center;
	color:#fff;
}
.properties-box{
	margin-top:30px;
}
.properties-box a img{
	display:block;
	transition: all 3s ease;
	margin:0 auto;
}
.properties-box a img.properties-img-hover{
	display:none;
	transition: all 3s ease;
}
.properties-box a:hover>img.properties-img{
	display:none;
}
.properties-box a:hover>img.properties-img-hover{
	display:block;
}


/******************************************
			*Media
******************************************/

@media(max-width:1199px){
	.get-btn> .btn.btn-primary, .digital-btn .btn.btn-primary,
	.brain-melting .btn.btn-primary , .scariest-moment .btn.btn-primary {
		font-size:24px;
	}
}

@media(max-width:991px){
	.get-start {padding:164px 0 72px;}
	.digital-bulb {margin:0 auto;}
	.digital-btn {top:38%}
	.digital-btn .btn.btn-primary {width:100%;}
	.green-part ul li a {font-size:24px;}
	li.cont-phone, li.cont-email {padding:14px 0 14px 72px;}
}

@media(max-width:800px){
	 h1 {font-size:32px; text-align:center;}
	.get-btn> .btn.btn-primary, .digital-btn .btn.btn-primary,
	.brain-melting .btn.btn-primary , .scariest-moment .btn.btn-primary {
		font-size:18px;
		height:56px;
	}
	 p {font-size:24px;}
	.top-nav-brand {margin:0;}
	.get-start {padding:80px 0 30px;}
	.di-mouth, .hw-work-list, .call-manager {max-width:320px; margin:0 auto;}
	.expert-gm h1 {margin:0 auto 30px; text-align:center;}
	.digital-btn .btn.btn-primary {margin-bottom:15px;}
	.hw-work, .icon-logo-instrument, .ww-social-blog,
	.micro-management, .brain-melting, .op-partner, .green-part, .scariest-moment {padding:30px 0;}
	.brain-melting {margin-top:-100px;}
	.about-marketing-effort {padding:30px 0 0;}
	.crop-head {max-width:240px;}
	.instrument-icon img {max-height:240px;}
	.gear-img {float:right;}
	.brain-melting h1, .micro-management p, .op-partner h1,
	.add-value p, .green-part h1, .about-marketing-effort p {margin-bottom:30px;}
	.add-value h1 {line-height:1.2;}
	.add-value h1 span {font-size:22px}
	.brain-melting .btn.btn-primary {margin-bottom:0;}
	.digital-btn p {font-size:18px;}
	.hroic {margin-top:0;}
	.add-value h1 {margin:30px 0;}
	.green-part ul {max-width:350px; margin:0 auto;}
	.green-part ul li {margin-bottom:15px;}
	.green-part ul li a {font-size:20px;}
	li.cont-phone {background:url(../images/phone-2.png) no-repeat left;}
	li.cont-email {background:url(../images/sms-2.png) no-repeat left;}
	li.cont-phone, li.cont-email {padding:0 0 0 36px;}
	.moment-indicate {max-width:128px;}
	.brain-melting {max-height:100%;}
	.digital-btn p {text-align: center;}
	.brain-heading .col-sm-6{
		margin:0 auto;
		float:none;
	}
	.navbar-part > .navbar-default li a, .navbar-brand {
		letter-spacing: 2px;
	}
	.mobile-image{
		display:block;
	}
	.scrollme{
		display:none;
	}
}
@media(max-width:768px){
	.digital-bulb> img {display:none;}
	.digital-btn {
		background: url("../images/bulb-1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		padding: 305px 0 120px;
		position: relative;
		z-index: 99;
	}
	.digital-btn>.col-xs-4 {
		float:left;
		width:100%;
	}
	.digital-btn p {text-align: center;}
	.col-sm-4.pull-right.crop-head-top {float:none !important;}
	.crop-head {margin:0 auto;}
	.brain-heading{
		float: none !important;
		margin: 0 auto;
	}
	.contact-form> form input, .contact-form> form textarea {
		margin-bottom:20px;
	}
}

@media(max-width:568px){
	 h1 {font-size:26px;}
	 p {font-size:20px;}
	.digital-btn .btn.btn-primary {font-size:12px; height:40px;}
	.digital-btn p {
		font-family:'HelveticaNeue';
		font-size:16px;
		line-height:1.1;
	}
}

@media(max-width:414px){
	.footer-nav ul{text-align:center;}
	.footer-part a.navbar-brand{
		width:100%;
		text-align:center;
	}
}
@media(max-width:480px){
	.digital-btn {padding: 305px 0 150px;}
}
@media(max-width:360px){
	.di-mouth, .hw-work-list, .call-manager {max-width:180px;}
	.green-part ul li a {font-size:16px;}
}