@font-face {
   font-family: "gothamblack";
   src: url(/fonts/Gotham-Black.woff);
}
body {
	font-family: "open sans";
	min-height: 100%;
	font-size: 16px;
}
input[type="text"], input[type="email"], input[type="file"], input[type="tel"], textarea , select, .select-dept, .select-file, .select-company{
	background: #3B3B3B;
	color: #ffffff;
	border: none;
	width: 100%;
	font-size: 17px;
	font-weight: 100;
	padding: 16px;
	/*margin-bottom: 20px;*/
	font-style: normal;
}
.loader {
  border: 16px solid #fff;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: none;
   top: 40%;
    left: 47%;
    position: fixed;
	z-index: 999;
}
.overlay {
    background-color: #0c0c0ce3;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
	opacity:.85;
}

/* form wrapper css */
.select-dept, .select-file , .selection-dept option,.select-company, .selection-company option { color: #9e9e9e;  height: 50px;}
.select-dept-wrapper, .select-file-wrapper, .select-company-wrapper { position: relative; }
.selection-dept, .selection-file, .selection-company { position: absolute; top: -2px; left: 0; opacity: 0; }
.selection-dept option, .selection-company option{ padding: 0 10px; }

a:hover{
text-decoration:none;
}
i {
	font-weight: bold;
}

#page-we-are .dynamic-bg .header{
	background: #532A63;
}
#page-we-do .dynamic-bg .header{
	background: #47427C;
}
#page-contact .dynamic-bg .header{
	background: #3370AA;
}
#page-careers .dynamic-bg .header{
	background: #384F87;
}
#page-we-are .overview, #page-we-are .leaders , #page-we-do .we-do-overview, #page-we-do .technology, #page-we-do .business-intelligence, #page-careers .overview, #page-careers .join-us, #page-contact .getintouch, #page-contact .join-us {
	background: #fff;
	position: relative;
}
#page-we-are .our-journey , #page-we-do .game-design, #page-we-do .marketing, #page-we-do .operations{
	position: relative;
}
#page-we-are .head{
	text-transform: none !important;
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
.header-static {
	position: absolute;
	top: 0;
	width: 100%;
}
.sticky {
	padding: 2% 0;
}
.top-banner {
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.top-banner-text {
	position: fixed;
	width: 1280px;
	margin: auto;
	font-family: gothamblack;
	font-size: 56px;
	color: #ffffff;
	left: 16%;
	top: 25%;
	line-height: 100px;
	z-index: 0;
}
.top-banner-text  .subtitle {
	font-family: "open sans";
	font-weight: bold;
	font-size: 12px;	
	text-transform: uppercase;
	line-height: 45px;
	display: block;
}
.fixed-header .menu-hidden ul {
	color: #ffffff;
	/*float: right;*/
	font-size: 11pt;
	font-weight: bold;
	width: 296px;
	overflow: hidden;
	margin: 0;
}
.menu .menu-hidden ul {
	color: #ffffff;
	float: right;	
	font-size: 11pt;
	font-weight: bold;
	width: 296px;
}
.header {	
	/*padding: 15px 20px;*/
	padding: 15px 30px;
	/*display: table;*/
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	box-sizing: border-box;
}
.header .logo {
	float: left;
	width: 70px;
	max-width: 50%;
}
.header .logo .logo-flex{
	/*width: 10%;*/
}
.header .menu-hidden {
	/*float: left;
    height: 31px;
    line-height: 26px;
    width: 50%;*/
	margin-top: 20px;
	float: right;	
}
.landing-bg .menu-hidden ul {
	float: right;
	color: #383838;
	font-size: 12px;
	font-weight: bold;
	width: 296px;
	letter-spacing: 1px;
}
.landing-bg .menu-hidden ul li{
	margin-top: 5px;
}
.header .menu-hidden li {
	display: inline-block;
    list-style-type: none;
    text-decoration: none;
	padding: 0 3%;
	margin-top: 3px;
}
.menu-hidden li:nth-child(4) {
    float: right;
    padding: 0;
	cursor: pointer;
	margin-top: 5px;
	width: 36px;
}
.menu {
	padding: 0;
	display: none;
	/*height: 600px;*/
}

.menu  .menubg{
	position: relative;
	width: 100%;
	/*height: 97px;
	background-image: url(/images/menu.jpg);*/
}
.menu .header {
	padding-left: 45px;
	padding-right: 30px;
	position: absolute;
    top: 0;
	width: 100%;
	z-index: 2;
}
.menu .header .menu-hidden ul {
	color: #ffffff;
}
.menu .links {
    position: absolute;
	top: 28%;
	color: #ffffff;
	width: 100%;
}
.menu .section-five {
	width: 20%;
	float: left;
	text-align: center;
	padding: 45px;
}
/*.menu .section-five:nth-child(1) {
	text-align: left;
}
.menu .section-five:nth-child(5) {
	text-align: right;
}*/
.menu .section-five .head {
	width: 100%;
	font-family: gothamblack;
	font-size: 36px;
	margin-bottom: 5%;
	line-height: 40px;
}
.menu .section-five .head a {
	color: #ffffff;
	transition: 0.3s 0ms;
	-webkit-transition: 0.3s 0ms;
	display: inline-block;
}
.menu .section-five .head a:hover {
    padding-left: 10px;
}
.menu .section-five .subhead {
	width: 100%;	
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
.menu .section-five .subhead span {
	display: block;
	margin-bottom: 3%;
}
.full-width {
	width: 100%;
}
.scroll-link,.scroll-link:hover,.scroll-link:visited,.color-white,.color-white:hover,.color-white:visited,.menu-hidden .change-url{
   text-decoration:none;
   color: #fff;
}
.subhead span a{
  color: #fff;
  transition: 0.3s 0ms;
 -webkit-transition: 0.3s 0ms;
}
.subhead span a:hover {
  padding-left: 10px;
}

.dynamic-bg.mob-menu-0  .header {
	background:transparent !important;
}
.dynamic-bg.mob-menu-0  .header .menu-hidden { 
	margin-top:20px !important;
}
.dynamic-bg .header .sticky { 
	width: 31px;
	height: 31px;
}
.dynamic-bg.mob-menu-0 .header .sticky { 
	width: auto;
	height: auto;
}
.dynamic-bg .menu-bar { 
	margin-top: 2px;
}


.white-color img{ margin-top:5px;}

.menu-hidden ul li a { letter-spacing: 1px; font-size:12px;}
/*landing page*/

#page-landing {
	/*background-image: url(/images/body.png), url(/images/landing-background.jpg);
	background-size: cover;
	background-repeat: no-repeat;*/
	position: relative;
}
#page-landing  .landing-bg{
	padding: 0;
}
#page-landing .landing-bg .scroll-link, #page-landing .landing-bg .scroll-link:hover, #page-landing .landing-bg .scroll-link:visited, #page-landing .landing-bg .color-white,#page-landing .landing-bg .color-white:hover,#page-landing .landing-bg  .color-white:visited{
   text-decoration:none;
   color: #383838;
}
@media (min-width: 768px) {
	#page-landing .menu, #page-landing .header {
		position: fixed;
	}
}

