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

.grey-wave{
	background-image:url(../img/wave.png);	
}

.pi-btn-contur-3{
	border: 1px solid rgba(250, 250, 250, 0.5);	
}

.slide-text{
	font-size:34px;	
	color:rgba(250,250,250,1);
	text-shadow:1px 1px #888;
}

.icon-steps h3{
	font-size:20px;	
}

.pi-border-bottom-strong-base{
	border-bottom:none;	
}
#pi-mobile-menu-2{
		
}

.pi-icon-box-icon-circle.pi-icon-box-icon-base{
	background-color:#7aaed5 !important;
}

.pi-icon-box-icon-circle.pi-icon-box-icon-base:hover{
	background-color:#093c71 !important;
}

.pi-btn-base{
	background-color:#7aaed5;
	border:1px solid #5ba2d7;
	box-shadow: 0px 1px 0px #91b6d2 inset;
	-webkit-box-shadow: 0px 1px 0px #91b6d2 inset;
	-moz-box-shadow: 0px 1px 0px #91b6d2 inset;		
}

.pi-btn-base:hover{
	background-color:#65a5d4;	
	border:1px solid #4c9cd7;
	box-shadow:0px 1px 0px #81accd inset;
	-webkit-box-shadow:0px 1px 0px #81accd inset;
	-moz-box-shadow:0px 1px 0px #81accd inset;
}

.pi-counter-progress {
	background-color:#7aaed5 !important;
}

.pi-counter-progress.pi-bar-three{
	background-color:#3e84b9 !important;
}
.pi-counter-progress.pi-bar-four{
	background-color:#3e84b9 !important;
}

.magnetix-blue-bg{
	background-color:#2e66a1;	
}

.magnetix-blue-color{
	color:#2e66a1;
	color:#FFF;
}

.green-container{
	margin:-110px 0 25px 0;
	padding:0 20px 0 20px;
	max-width:920px;
	width:100%;
	height:100px;
	color:#FFF;
	left:90px;
	text-align:center;
	position:relative;
	background-color:#84b365;
	background-color:#92b069; /* NEW ONE */
	font-size:17.5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table;
	vertical-align:middle;
}

.cell{
	display:table-cell;
	vertical-align:middle;
}

.green-container p{
	margin:0;
	padding:0;	
}

.green-container:before{
	position:absolute;
	top:0;
	left:-100px;
	display:block;
	content:"";
	width:104px;
	height:100px;
	background-image:url(../img/CM_graphic.svg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:-2px center;
	
	
	background-color:#84b365;
	background-color:#92b069; /* NEW ONE */
	border-top-left-radius:100%;
	-webkit-border-top-left-radius:100%;
	-moz-border-top-left-radius:100%;
	border-bottom-left-radius:100%;
	-webkit-border-bottom-left-radius:100%;
	-moz-border-bottom-left-radius:100%;
		
}

.green-container:after{
	position:absolute;
	top:0px;
	right:-49px;
	content:"";
	display:block;
	border-left:50px solid #84b365;
	border-left:50px solid #92b069; /* NEW ONE */
	border-bottom:50px solid transparent;
	border-top:50px solid transparent;
	z-index:1;
}
@-moz-document url-prefix(){
	.green-container:before{
		background-position:left center;
	}
}
/*
@-moz-document url-prefix(){
	.green-container:after{
		border-left:50px solid #92b069;
	}
	.green-container:before,
	.green-container{
		background-color:#92b069;	
	}

}*/

.about-image{
	max-width:410px;	
}

.above-all,
.pi-header-sticky{
	z-index:9999;	
}



.image-container img{
	width:100%;
	height:auto;
}

.copyright{
	background-color:#3c3c3c;
}

.copyright a{
	color:inherit;	
}

.connect-container h2,
.connect-container p,
.connect-container{
	color:#FFF;	
}

.connect-container a{
	margin:5px 0 0 0;
	padding:7.5px 20px 7.5px 20px;
	border:2px solid #FFF;
	color:#FFF;	
	display:inline-block;
	font-weight:bold;
	letter-spacing:1px;
}

.connect-form{
	margin:0 auto;
	padding:25px 25px 25px 25px;
	max-width:640px;
	background-color:#2e66a1;
	color:#FFF;	
}

.connect-form button{
    margin:0 auto;
}

label{
	margin:15px 0 0 0;
	display:block;	
}

.required{
    color:red;   
}

.checkboxes label{   
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"]{
	margin:0 0 0 0;
	padding:0 10px 0 10px;
	width:100%;
    height:35px;
    line-height: 35px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #ddd;	
	outline:none;
}

.connect-us{
	background-position:center center;
	background-size:cover;
	background-image:url(../img/contact-us-background-image.jpg);	
	color:#FFF;
}

.connect-us h1{
	margin:50px 0 25px 0;
}	

.connect-us h1,
.connect-us h2,
.connect-us p,
.connect-us a,
.connect-us b{
	color:#FFF !important;	
}

/* HOMEPAGE */
.h-section{
	font-size:20px;	
}
.custom-slide-text{
	color:#FFF;
	font-size:72px;
	line-height:130%;
	font-weight:600;
}

.custom-slide-text span{
	color:#e6e4ad;	
}

#how-we-are-different{
	background-color:#729bcf;
	color:#FFF;
}

