@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
@charset "utf-8";
body{
	font:Arial, Helvetica, sans-serif !important;
	
	
	}
#main_wrapper{
	width:100%;
	height:100%;
	
	
	}
#wrapper {
	width:1024px;
	margin:auto;
	padding:0;
	
	
	
}
#header{
	width:1024px;
	height:70px;
	float:left;
    top:0; 
    z-index:2000; 
	position:fixed;
	
}
#header_people{
	width:1024px;
	height:66px;
	float:left;
	position:fixed;
	 top:0; 
     
    z-index:2000; 
	
}
#content-h{
	margin-top:85px;
	width:1024px;
	background-image: url(images/home-page.jpg);
	height:605px;
	float:left;
}
#content{
	margin-top:85px;
	width:1024px;
	height:100%;
	float:left;
}
#content_companies{
	padding-left:0px;
	padding-right:0px;
	width:1152px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:220px;
	
/*	float:left;
*/	z-index:1;
	font:Arial, Helvetica, sans-serif;
/*	background-color:#f2f2f3;
*/	
}
#content_companies-co{
	margin-top:85px;
	padding-left:32px;
	padding-right:32px;
	width:960px;
	height:100%;
	float:left;
	z-index:1;
	font:Arial, Helvetica, sans-serif;
/*	background-color:#f2f2f3;
*/	
}
#companies-co{
	margin-top:85px;
	width:1024px;
	height:100%;
	float:left;
	z-index:1;
	background-color:#fff;
	
}
#content_case_study{
	margin-top:100px;
	width:1024px;
	height:100%;
	float:left;
	z-index:1;
	font:Arial, Helvetica, sans-serif;
	
}
	div#content_companies img{
display:block;
	border:0 transparent;
	opacity:1;
		
	
	}
 .image_holder_comp {
	width:288px;
	height:243px;
	float:left;
	
}
.sidebar{
	float:left;
	background-color:#f2f2f3;
	
	
	} /* used in case studies main page*/
	
.sidebar_left{
	width:192px;
	float:left;
	background-color:#f2f2f3;
	
	} /* used in case studies sub page*/
	
	
.sidebar_left3{
	width:183px;
	height:auto;
	float:left;
	background-color:#f2f2f3;
	
	
	}	
	
.sidebar_right3{
	width:535px;
	height:auto;
	float:right;
	background-color:#f2f2f3;
	padding-top:37px;
	
	}	
.sidebar_middle{
	width:668px;
	float:left;
	background-color:#f2f2f3;
	
	
	} 
	
	
	.sidebar_middle5{
	width:740px;
	border-bottom:#898786 2px dotted;
	padding-bottom:15px;
	height: auto;
	float:left;
	text-align:right;
	padding-top:35px;
	
	}	
	
.sidebar_middle-n{
	width:668px;
	float:left;
	background-color:#f2f2f3;
		font-family: 'Ubuntu', sans-serif;
font-size:13px;
color:#414042;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
	
	
	} 
		
	
	
	
	
	/* used in case studies sub page*/
	
	.sidebar_middle2{
	width:668px;
	float:left;
	border-bottom:#000000 1px solid;
		border-top:#000000 1px solid;
		height:30px;
		background-color:#f2f2f3;
	
	}
	
	
	.sidebar_middle3{
	width:668px;
	float:left;
/*	border-bottom:#000000 1px solid;
		border-top:#000000 1px solid;
*/		height:30px;
	
	}	
	
.sidebar_right{
	width:160px;
	float:left;
	
	} /* used in case studies sub page*/
.case_study_content{
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	color:#414042;
	line-height:1.6;
	
}
.cs_holder{
	float:left;
	font-family: 'Ubuntu', sans-serif;
font-size:13px;
color:#fff;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
}
.image_holder{
	width:340px;
	height:341px;
	float:left;
	border:transparent none !important;
}
.nav_holder{
	height:46px;
	float:left;
}
.nav_holder_ppl{
	height:66px;
	float:left;
}
span.nav_hov:hover {
background-color:#ffde00;
color:#000000;
display:inline;
}
span.bkg_col {
background-color:#ffde00;
display:inline;
}
span.bkg_col2 {
background-color:#000000;
display:inline;
color:#FFFFFF;
text-decoration:none;
}
span.bkg_col_hov {
background-color:#ffde00;
display:inline;
color:#000000;
text-decoration:none;
font-style:italic;
}
span.bkg_col2:hover{
background-color:#ffde00;
color:#000;
text-decoration:none;
display:inline;
}
  a:link {color:#000000;
text-decoration:none;}  
   