.landing-bg .watch-video {
	text-align: center;
	color: #25a8e0;
	font-size: 12px;
	font-weight: bold;
}
.landing-bg .watch-video .videoimg{
	background-image: url(/images/play-button.png);
	background-repeat: no-repeat;
	height: 89px;
	width: 89px;
	margin: 0 auto;
	-webkit-transition: background-images ease 0.5s; /* For Safari 3.1 to 6.0 */
    transition: background-image ease 0.5s;
	-moz-transition: background-image ease 0.5s;
	cursor: pointer;
}
.landing-bg .watch-video .videoimg:hover{
	background-image: url(/images/play-button-hover.png);
	height: 89px;
	background-repeat: no-repeat;
}
.landing-bg .watch-video img {
	margin: auto;
	display: inline;
}
.landing-bg .game-for-growth {
	text-align: center;
	color: #25a8e0;
	font-family: gothamblack;
	font-size: 80px;
	margin-top: 6%;
}
.landing-bg .text {
	text-align: center;
	color: #58595b;
	font-size: 16px;
	letter-spacing: -0.3px;
	margin-top: 2%;
	font-weight: bold;
}
.landing-bg  .view-menu {
	text-align: center;
	width: 170px;
	color: #939598;
	border: 2px solid #939598;
	padding: 14px;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 10% auto;
	-webkit-transition: color 1; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
	cursor: pointer;
	-webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
}
.landing-bg  .view-menu:hover {
	background: #939598;
	color: #fff;
}
.landing-bg .align{
	float: none;
	/*width:70%;*/
	position: relative;
	/*margin-top: 200px;
	left: 14%;
	margin-bottom: 50px;*/
	margin: 200px auto 50px;
}

/*we are page*/
.slideDown .header{
	display: none;
}
#page-we-are .we-are {
	padding: 0;
}
#page-we-are .overview .overview-fixed, #page-careers .overview .overview-fixed , #page-we-do .game-design .overview-fixed , #page-we-do .we-do-overview .overview-fixed  {
	width: 1280px;
	margin: 0 auto 60px;
	
}
#page-contact .getintouch .head {
	margin: 0 auto 60px;
}
#page-we-do .technology .technology-fixed, #page-we-do .business-intelligence .business-intelligence-fixed {
	width: 1280px;
	margin: 60px auto;
}
#page-we-are .overview .overview-fixed .align , #page-careers .overview .overview-fixed .align, #page-we-do .we-do-overview .overview-fixed .align, #page-we-do .technology .technology-fixed .align, #page-we-do .game-design .overview-fixed .align, #page-we-do .business-intelligence .business-intelligence-fixed .align{
	float: none;
	margin: auto;
	text-align: center;
}
#page-we-are .overview .overview-fixed .head {
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 50px;
	color: #532860;
}
#page-we-do .we-do-overview .overview-fixed .head {
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 50px;
	color: #47427C;
	text-transform: uppercase;
}
#page-we-do .technology .technology-fixed .head, #page-we-do .business-intelligence .business-intelligence-fixed .head, #page-we-do .operations .head {
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 30px;
	color: #3B3B3B;
	text-transform: uppercase;
}
#page-we-are .overview .overview-fixed .text, #page-careers .overview .overview-fixed  .text , #page-we-do .we-do-overview .overview-fixed .text{
	font-size: 16px;
}
#page-we-do .technology .technology-fixed .text, #page-we-do .business-intelligence .business-intelligence-fixed .text {
	text-align: left;
}
#page-we-do .technology-list {
	margin-top: 30px;
	text-align: left;
}
#page-we-do .tech-tagline {
	font-size: 25px;
    font-style: italic;
    font-weight: 100;
    text-align: center;
	margin-bottom: 60px;
}
#page-we-do .operations .tech-tagline {
	text-align: left;
}
#page-we-do  .technology-list ul {
	font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    list-style-type: none;
    padding: 0;
   
	    display: flex;
    justify-content: center;
}
#page-we-do  .technology-list ul.expertMobile {
	display: none;
}
#page-we-do .operations {
	background: url(../images/we-do-operations.jpg);
	background-size: cover;
}
#page-we-do .operations-content {
	padding: 0;
}
#page-we-do .operations .content {
	padding: 80px 50px;
}
#page-we-do .operations-content {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    float: right;
    margin: 60px 0;
}
#page-we-are .our-journey {
	background: url(../images/our-journey.jpg);
	background-size: cover;
	z-index: 2;
	position: relative;
}

#page-we-do .game-design {

	background-size: 100%;
	color: #fff;
	 background-color: #383838;
}
#page-we-do .game-design  .overview-fixed{
	margin-top: 60px;
}
#page-we-do .marketing{
	background: url(../images/we-do-marketing.jpg);
	background-size: 100% 100%;
	color: #fff;
}
#page-we-do .game-design .head, #page-we-do .marketing .head {
	color: #fff;
    font-family: gothamblack;
    font-size: 32px;
    margin-bottom: 30px;
	text-transform: uppercase;
	
}
#page-we-do .game-design .head, #page-we-do .marketing .expert{
	text-align: center;
	text-transform: uppercase;
}

