@charset "utf-8";

/* CSS 2nd version */



@font-face {
    font-family: 'ArsenalRegular';
    src: url('fonts/Arsenal-Regular-webfont.eot');
    src: url('fonts/Arsenal-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Regular-webfont.woff') format('woff'),
         url('fonts/Arsenal-Regular-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Regular-webfont.svg#ArsenalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalItalic';
    src: url('fonts/Arsenal-Italic-webfont.eot');
    src: url('fonts/Arsenal-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Italic-webfont.woff') format('woff'),
         url('fonts/Arsenal-Italic-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Italic-webfont.svg#ArsenalItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalBold';
    src: url('fonts/Arsenal-Bold-webfont.eot');
    src: url('fonts/Arsenal-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Bold-webfont.woff') format('woff'),
         url('fonts/Arsenal-Bold-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Bold-webfont.svg#ArsenalBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalBoldItalic';
    src: url('fonts/Arsenal-BoldItalic-webfont.eot');
    src: url('fonts/Arsenal-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Arsenal-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-BoldItalic-webfont.svg#ArsenalBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear-long {
	clear:both;
	float:none;
	height:50px;
}

.clear-short {
	clear:both;
	float:none;
}

h1 {
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:50px;
	}

h2 {
	
	font-family:'ArsenalBold',Arial, Helvetica, sans-serif;
	font-size:35px;

	}

h3 {
	
	font-family:'ArsenalItalic',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#222222;
	}

h4 {
	
	font-family:'ArsenalBold',Arial, Helvetica, sans-serif;
	font-size:25px;
	padding:5px;
	margin:0;
	
	}

h5 {
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:22px;
	}

h6 {
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0;
	padding:0;	
	}
	
h7 {
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:0;
	padding:0;
	line-height:18px;
	padding:0 0 0 10px;	
	}

p{
	margin:0;
	padding:0;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#eeeeee;
	
}	
em {
	font-style:normal;
	font-weight:bold;
	}

.service-body, .normal-body {
	margin-left:15%;
	margin-right:15%;
	width:70%;
	padding-top:100px;
}

.normal-body p{
	margin:0;
	padding:0;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#eeeeee;
	
}


.normal-body a{
	margin:0;
	padding:0;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#eeeeee;
	text-decoration:none;
	
}

.normal-body  ul {
	list-style: none;
	margin-bottom: 30px;
	padding:0;
	font-family:'ArsenalRegular', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e7e7e7;
}


.service-body h1{
	color:#222222;
	font-size:20px;
	font-family:'ArsenalItalic',Arial, Helvetica, sans-serif;
	padding:5px;
	padding-right:35px;

}

.service-body p{
	margin:0;
	padding:5px;
	padding-right:35px;
	padding-bottom:25px;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:14px;
	color:#222222;
	
}

.service-body ul{
	list-style:none;
	margin:0;
	padding:5px;
	padding-right:35px;
	padding-bottom:25px;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:14px;
	color:#222222;
	
}

.light {
	background-color:#f4f4f4;
	background:url(../../images/backgrounds/bg-pattern-light.png) repeat;
}

.dark {
	background-color:#373737;
    background:url(../../images/backgrounds/bg-pattern-dark.png) repeat;

	

}

.loyalty-Fcolor {
	color:#2A9C22;
}
.media-Fcolor {
	color:#DD3B00;
}
.design-Fcolor {
	color:#FFB60C;
}
.light-Fcolor {
	color:#eeeeee;
}
.events-Fcolor {
	color:#C2000A;
}
.directMarketing-Fcolor {
	color:#004b93;
}
.experiential-Fcolor {
	color:#BA0035;
}
.intelligence-Fcolor {
	color:#40A3FF;
}
.outsourcing-Fcolor {
	color:#B043A0;
}
.light-Fcolor {
	color:#f0f0f0;
}

.loyalty-Bcolor {
	background-color:#2A9C22;
}
.media-Bcolor {
	background-color:#DD3B00;
}
.design-Bcolor {
	background-color:#FFB60C;
}
.events-Bcolor {
	background-color:#C2000A;
}
.directMarketing-Bcolor {
	background-color:#004b93;
}
.experiential-Bcolor {
	background-color:#BA0035;
}
.intelligence-Bcolor {
	background-color:#40A3FF;
}
.outsourcing-Bcolor {
	background-color:#B043A0;
}

.loyalty-img {
    background:url(../../images/backgrounds/services/loyalty_hatching.png) repeat; 
}
.media-img {
    background:url(../../images/backgrounds/services/media_hatching.png) repeat; 
}
.design-img {
    background:url(../../images/backgrounds/services/design_hatching.png) repeat; 
}
.events-img {
    background:url(../../images/backgrounds/services/events_hatching.png) repeat; 
}
.directMarketing-img {
    background:url(../../images/backgrounds/services/dm_hatching.png) repeat; 	
}
.experiential-img {
    background:url(../../images/backgrounds/services/experience_hatching.png) repeat; 
}
.intelligence-img {
    background:url(../../images/backgrounds/services/intel_hatching.png) repeat; 
}
.outsourcing-img {
    background:url(../../imgs/outsourcing_hatching.png) repeat; 
}


.sidebar-box {
	
border-top-right-radius: 10px;
border-bottom-left-radius: 10px; 
padding:15px;

}


.sidebar-box .content {
	
	font-family:'ArsenalRegular', Arial, Helvetica, sans-serif;
	background-color:#222222;
	font-size:14px;
	color:#e7e7e7;
	padding:5px;
	
}

.sidebar-box .contact  {
	font-family:'ArsenalRegular', Arial, Helvetica, sans-serif;
	color:#e7e7e7;
	padding:5px;
	
}

.sidebar-box  h1{
	color:#f0f0f0;
	font-size:30px;
	font-family:'ArsenalBoldItalic',Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0;
	text-align:center;

}

.sidebar-box  h1:hover{
	color:#222222;
}

.sidebar-box a{
	padding:5px;
}


.sidebar-box .content h1{
	color:#f0f0f0;
	font-size:20px;
	font-family:'ArsenalBoldItalic',Arial, Helvetica, sans-serif;

}
.sidebar-box .content h2{
	color:#f0f0f0;
	font-size:15px;
	font-family:'ArsenalItalic',Arial, Helvetica, sans-serif;


}


.sidebar-box .content ul {
	list-style: none;
	margin-bottom: 30px;
	padding:0;
	font-family:'ArsenalRegular', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e7e7e7;
}

.sidebar-box .content li {
	padding-top: 1px;	
	padding-bottom: 1px;
	font-family:'ArsenalRegular', Arial, Helvetica, sans-serif;

}

.arrows-dark li {
	background: url(../../images/icons/arrow-dark.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows li {
	background: url(../../images/icons/arrow-light.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-event li {
	background: url(../../images/icons/arrow-event.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-directMarketing li {
	background: url(../../images/icons/arrow-dm.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-design li {
	background: url(../../images/icons/arrow-design.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-media li {
	background: url(../../images/icons/arrow-media.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-loyalty li {
	background: url(../../images/icons/arrow-loyalty.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-intelligence li {
	background: url(../../images/icons/arrow-intell.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-experiential li {
	background: url(../../images/icons/arrow-experience.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

.arrows-outsourcing li {
	background: url(../../images/icons/arrow-outsourcing.png) no-repeat 0px 5px;
	padding-left: 17px;	
}

/* Grids */
.width100 {
	
	float:left;
	width:100%;
	
	}

.width50 {
	
	float:left;
	width:50%;
	
	}
.width15 {
	
	float:left;
	width:15%;
	
	}
	.width20 {
	
	float:left;
	width:20%;
	
	}
	
.width70 {
	
	float:left;
	width:70%;
	
	}
.width75 {
	
	float:left;
	width:75%;
	
	}
.width25 {
	
	float:left;
	width:25%;
	
	}	
.width60 {
	
	float:left;
	width:60%;
	
	}

.width80 {
	
	float:left;
	width:80%;
	
	}
	
.width80 {
	
	float:left;
	width:90%;
	
	}

.width50 {
	
	float:left;
	width:50%;
	
	}

.width30 {
	
	float:left;
	width:30%;
	
	}
	
.width40 {
	
	float:left;
	width:40%;
	
	}

.width10 {
	
	float:left;
	width:10%;
	
	}

.width20 {
	
	float:left;
	width:20%;
	
	}

.width45 {
	
	float:left;
	width:45%;
	
	}
.service-box {
	float: left;
	margin-right: 30px;
	width: 154px;
	margin-bottom:60px;
	
}

.steps-box {
	float: left;
	margin-right: 0px;
	width: 199px;
	margin-bottom:60px;
	
}

.steps-img  {
	width: 198px;
	height: 140px;
    position:relative;
    margin:0;

}


.steps-img img {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.steps-img img.top:hover {
  opacity:0;
}


.steps-box img {
	border: none;
	margin-left: 0px;
	margin-top:0px;
	padding: 0;
}

.steps-box h4 {
	font-size: 20px;
	color: #323232;
	margin-bottom: 0;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0;
	margin:0;
	margin-left:20%;
}

.service-icon  {
	width: 418px;
	height: 418px;
    position:relative;
    margin:0;


}


.service-icon img {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}


.service-icon img.top:hover {
  opacity:0;
  cursor:pointer;
}



.service-img  {
	width: 118px;
	height: 118px;
    position:relative;
    margin:0;

}


.service-img img {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.service-img img.top:hover {
  opacity:0;
}


.service-box img {
	border: none;
	margin-left: 0px;
	margin-top:0px;
	padding: 0;
}

.service-box h4 {
	font-size: 20px;
	color: #323232;
	margin-bottom: 0;
	font-family:'ArsenalRegular',Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;
}

.service-box span {
	font-size: 11px;
	display: block;
	height:3px;
}

.service-box p {
	margin-bottom: 0;
}

.wheel-box{
float:left;
width:50%;
text-align:center;
-webkit-transition:all 2s ease-in-out;
-moz-transition:all 2s ease-in-out;
-o-transition:all 2s ease-in-out;
-ms-transition:all 2s ease-in-out;


}


.rotate:hover{
-webkit-transform:rotate(180deg);
-webkit-transform-origin:50% 50%;
-moz-transform:rotate(180deg);
-moz-transform-origin:50% 50%;
-o-transform:rotate(180deg);
-o-transform-origin:50% 50%;
-ms-transform:rotate(180deg);
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;

}