a:visited {color:#000000;
text-decoration:none;}   
 a:hover{} 
a:active {
	color:#000000;
	} 
.sidebar_middle a:link{
	color:#ffdd00;}
.cs_holder a{
	color:#ffdd00;
	}
.cs_heading{
	font-family:Arial, Helvetica, sans-serif;
	
	 font-size:18px; font-weight:bold; padding-top:50px; padding-left:5px; padding-right:5px; text-align:left; background-color:#000000; color:#FFF;
}
.case_study_content_holder{
	width:658px;
	background-color:#f2f2f3;
  padding:5px; 
	}
.carousel_ul img{
	width:100%;
	height:100%;
	
	}
.carousel_ul1 img{
	width:100%;
	height:100%;
	
	}
	
#content2{
	margin-top:20px;
	width:1024px;
	height:100%;
	float:left;
	height:30px;
	background-color:#f2f2f3;
	z-index:2500;
	position: fixed;
	top:70px;
}	
.Ubuntu-contact{
font-family: 'Ubuntu', sans-serif;
font-size:13px;
color: #333333;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
}
a.Ubuntu-contact:hover{
font-family: 'Ubuntu', sans-serif;
font-size:13px;
color:#666;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
}
.Ubuntu{
font-family: 'Ubuntu', sans-serif;
font-size:13px;
color:#000000;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
}
.Ubuntu-white{
font-family: 'Ubuntu', sans-serif;
font-size:13px;
color:#fff;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
}
.Ubuntu-contact-hd{
font-family: 'Ubuntu', sans-serif;
font-size:16px;
color:#333333;
text-decoration:none;
/*line-height:1.7	;
*/font-weight:600;
}
a.Ubuntu:hover{
font-family: 'Ubuntu', sans-serif;
font-size:13px;
color:#666;
text-decoration:none;
/*text-align:justify;*/
line-height:1.6	;
font-weight:normal;
}
.Ubuntu-hd{
font-family: 'Ubuntu', sans-serif;
font-size:16px;
color:#000000;
text-decoration:none;
/*line-height:1.7	;
*/font-weight:600;
}
.Ubuntu-hd3{
font-family: 'Ubuntu', sans-serif;
font-size:16px;
color:#fff;
text-decoration:none;
line-height:1.7	;
font-weight:600;
}
.Ubuntu-hd2{
font-family: 'Ubuntu', sans-serif;
font-size:16px;
color:#000000;
text-decoration:none;
line-height:1.7	;
font-weight: bold;
padding-left:10px;
}
.Ubuntu-case1{
font-family: 'Ubuntu', sans-serif;
font-size:10px;
color:#fff;
text-decoration:none;
/*text-align:justify;*/
line-height:1.4	;
font-weight:normal;
}
.mobile-hide{display:block}
.desk-hide{display:none;}
.navigation{display:block;}
#wrapper{height:70px;background:#000000;position:relative;z-index:1}
.case-name{background:#000000;color:#fae62e; padding:5px 0;text-align:center;font-size:12px;font-family: 'Ubuntu', sans-serif;text-transform:uppercase;display:none;font-weight:700;position:relative;}
.fullwidth #header{background:#000000;}
.nav_holder{padding:12px 0 12px 10px;background:transparent!important }
.nav_holder ul{list-style-type:none;padding:15px 10px;margin:0;}
.nav_holder ul li{display:inline-block;vertical-align:middle;}
.nav_holder ul li a{color:#ffffff;font-family: 'Ubuntu', sans-serif;font-size:12px;padding-right:5px;display:block;}
.nav_holder ul li a:after{content:"/";padding-left:5px;}
.nav_holder ul li:nth-child(6) a:after{content:"";}
.fullwidth{background:#000000;position:fixed;z-index:1000;width:100%;top:0;left:0;}
.nav_holder ul li a.active{font-weight:bold;color:#fd0;}
#content_companies{margin-top:150px;}
.caption-block{position:absolute;top:10%;left:0;right:0;margin:0 auto 0;width:700px}
.caption-block img{width:100%;margin-left:7%;}
.homeslider{margin-top:70px;}
.homeslider .bx-wrapper picture img{width:100%;object-fit:fill;}
.homeslider .bx-wrapper picture img.image3{width:100%;object-fit:cover;}
.homeslider .bx-wrapper .bx-controls-direction a{background-color:transparent}
.homeslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:2%}
.homeslider .bx-wrapper .bx-pager.bx-default-pager a{background:#ffffff;}
.homeslider .bx-wrapper .bx-pager.bx-default-pager a:hover,.homeslider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fae62e}
.caption{position:absolute;right:10%;top:25%;width:340px;font-size:22px;color:#ffffff;text-align:center;font-family: 'Open Sans', sans-serif;text-transform:uppercase;}
.caption1{position:absolute;right:5%;top:10%;width:450px;font-size:22px;color:#ffffff;text-align:center;font-family: 'Open Sans', sans-serif;text-transform:uppercase;}
.caption p,.caption1 p,.caption2 p,.caption3 p{padding:0;margin:0}
.caption2{position:absolute;right:23%;top:50%;width:455px;font-size:22px;color:#ffffff;text-align:center;font-family: 'Open Sans', sans-serif;text-transform:uppercase;text-shadow:1px 1px 1px #000000;}
.caption2 p{font-size:15px;color:#000;text-shadow:none}
.caption2 p span{display:block}
.enc-logo img{max-width:200px;margin:0 auto}
.caption span{font-weight:bold;display:block;}
.margin-top{margin-top:70px;}
.bannertext{font-size:24px;color:#463a34;text-align:center;font-family: 'Open Sans', sans-serif;text-transform:uppercase;font-weight:600;margin-top:-30px;}
.row1,.gallery{position:relative}
span.roll{font-size:12px;font-family: 'Roboto', sans-serif;background:url(images/companies-bg.jpg) no-repeat left top #ffffff;padding:5% 5%;width:90%!important;height:90%!important;line-height:16px;font-weight:500;}
span.roll h2{text-align:left;color:#000000;font-size:13px;text-transform:capitalize;padding:8px 0 0 0;margin:0;font-family: 'Roboto', sans-serif;}
.cs-over{background:#fae62e;padding:5px 8px;text-transform:uppercase;margin-right:10px;}
.desctext span{display:block}
.social-icons{position:absolute;top:20px;right:5%;z-index:2}
.social-icons ul{list-style-type:none;padding:0;margin:0;}
.social-icons ul li{display:inline-block;}
a.icon{width:26px;height:26px;background:no-repeat;display:block;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;background-size:contain}
a.icon:hover{opacity:0.8;}
a.icon.fb{background-image:url(images/fb.png);}
a.icon.linkdin{background-image:url(images/linkdin.png);}
a.icon.yt{background-image:url(images/yt.png);}
.social-icons.desk-hide{display:none;}
.text1{font-weight:800;font-family: 'Open Sans', sans-serif;}
.text1 span{display:block;}
a.clickhere{font-size:12px;background:#ffffff;color:#000000;padding:5px 10px;border-radius:5px;margin-top:10px;display:inline-block;box-shadow:1px 1px 1px #000000;text-shadow:none;font-family: 'Open Sans', sans-serif;font-weight:600}
a.clickhere:hover{color:#9a2408}
.companies-wrapper{width:100%;margin-top:70px;}
.companies-block{width:50%;float:left;background:no-repeat;background-size:cover;background-position:center center; font-family: 'Open Sans', sans-serif;color:#ffffff;line-height:24px;font-size:16px;display: flex;justify-content: center;  align-items: center;}
.block1{background-image:url(images/imc-bg.jpg)}
.block2{background-image:url(images/films-bg.jpg)}
.block3{background-image:url(images/digital-bg.jpg)}
.block4{background-image:url(images/children-publishing-bg.jpg)}
.companies-name{background:no-repeat;background-position:left center;font-weight:700;text-transform:uppercase;padding:13px 0 13px 60px;}
.companies-name span{display:block;}
.name1{background-image:url(images/imc-icon.png);}
.name2{background-image:url(images/films-icon.png)}
.name3{background-image:url(images/digital-icon.png)}
.name4{background-image:url(images/children-publishing-icon.png)}
.block-inner{width:80%}
.company-info{margin-top:5px;}
.company-info p{padding:0;margin:0}
.services-wrapper{width:100%;margin-top:70px;}
.services-block{width:25%;float:left;background:no-repeat #000000;background-size:cover;background-position:center center;text-align:center; font-family: 'Open Sans', sans-serif;color:#ffffff;line-height:24px;font-size:16px;display: flex;justify-content: center;  align-items: center;/*-webkit-transition: background-size 0.5s ease-in;transition: background-size 0.5s ease-in;-moz-transition: background-size 0.5s ease-in;-o-transition: background-size 0.5s ease-in;-ms-transition: background-size 0.5s ease-in; background-size:100%;*/}
/*.services-block:hover{background-size:105%}*/
.services-name{background:no-repeat;background-position:left center;font-weight:700;text-transform:uppercase;padding:13px 0}
.services-block1{background-image:url(images/branding-bg.jpg)}
.services-block2{background-image:url(images/adv-bg.jpg)}
.services-block3{background-image:url(images/interactive-bg.jpg)}
.services-block4{background-image:url(images/design-bg.jpg)}
.services-block5{background-image:url(images/media-bg.jpg)}
.services-block6{background-image:url(images/content-bg.jpg)}
.services-block7{background-image:url(images/digitals-bg.jpg)}
.services-block8{background-image:url(images/production-bg.jpg)}
.services-info{margin-top:5px;min-height:72px;}
.services-info span{display:block}
.services-info p{padding:0;margin:0}
a.link{color:#ffffff;font-weight:600;}
a.link:hover{color:#ffdd00}
.slider-wrapper{margin-top:70px;width:100%;opacity:0;}
.cs-info{margin:0 ;padding:0;position:relative;}
.cs-info:before{background:rgba(0,0,0,0.6);content:"";height:100%;width:100%;position:absolute;z-index:1}
.cs-img img{object-fit:cover;width:100%;}
.slider-wrapper ul{padding:0;margin:0;}
.cs-data{position:absolute;bottom:20px;left:20px;z-index:2;font-family: 'Open Sans', sans-serif;font-size:16px}
.cs-logo{width:200px;margin-bottom:10px;}
.cs-logo img{width:100%}
.logo-md{width:300px;}
.cs-desc{color:#ffffff;text-transform:uppercase;font-weight:600}
.slider-wrapper .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 30px;height: 30px;text-indent: -9999px; z-index: 9;}
.slider-wrapper .bx-wrapper .bx-prev {left: 10px;background: url('images/sliderprev.png') no-repeat 0 0;}
.slider-wrapper .bx-wrapper .bx-next {right: 10px;background: url('images/slidernext.png') no-repeat 0 0;}
.cs-link{color:#000;position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(250,250,250,0.8);text-transform:uppercase;font-size:20px;;text-align:center;display:block;z-index:3;font-family: 'Open Sans', sans-serif;display:table;transition:all 1s;opacity:0;z-index:0}
.cs-info:hover .cs-link{opacity:1;z-index:3;}
.cs-link a{color:#000;display:table-cell;vertical-align:middle;}
.cs-name{display:block;}
.cs-name small,.work-name small{text-transform:lowercase;font-size:100%}
.cs-btn{background:#fae62e;color:#000; padding:5px 8px;text-transform: uppercase;display:block;margin:10px auto; width:120px;font-size:16px;box-shadow:0px 0px 1px 1px #000;position:relative;}
.work-name{font-size:20px;color:#ffffff;text-transform:uppercase;font-weight:bold;}
.work-desc{font-size:18px;color:#ffffff;}
sup{font-size:12px;}
.wk-btn{width:130px;text-transform:capitalize}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@media all and (max-width:1366px)
{
.caption-block{width:500px;}	
.companies-block{font-size:14px;line-height:22px;}
.companies-name{font-size:13px;line-height:18px;background-size:35px;padding:13px 0 13px 45px}
.cs-logo{width:150px;}
.logo-md{width:220px;}
.caption2{right:18%;}
}
@media all and (max-width:1280px){
.caption{width:350px;font-size:24px;top:20%;}
.bannertext{font-size:20px;}	
.services-block{font-size:12px;line-height:18px;}
.services-info{min-height:54px;}
}
@media all and (max-width:1024px)
{
#wrapper{width:100%}
#header{width:100%}
.caption2{right:13%;}
.caption2 p{font-size:12px}
}
@media all and (max-width:768px)
{
	.main_container{float:none}
.spacer{display:none}
#header{border-bottom:2px solid #fd0}
.navicon{background:url(navicon.png) no-repeat ;width:30px;height:22px;background-size:contain; position:absolute;top:25px;right:10px;z-index:9;cursor:pointer;}
.mobile-hide{display:none}
.desk-hide{display:block}
.menu{display:none;float:none!important}
.nav_holder{height:auto;}
.navigation{display:none;}
.nav-menu{z-index:3;display:none}
.nav-menu ul{list-style-type:none;padding:0;margin:0;font-family: 'Ubuntu', sans-serif;font-size:12px;}
.nav-menu ul li a{padding:10px 15px;display:block;background:#000000;color:#ffffff;border-top:1px solid #666666;}
#wrapper{height:70px}
.case-name{display:block}
.logo{padding:15px 15px 17px 15px}
.menus.nav_holder{padding:0;float:none;width:100%!important;clear:both}
.nav_holder ul{padding:0}
.nav_holder ul li{display:block;vertical-align:middle;}
.nav_holder ul li a{padding:10px 15px;display:block;background:#000000;color:#ffffff;border-top:1px solid #666666;font-size:14px;}
.nav_holder ul li a:after{content:"";padding-left:0;}
.logo img{max-width:100%}
.caption-block{width:265px;top:50%;margin-top:-150px}	
.homeslider .bx-wrapper picture img{object-fit:cover}
.caption,.caption1,.caption2{width:90%;margin:0 auto;text-align:left;right:auto;padding:0 5%; font-size:14px;bottom:6%;top:auto;}
.caption span{display:inline-block;}
.enc-logo img{max-width:120px;margin:0}
.homeslider .bx-wrapper .bx-pager.bx-default-pager a{background:#ffffff;width:8px;height:8px;border-radius:50%}
.bannertext{font-size:14px;margin-top:-10px}	
.social-icons{right:50px;top:6px;position:relative;top:0;right:0;background:#000000;border-top:1px solid #666666;padding-left:10px;font-size:0}
.social-icons a{display:inline-block!important;background-repeat:no-repeat!important;padding:10px 8px!important;text-align:center;background-position:center!important;border:0!important;width:20px;height:20px;}
.social-icons.desk-hide{display:block;}
a.clickhere{font-size:10px;margin-top:5px;padding:5px;font-weight:600}
.services-block{font-size:10px;line-height:16px;}
.cs-data{bottom:65px;}
.cs-link{background:none;z-index:1;opacity:1;top:auto;bottom:25px;left:20px; height:auto;}
.cs-name{display:none;}
.cs-btn{display:block;margin:0;box-shadow:none;border:2px solid #000;}
.work-desc{font-size:15px;}
.caption2 p{color:#fff;font-size:15px;}
}
@media all and (max-width:767px)
{
body{overflow:auto!important}	
.companies-block{width:100%;float:none;font-size:12px;line-height:18px;height:auto!important;padding:10px 0 20px 0}
.companies-name{font-size:12px;line-height:16px;background-size:30px;}
.companies-name.name1{padding:10px 0 10px 45px; }
.services-block{width:100%;font-size:14px;line-height:20px;}
.cs-desc{font-size:12px;line-height:16px;}
.cs-logo{width:100px;}
.logo-md{width:150px;}
.slider-wrapper .bx-wrapper .bx-controls-direction a{height:22px;width:22px;margin-top:-15px;background-size:contain}
}