#page-we-do .game-design .mc-row, #page-we-do .marketing .mc-row {
	margin: 60px 0;
}
#page-we-do .game-design .tech-tagline, #page-we-do .marketing .tech-tagline  {
	text-align: left;
	margin-left: 25%;
	width: 350px;
}
#page-we-do .game-design .positioning, #page-we-do .marketing .positioning {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-14%);
}
#page-we-are .our-journey .our-journey-fixed {
	width: 1280px;
	overflow: hidden;
	margin: 60px auto;	
	color: #ffffff;
}
#page-we-are .our-journey .our-journey-fixed .head {
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 60px;
	text-transform: uppercase;
}
#page-we-are .our-journey .our-journey-fixed .text {
	font-size: 14px;
	text-align: left;
	line-height: 20px;
}
#page-we-are .our-journey .our-journey-fixed  .quote {
	font-size: 30pt;
	font-style: italic;
	margin: 1% 0 4% 0;
	position: relative;
	font-weight: 100;
	visibility: hidden
}
/*#page-we-are .our-journey .our-journey-fixed .quote:before{
	content: " ";
	height: 0;
	width: 0;
	border-top: 70px solid #fff;
	border-right: 70px solid transparent;
	position: absolute;
	top: -52px;
	left: -92px;
}
#page-we-are .our-journey .our-journey-fixed .quote:after{
	content: " ";
	height: 0;
	width: 0;
	border-bottom: 70px solid #fff;
	border-left: 70px solid transparent;
	position: absolute;
	bottom: -45px;
	right: 15px;
}*/
#page-we-are .belief-system-fixed {
	width: 1280px;
	margin: 60px auto;
	display: none;
}
#page-we-are .belief-system-fixed .head {
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 60px;
	text-align: center;
	text-transform: uppercase;
}
#clients .head{
	color: white;
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}
#clients .head.group {
	font-size: 20px;
}
#page-we-are .belief-system-fixed .text {
	font-size: 14px;
	padding: 5%;
	text-align: center;
	line-height: 20px;
}
#page-we-are .belief-system-fixed  img {
	margin: auto;
}

#page-we-are .leaders .quote {	
	color: #ffffff;
	font-family: gothamblack;
	font-size: 36px;
	text-align: center;	
	position: relative;
    text-align: center;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
#page-we-are .leaders img {
	width: 100%;	
}
#page-we-are .leaders .abt-responsive .abt {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 12%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
#page-we-are .leaders .abt-responsive .head {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
#page-we-are .leaders .abt-responsive .text {
	font-size: 16px;
}
#page-we-are .leaders  .quote-long {
	font-size: 28px;
    font-style: italic;    
	color: #ffffff;
	text-align: center;	
	position: relative;
    text-align: center;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding: 0 5%;
	font-weight: 100;
	opacity: 0;
}
#page-we-are .name1{
	color: #26a2da;
	font-weight: bold;
}
#page-we-are .name2{
	color:#522666;
	font-weight: bold;
}
#page-we-are .group li{
	margin-bottom: 10px;
}
#page-we-are .center{
	float: right;
}
.expertMobile {
	display: none;
}

#page-we-do .name1{
	color: #26a2da;
	
}

#page-we-do .text1 {
    margin: 0 14px 10px;
}

/* contact page */
#page-contact .contact {
	padding: 0;
}
#page-contact .getintouch {
	padding-bottom: 50px;
}
.getintouch .head { 	
	color: #3370AA;
	font-size: 36px;
	text-align: center;
	font-family: gothamblack;
	margin: 60px 0;
}
.getintouch  .subhead {
	color: #404040;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.getintouch .text {
	color: #646464;
	text-align: center;
	margin-top: 15px;
}
.getintouch .phone-fax {
	color: #646464;
    margin-top: 15px;
    text-align: center;
}
.getintouch .phone-fax  img {
	vertical-align: 0;
}
.getintouch .contact-email {
	color: #11A3D6;
	margin-top: 15px;
    text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.getintouch  .contact-social-media {
	text-align: center;
	margin: 15px auto 60px;
	width: 76px;
	height: 22px;
}
.getintouch  .contact-social-media  .fb{
	background: url("../images/fb.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 55px;
	float: left;
}
.getintouch  .contact-social-media  .fb:hover{
	background: url("../images/fb-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.getintouch  .contact-social-media  .linkedin{
	background: url("../images/linkedin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 20px;
	float: left;
}
.getintouch  .contact-social-media  .linkedin:hover{
	background: url("../images/linkedin-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.getintouch  .contact-social-media  .vimeo{
	background: url("../images/vimeo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 20px;
	float: right;
}
.getintouch  .contact-social-media  .vimeo:hover{
	background: url("../images/vimeo-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.getintouch  .contact-social-media img {
	padding: 1.5%;
}
.join-us {
	margin-bottom: 60px;
}
.join-us .head {	
	color: #3B3B3B;
	font-size: 36px;
	text-align: center;
	font-family: gothamblack;
	margin: 60px 0;
}
.join-us .align {
	float: none;
	margin: auto;
}
.map {
	padding: 0;
	max-width: 100%;
}

#page-contact .submit-contact{
	background: #3370AA;
	-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}
#page-contact .submit-contact:hover {
	color: #ADADAD;
}
#page-careers .submit-career {
	background: #384F87;
	-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}
#page-careers .submit-contact:hover {
	color: #ADADAD;
}

/* career page */
#page-careers  .career{
	padding: 0;
}
#page-careers .openings {
	position: relative;
}
#page-careers .openings img {
	width: 100%;
}
#page-careers .openings .openings-front {
	position: absolute;
	top: 0;
}
#page-careers .learn-more {
	display: none;
}
#page-careers .learn-more .learn{
	border: 2px solid #939598;
    color: #939598;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 14px;
    text-align: center;
    transition: color 0.5s ease 0s;
    width: 170px;
	-webkit-transition: color 1; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
	-webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
}
#page-careers .learn-more .learn:hover {
	background: #939598;
	color: #fff;
}
#page-careers .learn-more .align {
	float: none;
	margin: 60px auto;
	display: table;
}
#page-careers .overview  .head {
	color: #384F87;
	font-family: gothamblack;
	font-size: 32px;
	margin-bottom: 50px;
}