#how-we-are-different .lighter{
	color:rgba(255,255,255,0.5) !important;
}

.boxy{
	background-color:rgba(255,255,255,0.1);
	display:block;
	position:relative;
}

.boxy:before{
	position:absolute;
	top:0;
	left:49%;
	left:calc(50% - 17.5px);
	left:-webkit-calc(50% - 17.5px);
	left:-moz-calc(50% - 17.5px);
	width:0;
	height:0;
	content:"";
	border-top:35px solid #729BCF;
	border-left:35px solid transparent;
	border-right:35px solid transparent;
}

#sales-resources p{
	color:#333;	
}

#who-we-are h2,
#marketing-strategy h2,
#customer-insight h2,
#content-creation h2,
#campaign-development h2,
#sales-resources h2{
	color:#29527e;
}

#who-we-are h2:after,
#marketing-strategy h2:after,
#customer-insight h2:after,
#content-creation h2:after,
#campaign-development h2:after,
#sales-resources h2:after{
	background:#29527e;
}

#how-we-are-different h2,
#our-capabilities h2,
#our-capabilities h3{
	color:#FFF;	
}

#how-we-are-different h2:after,
#our-capabilities h2:after{
	background:#FFF;	
}

#sales-resources{
	background-image:url(../img/sales-resources-parallax-background-full.png);
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
}

#our-capabilities{
	min-height:600px;
	background-image:url(../img/section-3-background-image-our-capabilities-modified.png);
	background-size:cover;
	background-position:center center;
}

#customer-insight{
	background-image:url(../img/section-5-background-image-customer-insight.png);
	background-position:center center;
	background-size:cover;
}

#content-creation{
	/*background-image:url(../img/section-6-image-content-creation.png);	*/
	background-position:center center;
	background-size:cover;
}

#campaign-development{
	background-image:url(../img/section-7-background-image-campaign-development.png);
	background-position:right center;
	background-size:auto;
	background-repeat:no-repeat;
	background-color:#eaeaeb;
}


.people{
	width:20%;
	float:left;
	text-align: center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.people:nth-child(1){ padding-right:45px;}
.people:nth-child(2){ padding-left:25px;}
.people:nth-child(3){ padding-right:15px;}
.people:nth-child(4){ padding-right:45px; }
.people:nth-child(5){ padding-right:20px;}

.people h3{
	font-size:20px;	
	font-weight:600;
}

/* CONNECT PAGE */
textarea{
	width:100%;	
	margin:0 0 0 0;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #ddd;	
	outline:none;
}

/* PAGE ABOUT */.page-about{
	/*background-image:url(../img/mark-wall-bg-2.jpg);*/
	background-position:center center;
	background-size:cover;
	background-color: #fff;
	color:#000;
}.page-about h2{
	font-size:25px;	
	color:#000;
}


.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
}

.about-caption{
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#2e66a1;
	color:#fff;
	position:relative;
}

.about-caption:before{
	content:"";
	margin:0 auto;
	width:20px;
	height:20px;
	position:absolute;
	top:-10px;
	left:49%;
	left:calc(50% - 10px);
	left:-webkit-calc(50% - 10px);
	left:-moz-calc(50% - 10px);
	display:block;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	background-color:#2e66a1;	
}