#page-careers .testimonial{
	display: none;
}
#page-careers .testimonial .mc-row {
	margin-bottom: 1px;
}
#page-careers .testimonial .equal-2 {
	background: #D7D7D7;
}
#page-careers .testimonial .equal-2 .testimonial-they-said {
	background: #868686;
	border-right: 1px solid #ffffff;
}
#page-careers .testimonial .equal-2 .testimonial-they-said .head {
	color: #ffffff;
    font-family: gothamblack;
    font-size: 36px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
	padding: 0 11%;
}
#page-careers .testimonial .equal-2 .testimonial-img {
	border-right: 1px solid #ffffff;
	height: 100%;
}
#page-careers .testimonial .equal-2 .testimonial-img img{
	width: 100%;
	height: 100%;
}
#page-careers .testimonial .text {
	color: #000000;
    font-size: 24px;
    font-style: italic;
    font-weight: 100;
    padding: 0 10%;
    position: relative;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
	line-height: 34px;
}
#page-careers .testimonial .testimonial-quote .text p:nth-child(2){
	font-size: 14px;
	font-style: normal;
	margin-top: 5%;
}
/*extending bootstrap css*/
.modal-body ul {
	padding: 0 13px;
	color: rgb(111, 111, 111);
}
.modal-body ul.job-items {
	padding: 0px;
	margin-left: 33PX;
	 margin-bottom: 15px;
}

.modal-body ul.job-items li {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
	color: #434343;
}

.about-innopark {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 5px;
}

.about-innopark p {
    margin-bottom: 5px;
}

input[type="submit"] {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 22px;
	text-align: center;
	transition: color 0.5s ease 0s;
	width: 250px;
	background: #384F87;
	-webkit-transition: color 1;
	transition: color 1s;
	display:block;
	margin: 40px auto;
	border: none;
}
.map iframe{
    pointer-events: none;
}

.white-color{
	color: #ffffff!important;
}

.openings {
  background: url(../images/openings.jpg) no-repeat;
  background-size:cover;
}
.openings .head {
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	font-family: gothamblack;
}
.openings-fixed{
width: 1280px;
margin: 60px auto;
}
.full-time {
float: left;
font-size: 26px;
font-weight: bold;
color: #fff;
font-family: gothamblack;
margin-left: 6%;
margin-right: 15px;
text-transform: uppercase;
}
.click-tittles {
display: inline-block;
float: left;
line-height: 40px;
color: #ADB1C7;
font-size: 10px;
text-transform: uppercase;
}
.openings-types {
margin-top: 30px;
margin-bottom: 30px;
}
.position-tiles {
float: left;
margin-left: 13.5%;
padding-bottom: 25px;
border-bottom: 1px solid #AFB4C1;
min-width: 70%;
margin-bottom: 30px;
cursor:pointer;
}
.position-date {
background: url(../images/calender-icon.png) no-repeat;
float: left;
width: 50px;
height: 50px;
margin-right: 15px;
}
.date-tile {
color: #4C4C4C;
text-indent: 13px;
font-size: 16px;
line-height: 33px;
font-weight: bold;
}
.month-name {
display: block;
font-size: 12px;
line-height: 0px;
font-weight: normal;
}
.position-name {
color: #F9FBFB;
font-size: 14px;
text-transform: uppercase;
line-height: 12px;
font-weight: bold;
letter-spacing: 0.7px;
}

.required-exp {
display: block;
font-size: 12px;
text-transform: capitalize;
font-weight: normal;
line-height: 29px;
text-indent: 2px;
letter-spacing: 0;
}
.position-description{ float: left;}
.no-border{border:none;}
.openings-break {
float: left;
height: 1px;
background: #AFB4C1;
width: 60px;
margin-top: 10px;
margin-bottom: 32px;
margin-left: 14%;

}
/*blog page*/
#blog-page .life-at-innopark {
  margin-bottom: 70px;
}
#blog-page .blog-fixed {
	width: 1280px;
	margin: 0 auto 6% auto;
	position: relative;
}
#blog-pages  .fixed-header .menu-hidden ul li ,#blog-pages  .fixed-header .menu-hidden ul li a  {	color: #1AA2D9; }
#blog-page .dynamic-bg .header { background: #450880; }
#blog-pages .bar1, #blog-pages .bar2, #blog-pages .bar3 { background: #1aa2d9; }
#blog-page .top-banner-text-blog{
	font-size: 36px;
	/*top: 23%;*/
	top: 60%;
	left: 2.4%;
	position: absolute;		
	font-family: gothamblack;
	font-size: 36px;
	color: #ffffff;
	line-height: 45px;
	width: 520px;
}
#blog-page .top-banner {
	margin-bottom: 2%;
}
#blog-page .blog-description{
	height: 115px;
	margin-bottom: 75px;
}
#blog-page .posting-detail{
	float: left;
	width: 235px;
	text-align: right;
	border-bottom: 1px solid #bdbdbd;
}
#blog-page .posting-detail .blog-date{
	display: block;
	font-family: open sans;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
	margin-bottom: 15px;
}
#blog-page .posting-detail .blog-name {
	text-transform: uppercase;
}
#blog-page .posting-detail .blog-name, #blog-page .posting-detail .blog-email {
	display: block;
	font-family: open sans;
	font-size: 11px;
}
.plugin-theme {
    text-transform: uppercase;
    width: 100%;
    font-size: 38px;
    float: left;
    font-weight: bold;
    letter-spacing: 2px;
}
.plugin-theme .p {color: #A9D052;}
.plugin-theme .l {color: #FF9F39;}
.plugin-theme .u {color: #061E58;}
.plugin-theme .g {color: #FB5207;}
.plugin-theme .i {color: #0f2358;}
.plugin-theme .n {color: #D41D56;}


#blog-page .content{
	display: block;
	float: right;
	height: 100%;
	width: 80%;
	font-size: 12px;
	padding: 0 0 0 2%;
}
#blog-page .content a{
	color: #333;
	font-weight: bold;
}
#blog-page .blog-old-img img{
	width: 100%;
}
#blog-page .older-posts  {
	display: none;
}
#blog-page .older-posts .head{
	font-family: gothamblack;
	font-size: 24px;
	display: block;
	line-height: 26px;
	margin-top: 25px;
}
#blog-page .older-posts .blog-date{
	display: block;
	font-family: open sans;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
	margin: 15px 0;
}
#blog-page .older-posts .blog-name {
	text-transform: uppercase;
}
#blog-page .older-posts .blog-name, #blog-page .older-posts .blog-email {
	display: block;
	font-family: open sans;
	font-size: 11px;
}
#blog-page .older-posts .content{
	display: block;
	float: none;	
	font-size: 12px;
	padding: 0;
	margin-top: 20px;
}
#blog-page .older-posts .content a{
	color: #333;
	font-weight: bold;
}

a.view-blog {
	background: none;
	cursor: pointer;
	padding: 12px 45px;
	display: inline-block;
	margin: 15px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}
.view-blog:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1 */
a.view-blog-1 {
	border: 3px solid #A9D052;
	color: #A9D052;
}
a.view-blog-2 {
	border: 3px solid #FF9F39;
	color: #FF9F39;
}
a.view-blog-3 {
	border: 3px solid #061E58;
	color: #061E58;
}
a.view-blog-4 {
	border: 3px solid #FB5207;
	color: #FB5207;
}
a.view-blog-5 {
	border: 3px solid #0f2358;
	color: #0f2358;
}
a.view-blog-6 {
	border: 3px solid #D41D56;
	color: #D41D56;
}
/* Button 1e */
.view-blog-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(133deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(133deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(133deg);
	transform: translateX(-50%) translateY(-50%) rotate(133deg);
}
.view-blog-1:hover:after{
background: #A9D052;
}
.view-blog-2:hover:after{
background: #FF9F39;
}
.view-blog-3:hover:after{
background: #061E58;
}
.view-blog-4:hover:after{
background: #FB5207;
}
.view-blog-5:hover:after{
background: #0f2358;
}
.view-blog-6:hover:after{
background: #D41D56;
}

.view-blog:active,
.view-blog:hover{
	color: #fff;
	text-decoration: none;
}
.view-blog:hover:after {
	height: 260%;
	opacity: 1;
}
.view-blog:active:after {
	height: 400%;
	opacity: 1;
}








/*Modal css*/
.modal-content { border-radius: 0px;}
.modal-header {
	padding: 0px;
	position: relative;
}
.position-details {
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;
}
.position-details .modal-title{
font-size: 26px;
font-weight: bold;
color: #fff;
font-family: gothamblack;
text-transform: uppercase;
}
.position-details .pos-loc {
	font-weight: bold;
	font-size: 14px;
	text-indent: 4px;
	display: inline-block;
}
.modal-header .close {
	position: absolute;
	right: 20px;
	top: 20px;
	opacity: 1;
}
.modal-body {
padding: 30px;
}
.modal-body-head {
	font-size: 20px;
	font-weight: bold;
	font-family: gothamblack;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #383838;
}
.modal-body-text {
	font-size: 13px;
    color: #4F4F4F;
    line-height: 19px;
	margin-bottom: 5px
}
.modal-body-text b {
    margin-left: 15px;
}
.job-name {
    font-weight: bold;
	margin-top: 10px;
    margin-bottom: 4px;
}
.job-description {
	margin-bottom: 30px;
}
.edu-details {
	-bottom: 1px;
}

.sm-line {
	width: 90px;
	height: 1px;
	background: #4A4849;
	margin-bottom: 32px;
}

.modal-footer {
	text-align: center;
	border: none;
	padding: 13px 30px 35px;
}

.apply-now-modal {
	text-align: center;
	color: #939598;
	border: 1px solid #939598;
	padding: 17px 40px;
	font-size: 10px;
	letter-spacing: 2px;
	font-weight: bold;
	-webkit-transition: color 1;
	transition: color 1s;
	border-radius: 0px;
	text-transform: uppercase;
}
.apply-now-modal:hover{
	background: #939598;
	color: #fff;
	-webkit-transition: background 1s;
	transition: background 1s;
}


/* parallax effect starts here*/
#we-are-ban .back-bg {
	background-image:url('../images/we-are-banner.jpg')
}
#we-do-ban .back-bg {
	background-image:url('../images/we-do-banner.jpg')
}
#careers-ban .back-bg {
	background-image:url('../images/careers.jpg')
}
#contact-ban .back-bg {
	background-image:url('../images/contact-us.jpg')
}
#blog-page .back-bg {
	background-image:url('../images/inno-blog.jpg')
}

.back-bg {
	background-position: 0 0;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-size: 100%;
	height: 100%;
	width: 100%;
}

.banner-txt {
	padding: 19.2% 0;
}
/* parallax effect ends here*/

/* footer */
.footer {
	height: 70px;
	background: #3B3B3B;
	bottom: 0;
	width: 100%;	
	display: block;
}
.footer .footer-table {
	width: 100%;
}

.footer .footer-table td:nth-child(3) {
	text-align: right;
}

#page-landing .footer {
	position: absolute;
}
.footer .certification {
	padding: 14px 18px;
}
.footer .certification img {
	width: 76px;
	margin-right: 20px;
}
.footer .social {
	margin: auto;
	width: 118px;
	line-height: 70px;
}
.social a:nth-child(2) img {
	margin-right: 0;
}
.footer .social img {
	margin-right: 25px;
}
.footer .social img:nth-child(3) {
	margin-right: 0;
}
.footer .social img:hover {
	opacity: 0.7;
}
.footer .rights {
	color: #ffffff;
	line-height: 70px;
	font-size: 10px;
	
}