/* SUPPORT PAGES */
figcaption{
	font-weight:bold;
	font-size:18px;	
}

.page-container h3,
.page-container h2{
	font-size:20px;
}

.move-left{
	margin-left:135px;	
}

a,
b{
	color:inherit !important;	
}

a.btn-magnetix{
	margin:15px auto 0 auto;
	padding:7.5px 10px 7.5px 10px;
	border:2px solid #29527e;
	color:#29527e;	
	display:inline-block;
	font-weight:bold;
	letter-spacing:1px;
}

a.btn-magnetix:hover{
	background-color:rgba(41,82,126,0.50);
	color:#FFF;
}

.show-medium{
	display:none;	
}

.notification{
	margin:25px auto 0 auto;
	padding:15px;
	max-width:640px;
	background-color:#27ae60;
	color:#FFF;	
	text-align:center;
}

.notification.error{
	background-color:#c0392b;	
}

/* SUPPORTING PAGE */
.supporting-page h2{
	font-size:20px;
}

/* SLIDER MODIFICATIONS */
.tp-bullets,
.tp-leftarrow,
.tp-rightarrow{
	display:none !important;	
}

.imgres{
	margin:65px 0 0 0;
	padding:0 0 0 0px;
	text-align:center;
}
.imgres img{
	margin:0 50px 0 0;
	float:right;
	max-width:225px;
	height:auto;
	width:100%;	
}

.pi-row-block-logo img{
	margin-top:22.5px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	width:250px;
	height:auto;
}

.pi-row-reduced .pi-row-block-logo img{
	margin-top:16.5px;
	width:200px;	
}

.ccaption{
	position:absolute;
	bottom:0;
	left:	
}

@media (max-width:1200px){
	.green-container{
		padding-top:75px;
		padding-bottom:50px;
		margin-bottom:75px;
		max-width:100%;
		left:0;
	}
	.green-container:before{
		top:-50px;
		left:45%;	
		left:calc(50% - 50px);
		left:-wekbkit-calc(50% - 50px);
		left:-moz-calc(50% - 50px);
		border-radius:100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		background-position:0px -1px;
	}
	.green-container:after{
		left:45%;
		left:calc(50% - 50px);
		left:-wekbkit-calc(50% - 50px);
		left:-moz-calc(50% - 50px);
		top:auto;	
		bottom:-100px !important;
		width:50px;
		border-left:50px solid transparent;
		border-top:50px solid #92b069;
		border-right:50px solid transparent;
		z-index:1;
	}
	#our-capabilities{background-image:none; background-color:#29527e;}
	#campaign-development{ background-size:
}

@media (max-width:980px){
	
	.people{margin:25px 0 0 0; width:100%;	padding:0 !important;}
	.people br{ display:none; }
	.show-medium{ display:block; }
	#campaign-development,
	#content-creation{ background-image:none; }
	.pi-padding-top-medium-10{ padding-top:10px !important;}
	#campaign-development{ background-color:#eaeaec; }
	.custom-slide-text{ font-size:40px; }
	.imgres img{ max-width:240px; }
	.green-container br{ display:none; }
	.green-container:before{ background-color:none; background-position:left center; background-size:cover;}
	.medium-no-padding{ padding:0; }
	.blog h1{ margin-top:20px; }
	#customer-insight{ background-image:none; background-color:#b3deff;}.page-about{ background-image:none; color:#000; }.page-about .overlay{ display:none; }.page-about h2,.page-about h3,.page-about h4{ color:#000; }
	#sales-resources{background-attachment:inherit; }
	.imgres{ margin:0 0 0 0; }
	.imgres img{ padding:0; float:none; margin-left:0; margin-right:0; }
	.about-image{ max-width:100%; }
 
@media (max-width:480px){
	/*.custom-slide-text br{display:none; }	*/
	.custom-slide-text{ padding-left:25px; font-size:20px; }
	.blog h1{ margin-top:20px; }
	.pi-row-block-logo{ max-width:150px; }
	.pi-row-block-logo img{ width:100%; margin-top:32.5px; }
	.imgres img{ max-width:125px; }

}