#page-we-do .menu-bar, #page-landing .menu-bar, #page-we-are .menu-bar, #page-careers .menu-bar, #page-careers .menu-bar, #page-contact .menu-bar, #blog-page .menu-bar {
    padding-bottom: 10px;
	padding-right: 10px;
}
/* new menu-bar design */
.bar1, .bar2, .bar3 {
	height: 3px;
	width: 26px;
	background: #fff;
	-moz-transition: all 0.3s ease 0s; /* Mozilla */
	-webkit-transition: all 0.3s ease 0s; /* Safari */
	-ms-transition: all 0.3s ease 0s; /* IE */
	transition: all 0.3s ease 0s;
	
	/*transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;*/
}
#page-landing .bar1, #page-landing .bar2, #page-landing .bar3 {
	height: 3px;
	width: 26px;
	background: #383838;
	-moz-transition: all 0.3s ease 0s; /* Mozilla */
	-webkit-transition: all 0.3s ease 0s; /* Safari */
	-ms-transition: all 0.3s ease 0s; /* IE */
	transition: all 0.3s ease 0s;
}
.bar2 {
	margin-top: 3px;
}
.bar3 {
	margin-top: 3px;
}
.on .bar1 {
	background: #fff!important;
	transform: rotate(45deg) translate(5px, 5px);
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	-moz-transform: rotate(45deg) translate(5px, 5px);
	-ms-transform: rotate(45deg) translate(5px, 5px);
	
	/*transform:  translate(2px, 0) rotate(45deg);
	-webkit-transform:  translate(2px, 0) rotate(45deg);
	-moz-transform:  translate(2px, 0) rotate(45deg);
	-ms-transform:  translate(2px, 0) rotate(45deg);*/
}
.on .bar2 {
	opacity: 0;
	margin-top: 5.5px;
}
.on .bar3 {
	background: #fff!important;
	transform: rotate(-45deg) translate(7px, -8px);
	-webkit-transform: rotate(-45deg) translate(7px, -8px);
	-moz-transform: rotate(-45deg) translate(7px, -8px);
	-ms-transform: rotate(-45deg) translate(7px, -8px);
	
	/*transform: translate(0, 1px) rotate(-45deg);
	-webkit-transform: translate(0, 1px) rotate(-45deg);
	-moz-transform: translate(0, 1px) rotate(-45deg);
	-ms-transform: translate(0, 1px) rotate(-45deg);*/
	margin-top: 5.5px;
}

.header-cover {
	position: fixed;
	width: 100%;
	z-index: 99;
	height: 98px;	
	-webkit-transform: translate3d(0,0,0);
}
.header-container {
	width: 100%;
	position: absolute;
	height: 100%;
}
.mobile-menubg {
	position: position
	display: none;
}
.video-container {
	position: absolute;
	width: 100%;
	height: 100%;
}
#innopark-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
}
.close-video-button {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	border: solid 1px #fff;
	text-align: center;
	cursor: pointer;
	display: none;
}
.video-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	opacity: 0.84;
	bottom: 0;
}


/* forms css */
.select-department {
	background: #3b3b3b; 
	color: #9e9e9e; 
	font-size: 17px; 
	font-weight: 100; 
	margin-bottom: 20px; 
	padding: 16px; 
	width: 100%;
}
.select-company ul { padding: 0; margin: 0; list-style-type: none; display: none; }
.select-department ul { padding: 0; margin: 0; list-style-type: none; display: none; }
#page-careers  .join-us label , #page-contact  .join-us label{
	color: #f00;
    font-size: 12px;
    font-weight: 100;
	margin-bottom: 8px;
	visibility: hidden;
}

/* css for blog page special group */
#blog-page .interest { margin-bottom: 12%; }
#blog-page .blog { padding: 0; }
.overflow-auto { overflow: auto; }
#power-rangers { margin-top: 40px; }
#new-you .sig-content, #power-rangers .sig-content, #introspect .sig-content, #lets-care .sig-content, #usb .sig-content, #gear-up .sig-content  { width: 60%; padding: 0; float: right; }
#new-you  .head { color: #D41D56; font-size: 22px; font-weight: bold; }
#new-you  .subhead, #power-rangers  .subhead, #introspect  .subhead, #lets-care  .subhead , #usb  .subhead, #gear-up  .subhead { color: #000; font-size: 15px; margin-bottom: 10px; font-weight: bold; }
#new-you  .text, #power-rangers  .text, #introspect  .text, #lets-care  .text, #usb  .text, #gear-up  .text { color: #333; width: 90%; font-size: 13px; }
#power-rangers  .head { color: #A9D052; font-size: 22px; font-weight: bold; }
#introspect  .head { color: #0f2358; font-size: 22px; font-weight: bold; }
#lets-care  .head { color: #FF9F39; font-size: 22px; font-weight: bold; }
#usb  .head,#usb  .head a { color: #061E58; font-size: 22px; font-weight: bold; }
#gear-up  .head { color: #FB5207; font-size: 22px; font-weight: bold; }
#blog-page .sig-img { width: 35%; float: left; cursor: pointer; text-align: center;}
#blog-page .sig-img img { width: 50%; }
#blog-page .modal-content { position: relative; }
#blog-page .modal-body { padding: 0; }

#blog-page button.close { position: absolute; z-index: 1; right: 5px; }
.plugin-title {
font-weight: bold;
}

/*USB Group page started*/
#blog-pages .blog-pages-content {
width: 1280px;
margin: 0px auto;
font-size: 12px;
}
#blog-pages .blog-pages-content .group-banner {
width: 100%;
}
#blog-pages .group-banner .usb-page-logo {
float: left;
width: 31.5%;
}
#blog-pages .group-banner .usb-page-banner {
width: 68.5%;
}
.group-banner  .banner-title {
position: absolute;
color: #FFF;
bottom: 30px;
left: 35%;
font-weight: bold;
font-size: 20px;
}
.group-banner  .banner-title .banner-sub-title {
font-weight: normal;
display: block;
font-size: 15px;
}

#blog-pages .blog-pages-content .about-group {
width: 100%;
font-size: 12px;
margin-top: 15px;
margin-bottom: 15px;
}
#blog-pages .dynamic-bg .header {
background:  #26A4DC;
}
#blog-pages .fixed-header.dynamic-bg .menu-hidden ul li ,
#blog-pages .fixed-header.dynamic-bg .menu-hidden ul li a {
color: #FFFFFF;
}
#blog-pages .dynamic-bg .bar1, 
#blog-pages .dynamic-bg .bar2, 
#blog-pages .dynamic-bg .bar3 {
background: #FFFFFF;
}
.entertainment-panel-left {
text-align: right;
border-right: 1px solid;
padding-bottom: 6px;
padding-right: 22px;
}
.entertainment-panel-left .tittle {
font-weight: bold;
text-transform: uppercase;
}
.entertainment-panel-left .sub {
margin-bottom: 1px;
}
.entertainment-panel-right {
padding-left: 22px;
}
.entertainment-panel-right .text {
line-height: 22px;
}
#blog-pages .blog-pages-content .blog-content {
padding: 0px;
} 
#blog-pages .blog-pages-content .blog-left-panel {
padding: 0px;
}

.all-events {
float: left;
width: 100%;
}
.event {
 width: 47.5%;
  float: left;
  min-height: 450px;
  margin-bottom: 2%;
}
.event:nth-child(even) {
  float: right;
}
.event .event-name {
color: #28A3DC;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
}
.event .event-details {
padding: 20px 0px 10px;
width: 100%;
float: left;
border-bottom: 1px solid #000;
}
.event .event-name-time {
font-weight: bold;
float: left;
text-transform: uppercase;
}
.event .event-name-time span {
font-weight: normal;
display: block;
margin-top: 3px;
}
.event-shares {
float:right;
}
.event-shares ul {
list-style: none;
margin: 0px;
padding: 0;
}
.event-shares ul li {
float:left;
}
.event-shares ul li .fb-link {
  color: #3D5997;
}
.event-shares ul li .social-span {
display: inline-block;
height: 33px;
width: 33px;
margin-left: 5px;
background: url("../images/usb/usb-social-icons.png");
background-repeat: no-repeat;
background-position: center;
}
.event-shares ul li a.twitter {
background-position: 0px 0px;
}
.event-shares ul li a.gplus {
background-position: -35px 0px;
}
.event-shares ul li a.facebook {
background-position: -70px 0px;
}
.event-shares ul li a.linkedin {
background-position: -105px 0px;
}
.event-shares ul li a.pintrest {
background-position: -140px 0px;
}
.event .event-review {
line-height: 22px;
width: 100%;
float: left;
margin-top: 10px;
}
.margin-bfour{
margin-bottom: 4px;
}
.event .event-review.margin-tbfour{
margin-bottom: 4px;
margin-top: 4px;
}

.event-slider .carousel-control.right, .event-slider .carousel-control.left {
background: none;
}
.event-slider .event-slider {
cursor: pointer;
position: relative;
}

#blog-pages .blog-pages-content .blog-right-panel {
padding: 0px;
}

.blog-pages-content .blog-right-panel .blog--right-content {
padding: 41px 0px 10px 10%;
float: left;
width: 100%;
}
.post-archives {
background: #F8F7FC;
width: 100%;
float: left;
}
.gallery-archives {
width: 100%;
float: left;
padding: 5px;
min-height: 320px;
}
.gallery-archives  .gallery-archives-tittle {
width: 100%;
padding: 4px 6px;
background: #29147B;
float: left;
height: 60px;
}
.post-archives .archive-name {
color: #26A3DB;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
float: left;
line-height: 40px;
margin-top: 6px;
}

.gallery-archives-tittle .group-ttile {
color: #fff;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
float: right;
margin-top: 11px;
line-height: 17px;
border-left: 1px solid #fff;
}
.gallery-archives-tittle .group-ttile .group-sub {
display: block;
font-size: 10px;
}
.highlights-ul {
padding: 0px 19px 0px 25px;
float: left;
}
ul.highlights-ul li {
margin-bottom: 5px;
}
.bold{
font-weight: bold;
}
.fbimges {
display: inline-block;
position: relative;
top: -8px;
font-weight: bold;
font-size: 10px;
}

.paly {
width: 70px;
height: 70px;
position: absolute;
background: rgba(0, 0, 0, 0.75);
top: 0px;
left: 0;
bottom: 0;
right: 0;
margin: auto;
border-radius: 35px;
color: #fff;
text-align: center;
line-height: 70px;
font-weight: bold;
letter-spacing: 1px;
font-size: 14px;
cursor: pointer;
}
.padding-tzero {
padding-top: 0!important;
}
/*USB Group page ends*/

/*blogs pages Pagination started*/

#select-onchange {
  width: 40px;
  background-color: #fff;
  border: 1px solid #8B8B8B;
  color: #000;
  padding: 3px 0px;
  font-size: 12px;
}
.posts-filter {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.display-posts {
	margin-bottom: 10px;
	float : right;
	margin-top: 10px;
}
.display-posts span {
  margin: 0px 3px;
}
#page_navigation {
margin-bottom: 10px;
float : left;
margin-top: 10px
}

#page_navigation a {
  display: inline-block;
  background: #FFFFFF;
  margin-right: 8px;
  text-align: center;
  color: #6C6A6A;
  border-radius: 5px;
  font-size: 12px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #6C6A6A;
}

#page_navigation a.previous_link, #page_navigation a.next_link {
  padding: 10px 12px;
  width: 53px;
  line-height: 5px;
}
#page_navigation a.page_link.active_page {
  background: #fff;
  border: 1px solid #26A4DC;
  color: #26A4DC;
}

.dots {
font-size: 15px;
padding: 7px;
margin-left: -8px;
letter-spacing: 2px;
display: inline-block;
}
/*blogs pages Pagination ends*/

/*blogs pages slider modal popup started here*/
.slider-modal-images {
padding:0px !important;
}
.slider-modal-images .modal-body {
padding: 0px;
background: transparent;
}
.slider-modal-images .modal-content {
background: transparent;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
}
.slider-modal-images .modal-content {
border-radius: 3px;  
}
.slider-modal-images .close {
position: absolute!important;
right: 0;
z-index: 9999999!important;
top: 5px;
opacity: 0.8;
font-size: 60px;
height: 38px;
width: 10%;
line-height: 0;
color: #FFFFFF;
border-radius: 25% 0% 25% 0%;
font-weight: normal;
outline: none;
text-align: center;
}
.slider-modal-images .carousel-control {
z-index: 9;
width: 10%;
}
.slider-modal-images .carousel-control.left, .slider-modal-images .carousel-control.right {
background: none;
}

.slider-modal-images .carousel-inner>.item {
height: 100%;
}
.slider-modal-images .carousel-inner>.item>img {
margin: auto;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
max-height: 100%;
max-width: 100%;
}

.slider-modal-images  .modal-content, .slider-modal-images .modal-body,.slider-modal-images .event-slider ,.slider-modal-images .carousel ,.slider-modal-images .carousel-inner{
     width: 100%;
     height: 100%;
}
.slider-modal-images .carousel-inner {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;

}

/*blogs pages slider modal popup ends here*/

#page-careers .openings-new {
  color: #fff;
  font-family: "gothamblack";
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  margin: 40px 0;
}
#page-careers .openings-new a {
  color:#e29e5f;
}

#blog-page .life-at-innopark .head {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

#blog-page .life-at-innopark .body {
  text-align: center;
}

#blog-page  .body {
  font-size: 13px;
  margin-top: 8px;
  padding: 0 26px;
  clear: both;
}

#blog-page .plugin-activity {
  border-left: 1px solid #cccccc;
}
#blog-page .plugin-activity .body {
  padding: 0;
}

#blog-page .margin40 {
  margin-bottom: 40px;	
}

#blog-page .timeline .post {
  margin-bottom: 50px;
}
#blog-page .timeline .post .post-header img {
  width: 45px;
  float: left;
}
#blog-page .timeline .post-header span {
  font-size: 13px;
}
#blog-page .timeline .post-header span b {
     text-transform: uppercase;
}

#blog-page .timeline .post-header .title-content {
  width: 270px;
  float: left;
  margin: 4px 0 4px 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
}

#blog-page .timeline .post-header .facebook-content {
  float: right;
  font-size: 12px;
  margin: 18px 0 0 0;
  width: 146px;
}

#blog-page .timeline  .post-header .facebook-content span {
  line-height: 2;
}

#blog-page .timeline .post-header .facebook-content img {
  float: right;
  width: 20px;
}

#blog-page .timeline .post-thumbnail-images .cover {
  width: 33%;
  float: left;
}

/* grid structure alignment */
#blog-page .inner {
  overflow: auto;
  margin: 15px 0;
}
#blog-page .timeline .post-content li {
  font-size: 13px;
}

#blog-page .timeline .post-content .head {
  font-weight: bold;
}
#blog-page .timeline .post-content .lets-care-grp {
  color: #ff9f39;
}

#blog-page .timeline .post-content .usb-grp {
  color: #012357;
}

#blog-page .timeline .post-content .gear-up-grp {
  color: #FB5207;
}

#blog-page .timeline .post-content .power-rangers-grp {
  color: #A9D052;
}

#blog-page .timeline .post-content .introspect-grp {
  color: #0F2358;
}

#blog-page .timeline .post-content .new-you-grp {
  color: #D41D56;
}

#blog-page .timeline .post-content .body {
  padding: 0;
}
.img-grid {
  display: block;
  float: left;
  height: 130px;
  margin: 0 5px 5px 0;
  overflow: hidden;
  width: 32.34%;
  position: relative;
}

.img-grid img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.img-grid img.portrait-thumb {
  width: 100%;
  height: auto;
  top: 100%;
}

.img-grid img.portrait-thumb-alt {
  width: 100%;
  height: auto;
  top: 50%;  
}

/* overriding blog page fancybox changes */
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222!important;
}

.fancybox-nav {
    width: 60px!important; 
}

.fancybox-nav span {
    visibility: visible!important;
    opacity: 0.5!important;
}

.fancybox-nav:hover span {
    opacity: 1!important;
}

.fancybox-next {
    right: -60px!important;
}

.fancybox-prev {
    left: -60px!important;
}

.img-grid:nth-child(3n) {
    margin-right: 0;
}
.singl .img-grid {
    /*width: 194px;*/
    width: 32.34%;
}



/* Coverr Co Video */
/* .homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}

.no-video .video-container video,
.touch .video-container video {
  display: none;
}

.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}

.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}

.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}

.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}

.video-container video.fillWidth {
  width: 100%;
}
*/


/* Clients Started Here */
.clientLogos {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
    display: block;
    text-align: center;
}

.clLogo {
    width: 32%;
    height: 167px;
    padding: 0% 1%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*filter: grayscale(100%);*/
    cursor: pointer;
    transition: 0.2s ease-in all;
    margin: 0.5%;
    display: inline-block;
    overflow: hidden;
}
a.clLogo p {
    color: #d1d1d1;
    padding-top: 10px;
	font-size:14px;
}

.clLogo:hover {
    /*filter: grayscale(0%);*/
}

.clients {
    background-image: url(../images/clients.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
	    position: relative;
}
.clientsOverlay {
    width: 100%;
    height:410px;
    background: rgba(0, 0, 0, 0.85);
    padding-top: 50px;
}
.clientsOverlay .mainTitle {
    margin-top: 0px;
    color: #fff;
}
/*.clLogo img {
    max-height: 60px;
}*/
.clientLogos .clLogo.hitach img{
    max-height: 80px;
}
/*Cleints Ends Heer*/
.technology-list li {
    display: inline-block;
    margin-right: 6px;
    font-size: 16px;
}

.technology-list {
    text-align: center;
}