@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300);
/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, div {
	vertical-align: top;
}
* {
	outline: none;
}
li, ol {
	list-style-type: none;
	list-style-image: none;
	list-style: none;
}
img {
	border: 0px;
}
textarea {
	resize: none;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}
a {
	text-decoration: none;
}
input, textarea, select, body {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif !important;
}
body{
	background-color:#000000 !important;	
}
/************************************* Reset End Styles ********************************/
/**************************************Grid styles*****************************/
.container {
	margin: 0 auto;
}
*, *:after, *:before {
	box-sizing: border-box;
}

@media (max-width:768px) {
.container {
	margin: 0 10px;
}
}

@media (min-width:768px) {
.container {
	width: 750px;
}
}

@media (min-width:992px) {
.container {
	width: 970px;
}
}

@media (min-width:1200px) {
.container {
	width: 1140px;
}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}

@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
}

@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
}

@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .clearContainer:after {
	content: " ";
	display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .clearContainer:after {
	clear: both;
}
/**************************************Grid End Styles*****************************/
/************************************* Common Styles ********************************/
.rightAlign {
	text-align: right;
}
.centerAligned {
	text-align: center;
}
.centeredBlock {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.fullWidth {
	width: 100%;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.posRelative {
	position: relative;
}
.absolutePos {
	position: absolute;
}
.textDecorationNone {
	text-decoration: none;
}
.textDecorationUnderline {
	text-decoration: underline;
}
.fontWeightBold {
	font-weight: bold;
}
.clearBoth {
	height:0;
	clear: both;
}
.clearRight {
	clear: right;
}
/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
.safeArea {
	max-width: 1040px;
	margin: 0 auto;
}
.pageLoad {
	opacity: 0;
}
.pace-done .pageLoad {
	opacity: 1;
}
.fullscreenBg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}
.fullscreenBg:after {
	content: "";
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.fullscreenBgVideo {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/******************************Menu***************************************/
.mainMenuHolder .safeArea {
	position: relative;
}
.mainMenuHolder {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 0 15px 0;
}
.changeMenu .mainMenuHolder {
	padding-top:15px;
}
.smLinks {
	text-align: right;
}
.smLinks a {
	width: 36px;
	height: 45px;
	display: inline-block;
	background-color: rgba(232,20,107,1.00);
	position: relative;
	margin-left: 5px;
}
.smLinks a:hover {
	top:-3px;
}
.smLinks a:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	background-repeat: no-repeat;
	background-size: 500px auto;
	background-image: url(../images/sprite@3x.png);
}
.fbLink:after {
	background-position: 0 -9px;
}
.twitterLink:after {
	background-position: -33px -9px;
}
.instaLink:after {
	background-position: -73px -9px;
}
.subpage .logoHolder{
	cursor:pointer;	
}
.logoHolder {
	width: 200px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	height: 72px;
	float: left;
	cursor:default;
}
.changeMenu .logoHolder{
	cursor:pointer;	
}
.changeMenu  .smLinks{
	display:none;	
}
.mainMenu {
	float: right;
	margin-top: 25px;
	position: relative;
	margin-right: 50px;
}
.mainMenu li {
	float: left;
	margin-left: 15px;
}
.mainMenu li a {
	display: block;
	color: #ffffff;
	padding: 10px 11px;
	text-transform: uppercase;
	position: relative;
	font-size: 16px;
}
.mainMenu li a:hover:after, .mainMenu li a.selected:after {
	height: 3px;
	background-color: rgba(232,20,107,1.00);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}
/*.mainMenu li a:hover:before{
	position:absolute;
	content:"";
	border-bottom:6px solid rgba(232,20,107,1.00);
	border-left:6px solid rgba(232,20,107,00);
	border-right:6px solid rgba(232,20,107,00);
	left:50%;
	margin-left:-3px;
	bottom:3px;
}*/
.mainMenu li a:hover, .mainMenu li a.selected {
	color: rgba(232,20,107,1.00) !important;
}
.changeMenu .mainMenuHolder, .subpage .mainMenuHolder {
	background: #fff;
	z-index: 100;
}
.changeMenu .mainMenu li a, .subpage .mainMenu li a {
	color: #4D4D4D;
}
.changeMenu .logoHolder, .subpage .logoHolder {
	background-image: url(../images/logo-color.png);
	width: 150px;
	height: 55px;
}
.changeMenu .mainMenu{
	margin-top:7px;
}
.subpage .mainMenu {
	margin-top: 0;
}
.changeMenu .smLinks a, .subpage .smLinks a {
	transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform-origin: top;
	margin-left: 0;
}
/******************************Menu End***********************************/
.hpBigTextHolder {
	max-width: 700px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-: translateY(-50%);
}
    .hpBigTextHolder .hpBigText, .hpBigTextHolder .authorHolder {
        color: #fff;
    }
.hideHomeText .hpBigTextHolder {
	opacity: 0;
	top: 45%;
	visibility: hidden;
}
.hideHomeText .requestQuoteWithScroll {
	opacity: 0;
	bottom: 25px;
	visibility: hidden;
}
span.pinkColor {
	color: rgba(232,20,107,1.00);
}
.hpBigText {
	font-size: 40px;
	line-height: 40px;
	font-weight: 600;
	padding-bottom: 35px;
	margin-bottom: 35px;
	position: relative;
}
.hpBigText:after {
	height: 1px;
	background: #fff;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 150px;
}
.authorHolder {
	font-size: 18px;
}
.requestQuoteWithScroll {
	position: absolute;
	left: 50%;
	color: #fff;
	bottom: 15px;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.requestText {
	margin-bottom: 20px;
	font-size:16px;
}
.requestAQuoteBtn {
	background-color: rgba(232,20,107,1.00);
	padding: 15px 20px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 80px;
	width: 100%;
}
.requestAQuoteBtn:hover {
	background: #AC1651;
}
.scrollBtn {
	width: 40px;
	height: 23px;
	background-image: url(../images/sprite@3x.png);
	background-repeat: no-repeat;
	background-size: 500px auto;
	display: inline-block;
	background-position: -117px -19px;
}
.hpBlocks {
	position: relative;
	z-index: 5px;
}
.hpBlock {
	padding: 50px 0;
	text-align: center;
}
.highlightedTextHolder {
	background-color: rgba(255,255,255,0.95);
}
.highlightedTextHolder .safeArea{
	padding:0 70px;	
}
.highlightedText {
	color: #333333;
	font-size: 22px;
	font-weight: 600;
}
.withDotSep {
	margin-bottom: 35px;
	padding-bottom: 35px;
	position: relative;
	line-height:normal;
}
.withDotSep:after {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	background: #E8146B;
	margin-left: -5px;
}
.highlightedTextHolder .smallText {
	color: #4D4D4D;
	font-size: 15px;
	text-align: left;
}
.pinkBlock {
	background: #b81757;
	color: #fff;
}
.pinkBlock .blockTitle {
	font-weight: 700;
	margin-bottom: 30px;
	font-size: 26px;
	color: #fff;
}
.borderBtn a {
	color: #fff;
	display: inline-block;
	padding: 15px 20px;
	position: relative;
}
.borderBtn input{
	border:1px solid #ffffff;
	background-color:transparent;
	color: #fff;
	display: inline-block;
	padding: 15px 50px;
	position: relative;	
}
.borderBtn input:hover{
    background: #ac1651;
	border:1px solid rgba(0,0,0,0)
}
.borderBtn a:after, .borderBtn a:before {
	content: "";
	height: 100%;
	top: 0;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 5;
	display: block;
}
.borderBtn a:after {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.borderBtn a:before {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.borderBtn a:hover {
	background: #e8146b ;
}
.borderBtn a:hover:after {
	width: 0;
}
.borderBtn a:hover:before {
	height: 0;
}
.companiesBlock .blockTitle {
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 36px;
	text-align: left;
	width: 25%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3%;
}
.companiesBlock .logosSection {
	display: inline-block;
	width: 70%;
	vertical-align: middle;
}
.companiesBlock .logosSection .eachLogo {
	width: 25%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4%;
}
.companiesBlock .logosSection .eachLogo img {
	width: 100%;
}
.companiesBlock .blockTitle .titleLine {
	width: 100%;
	margin-bottom:2px;
}
.companiesBlock .blockTitle .titleLine span {
	background-color: #E8146B;
	padding: 5px 3px;
	display: inline-block;
	position: relative;
}
.companiesBlock .blockTitle .titleLine span:after {
	width: 80px;
	height: 12px;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -40px;
	background-image: url(../images/title-shadow.png);
	background-repeat: no-repeat;
	z-index: 4;
}
.companiesBlock .blockTitle .titleLine:nth-child(3) span:after {
	display: none;
}
.experties {
	background: #f2f2f2;
}
.ourProcess{
	background: #ffffff;
}
h2 {
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 35px;
}
.experties h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 400;
	color: #333;
}
.expertiesBlock {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	padding: 50px;
	background: #fff;
	min-height: 390px;
}
.expertiesBlock:nth-child(3n) {
	margin-right: 0;
}
.blockLogoHolder {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}
.blockLogoHolder .blockLogo {
	height: 80px;
	width: 80px;
	background-color: #E8146B;
	display: inline-block;
	position: relative;
}
.blockLogoHolder .blockLogo:after {
	background-size: 500px auto;
	background-image: url(../images/sprite@3x.png);
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	top: 50%;
	left: 50%;
	z-index: 2;
}
.blockLogoHolder .blockLogo.logoStrategy:after {
	background-position: -167px -5px;
}
.blockLogoHolder .blockLogo.logoDesign:after {
	background-position: -225px -5px;
}
.blockLogoHolder .blockLogo.logoDevelopment:after {
	background-position: -296px -5px;
}
.blockLogoHolder .blockLogo.logoQuality:after {
	background-position: -364px -5px;
	width: 60px;
	margin-left: -30px;
}
.blockLogoHolder .blockLogo.logoMarketing:after {
	background-position: -439px -5px;
}
.blockLogoHolder .blockLogo.logoAnslytics:after {
	background-position: -439px -66px;
}
.expertiesBlock h3 {
	color: #333333;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.expertiesBlock .blockDesc {
	font-size: 13px;
	color: #666666;
	margin-bottom: 20px;
	min-height: 135px;
}
.learnMore {
	color: #e8146b  !important;
	font-size: 12px;
	padding-right: 20px;
	position: relative;
}
.learnMore:hover{
	color:#b81656 !important;	
}
.learnMore:after {
	background-image: url(../images/sprite@3x.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	background-position:-388px -88px;
	background-size: 500px auto;
}
.learnMore:hover:after {
	background-position:-388px -112px;
}
.someOfOurWork h2 {
	color: #fff;
}
.eachProject {
	float: left;
	width: 33.33%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.imgHolder img {
	width: 100%;
}
.eachProject .imgOverlay .overlayLeft, .eachProject .imgOverlay .overlayRight {
	background: url(../images/img-overlay.png);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
}
.eachProject .imgOverlay .overlayRight {
	left: auto;
	right: 0;
}
.eachProject:hover .overlayLeft {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
}
.eachProject:hover .overlayRight {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
}
.eachProject:hover .projectTitleHolder {
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
}
.eachProject:hover .projLink {
	transform: scale(1);
	-webkit-ransform: scale(1);
	-moz-ransform: scale(1);
}
.projectTitleHolder {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 10;
	width: 100%;
	height: 40px;
}
.projectTitleHolder:after {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: -25px;
	content: "";
	background: #E8146B;
}
.projectTitleHolder {
	color: #fff;
}
.projectTitleHolder .projName {
	font-size: 22px;
	font-weight: 500;
	margin-bottom:5px;
}
.projectTitleHolder .projSpes {
	font-size: 18px;
}
.projLink {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	transform: scale(0);
	-webkit-ransform: scale(0);
	-moz-ransform: scale(0);
}
.projLink a {
	background-color: rgba(232,20,107,0.8);
	color: #fff;
	font-size: 18px;
	padding: 15px;
	border: 1px solid #fff;
	display: block;
	width:100px;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.someWorksList {
	margin-bottom: 45px;
}
.stepsHolder {
	position: relative;
	padding: 15px 0;
}
.stepsHolder:after {
	content: "";
	left: 50%;
	top: 0;
	height: 100%;
	/*border: dashed 1px #D9D9D9;*/
	position: absolute;
	margin-left: -0.5px;
	background-image:url(../Images/dash-line.png);
	background-repeat:repeat-y;
	background-position:center center;
	width:1px;
	background-size:100% auto;
}
.stepsHolder .eachStep {
	margin-bottom: 60px;
	position: relative;
}
.stepsHolder .eachStep:after {
	border: #e8146b 1px solid;
	top: 13px;
	content: "";
	height: 15px;
	left: 50%;
	margin-left: -7.5px;
	position: absolute;
	width: 15px;
	z-index: 5;
	background: #ffffff;
}
.stepsHolder .eachStep:before {
	top: 0;
	content: "";
	height: 15px;
	left: 50%;
	margin-left: -7.5px;
	position: absolute;
	width: 15px;
	z-index: 5;
	background: #e8146b;
	opacity: 0;
	transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
}
.stepsHolder .eachStep.active:after {
	opacity: 0;
}
.stepsHolder .eachStep.active:before {
	opacity: 1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}
.stepsHolder .stepIndicator {
	top: 50%;
	margin-top: -5px;
	content: "";
	height: 15px;
	left: 50%;
	margin-left: -7.5px;
	position: fixed;
	width: 15px;
	z-index: 5;
	background: #e8146b;
	z-index: 6;
	transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	opacity: 0;
	visibility: hidden;
}
.current .stepsHolder .stepIndicator {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.stepsHolder .stepTitleHolder {
	text-align: right;
	float: left;
	width: 50%;
	padding-right: 50px;
}
.stepsHolder .stepTextsHolder {
	text-align: left;
	float: right;
	width: 50%;
	padding-left: 50px;
	position: relative;
	top: -20px;
	opacity: 0.8;
}
.stepsHolder .active .stepTextsHolder {
	top: 0;
	opacity: 1;
}
.stepsHolder .stepTitle {
	color: #E8146B;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	opacity: 0;
}
.stepsHolder .active .stepTitle {
	opacity: 1;
}
.stepsHolder .stepTexts {
	margin-bottom: 30px;
}
.stepsHolder .stepTexts .stepTextTitle {
	color: #333333;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.stepsHolder .stepTexts .stepText {
	font-size: 15px;
	color: #4d4d4d;
	text-align: justify;
}
.FRESHTeam {
	background-image: url(../images/content/team.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	position: relative;
	padding:88px 0;
}
.FRESHTeam:after {
	background: url(../images/img-overlay.png);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}
.FRESHTeam .highlightedText {
	color: #fff;
	width: 500px;
	margin: 0 auto 30px auto;
	position: relative;
	z-index: 3;
	font-size:30px;
	line-height:130%;
}
.FRESHTeam .borderBtn a {
	z-index: 3;
}
.contact h2 {
	color: #fff;
}
.contact .contactDetailsHolder {
	float: left;
	width: 40%;
	margin-right: 25%;
	text-align: left;
	color: #fff;
}
.contact .contactCity {
	font-size: 39px;
	color: #E8146B;
	font-weight: bold;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.contact .contactDetails {
	font-size: 16px;
	color:#cccccc;
}
.contact .borderBtn {
	margin-top: 25px;
}
.contact .contactInfo {
	width: 35%;
	text-align: left;
	float: left;
	color: #fff;
	font-size: 16px;
}
.contact .contactInfo .eachInfo {
	margin-bottom: 25px;
	color:#cccccc;
}
.contact .contactInfo a {
	color: #E8146B;
}
.contact .contactInfo a:hover {
	color: #fff;
}
.contact .safeArea, .contactFormHolder .safeArea{
	max-width:800px;	
}
.contactForm {
	background: #E8146B;
}
.contactFormHolder{
	background-color:#e8146b
}
.contactFormHolder h2 {
	color: #fff;
	text-align: left;
}
.halfCol {
	float: left;
	margin-right: 2%;
	width: 49%;
}
.halfCol:nth-child(2n) {
	margin-right: 0;
}
.formRow {
	margin-bottom: 20px;
	position:relative;
}
.inputHolder, .textareaHolder {
	background: #fff;
	padding: 5px 15px;
	width: 100%;
	box-sizing: border-box;
}
.inputHolder input[type="text"], .textareaHolder textarea, .inputHolder input[type="number"] {
	background: none;
	border: 0 none;
	width: 100%;
}
textarea {
	height: 250px;
}
.inputHolder input {
	line-height: 40px;
	padding: 0;
}
.inputHolder {
	height: 50px;
}
.contactFormHolder .borderBtn {
	text-align: left;
}
.hpBlock .contactForm {
	background-color: transparent;
	max-width: none;
}
.footer {
	background: #333333;
	color: #fff;
	padding: 15px 0;
	font-size: 12px;
}
.newletterHolderField {
	padding: 0 100px;
	margin-bottom: 50px;
}
.newletterHolderField h2{
	color:#ffffff	!important;
}
.newletterHolderField .inputHolder {
	position: relative;
}
.newsletterReg {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 150px;
	color: #fff;
	text-align: center;
	z-index: 10;
	background: #E8146B;
	font-size: 17px;
	line-height: 50px;
}
.newsletterReg:hover {
	background: #ac1651;
}
.footer, .copyright {
	background: #333333;
	color: #b3b3b3;
	padding: 20px 0 20px 0;
	font-size: 12px;
}
.footerSitemapHolder {
	margin-bottom: 50px;
}
.footerSitemapHolder .sitemapCol {
	width: 16.6%;
	float: left;
	text-align: center;
}
.footerSitemapHolder .sitemapCol a {
	font-size: 16px;
	color: #808080;
	display: block;
	margin-bottom: 20px;
}
.footerSitemapHolder .sitemapCol a:hover {
	color: #fff;
}
.footerSitemapHolder .sitemapCol a.mainLink {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.footerSitemapHolder .sitemapCol a.mainLink:hover {
	color: #808080;
}
.subpage .mainMenuHolder {
	position: static;
}
.subpageBlock {
	padding: 60px 0;
}
.imageBanner {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.imageBanner:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1;
	content: "";
}

.subpageBannerTextHolder {
	position: relative;
	z-index: 2;
	padding: 0 150px;
}
    .subpageBannerTextHolder
    {
        padding: 0px;
    }
.subpageBannerText {
	color: #ffffff;
	font-size: 16px;
	line-height:normal;
}
.companyTabs .tabsLinks {
	border-bottom: 1px solid #333333;
}
.companyTabs .tabsLinks a {
	width: 25%;
	float: left;
	text-transform: uppercase;
	color: #808080;
	font-size: 20px;
	font-weight: 400;
	line-height:25px;
}
.companyTabs .tabsLinks a span {
	display: block;
	color: #333333;
	font-weight: 400;
	font-size: 15px;
}
.companyTabs .tabsLinks a.active {
	border-bottom: 5px solid #e8146b;
	color: #e8146b !important;
}
.companyTabs .tab {
	padding: 60px;
}
.companyTabs .tabImage {
	width: 15%;
	margin-right: 5%;
	float: left;
}
.companyTabs .tabText {
	width: 80%;
	float: left;
	color: #4d4d4d;
	font-size: 18px;
	line-height:normal;
}
.tabsLinks a {
	display: inline-block;
	padding: 5px 10px 5px 15px;
	text-decoration: none;
}
.tab {
	display: none;
}
.magentaBg {
	background-color: #e8146b;
}
.lightGreyBg {
	background-color: #f2f2f2;
}
/*.noContentPads .subpageBannerTextHolder {
	padding: 0;
}*/
.ourProjectsLogos {
	text-align: centere;
}
.ourProjectsLogos .eachProjectLogo {
	display: inline-block;
	margin-right: 3px;
}
.ourProjectsLogos .eachProjectLogo:nth-child(5n) {
	margin-right: 0px;
}
.ourProjectsLogos .eachProjectLogo a {
	display: block;
	width: 200px;
	height: 200px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}
.expertiseTabs .tabsLinks {
	margin-bottom: 60px;
	text-align: center;
}
.expertiseTabs .tabsLinks a {
	width: 16%;
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	padding: 15px 0;
	color: #e8146b;
	border-top: 1px solid #e8146b;
	border-left: 1px solid #e8146b;
	border-bottom: 1px solid #e8146b;
	margin-right: -5px;
}
.expertiseTabs .tabsLinks a:last-of-type {
	border-right: 1px solid #e8146b;
}
.expertiseTabs .tabsLinks a.active {
	background-color: #e8146b;
	color: #fff;
}
.expertiesTextBlock .tabText, .expertiesSubTextBlock .tabText {
	padding: 0 100px;
	font-size:14px !important;
	font-family: "Open Sans",sans-serif !important;
}
.expertiesSubTextBlock {
	padding: 60px 0;
}
.expertiesSubTextBlock:nth-child(2n) {
	position: relative;
}
.tabsMain .expertiesSubTextBlock:nth-child(2n):after {
	position: absolute;
	left: 50%;
	top: 0;
	border-left: 30px solid rgba(0,0,0,0);
	border-right: 30px solid rgba(0,0,0,0);
	border-top: 20px solid rgba(255,255,255,1.00);
	content: "";
	z-index: 3;
	display: block;
	margin-left: -15px;
}
.expertiesSubTextBlock.greyLine {
	background-color: #f2f2f2;
}
.expertiesTextBlock {
	padding-bottom: 60px !important;
}
.noPadBot {
	padding-bottom: 0;
}
.workProjectsList .eachWorkProject {
	width: 32.5%;
	margin-right: 1.25%;
	float: left;
	-webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.19);
	box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.19);
	margin-bottom: 15px;
}
.workProjectsList .eachWorkProject:nth-child(3n) {
	margin-right: 0;
}
.workProjectsList .eachWorkProject .workProjectInfo {
	padding: 0 16px 20px 16px;
}
.workProjectsList .eachWorkProject .workProjectImage {
	margin-bottom: 20px;
	overflow: hidden;
}
.workProjectsList .eachWorkProject .workProjectImage img {
	width: 100%;
	display: block;
}
/*.workProjectsList .eachWorkProject .workProjectImage:hover img {
	transform: scale(1.02);
}*/
.workProjectsList .eachWorkProject .workProjectTitle {
	margin-bottom: 10px;
}
.workProjectsList .eachWorkProject .workProjectTitle a {
	color: #333333;
	font-size: 18px;
	font-weight: 400;
}
.workProjectsList .eachWorkProject .workProjectTitle a:hover {
	color: #e8146b;
}
.workProjectsList .eachWorkProject .workProjectType {
	margin-bottom: 15px;
	color: #e8146b;
	font-size: 16px;
}
.workProjectsList .eachWorkProject .workProjectDesc {
	color: #4d4d4d;
	font-size: 14px;
	margin-bottom: 25px;
}
.workProjectsList .eachWorkProject .borderBtn, .whiteBanner .borderBtn {
	text-align: center;
}
.workProjectsList .eachWorkProject .borderBtn a, .whiteBanner .borderBtn a {
	border: 1px solid #4d4d4d;
	color: #4d4d4d;
}
.workProjectsList .eachWorkProject .borderBtn a:hover, .whiteBanner .borderBtn a:hover {
	color: #ffffff;
	border: 1px solid rgba(0,0,0,0);
}
.portfolioSlider .flexslider {
	position: relative;
}
.portfolioSlider .flexslider:after {
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 222px;
	/*background-image: url(../images/content/shadow.png);
	background-repeat: no-repeat;
	background-size: 100% auto;*/
	z-index: 2;
	position: absolute;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(25%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.portfolioSlider .flexslider .slides li {
	background-size: cover;
	height: 500px;
	background-repeat: no-repeat;
}
.portfolioSlider .flex-direction-nav {
	display: none;
}
.sliderProjectInfo {
	position: absolute;
	z-index: 4;
	color: #ffffff;
	left: 0;
	width: 100%;
}
.sliderProjectInfo .projectName {
	font-size: 45px;
	line-height: 100%;
	margin-top: 40px;
	margin-bottom: 15px;
}
.sliderProjectInfo .projectType {
	font-size: 25px;
	line-height: 100%;
}
.whiteBanner .subpageBannerText {
	color: #4d4d4d;
}
.flex-control-paging li a{
	width:16px;
	height:16px;	
}
.shareBtnsHolder {
	text-align: center;
}
.shareBtnsHolder a {
	padding: 13px 35px 13px 50px;
	color: #ffffff;
	font-size: 16px;
	background-color: #CCCCCC;
	display: block;
	position: relative;
	width:240px;
}
.shareBtnsHolder a:hover {
	background-color: #cccccc;
}
.shareBtnsHolder a:after {
	content: "";
	background-image: url(../images/sprite@3x.png);
	background-repeat: no-repeat;
	background-size: 500px auto;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
}
.fbShareHolder a {
	float: right;
	margin-right: 5px;
	background-color: #3b5998;
}
.fbShareHolder a:after {
	background-position: -3px -14px;
	top: 7px;
}
.twitterShareHolder a {
	float: left;
	margin-left: 5px;
	background-color: #00acee;
}
.twitterShareHolder a:after {
	background-position: -37px -14px;
}
.shareHolder {
	float: left;
	width: 50%;
}
.noPadsRightLeft {
	padding: 0;
}
.featuresHolder .eachFeature {
	width: 50%;
	float: left;
	padding-right: 50px;
	border-right: 1px solid #b2b2b2;
	padding-bottom: 50px;
	padding-left: 50px;
}
.featuresHolder .eachFeature:nth-child(2n) {
	padding-right: 0;
	padding-left: 100px;
	border-right: 0 none;
	padding-bottom: 50px !important;
}
.featuresHolder .eachFeature:nth-last-child(2), .featuresHolder .eachFeature:nth-last-child(3) {
	padding-bottom: 0;
}
.featuresHolder .eachFeature .featureTitle {
	color: #333333;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px;
	position: relative;
}
.featuresHolder .eachFeature .featureTitle:after {
	content: "";
	background-image: url(../images/sprite@3x.png);
	background-repeat: no-repeat;
	background-size: 500px auto;
	position: absolute;
	left: -40px;
	top: -3px;
	width: 30px;
	height: 30px;
	background-position: -307px -79px;
}
.featuresHolder .eachFeature .featureDesc {
	font-size: 18px;
	color: #4d4d4d;
	height: 85px;
}
.tagsList {
	text-align: center;
}
.tagsList .eachTag {
	display: inline-block;
	margin-right: 3px;
	background-color: #ffffff;
	font-size: 20px;
	color: #e8146b;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.teamList .teamItem {
	width: 32.5%;
	margin-right: 1.25%;
	float: left;
	margin-bottom: 25px;
}
.teamList .teamItem:nth-child(3n) {
	margin-right: 0;
}
.teamList .teamItem .persImage {
	margin-bottom: 15px;
}
.teamList .teamItem .persImage img {
	width: 100%;
}
.teamList .teamItem .persName {
	color: #333333;
	font-size: 18px;
	margin-bottom: 10px;
}
.teamList .teamItem .persPosition {
	color: #e8146b;
	font-size: 14px;
}
.jobsListing .eachJob {
	width: 32.5%;
	margin-right: 1.25%;
	float: left;
	margin-bottom: 15px;
	background-color: #ffffff;
	height: 400px;
	padding: 50px;
	text-align: center;
}
.jobsListing .eachJob:nth-child(3n) {
	margin-right: 0;
}
.jobsListing .eachJob .jobTitle {
	color: #e8146b;
	font-size: 22px;
	margin-bottom: 30px;
	text-transform:uppercase;
}
.jobAvailable {
	color: #000000;
	font-size: 18px;
	margin-bottom: 20px;
}
.noJobs {
	color: #808080;
}
.errorHere {
	position: relative;
}
.erroMessage {
	display: block;
	position: absolute;
	right: 10px;
	top: 12px;
}
.errorHere .erroMessage {
	display: block;
}
.subpageBlock .contactForm {
	max-width: none;
}
.reachUS .subpageBannerTextHolder {
	padding: 0 100px;
}
.contentList li {
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
}
.contentList li:after {
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	background-color: #000000;
	content: "";
}
.careersListHolder {
	padding: 50px 0;
	background-image: url(../images/careers-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.careersLine {
	padding: 0 100px;
	margin-bottom: 80px;
	opacity: 0.7;
}
.careersLine .linteTitle {
	padding-left: 25px;
	font-size: 22px;
	color: #ffffff;
	position: relative;
	margin-bottom: 20px;
}
.careersLine .linteTitle:after {
	width: 10px;
	height: 10px;
	background-color: #808080;
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
}
.careersLine .LineInputHolder input {
	font-size: 18px;
	color: #ffffff;
	background-color: transparent;
	border: 0 none;
}
.dropdownListCareers {
	padding-left: 25px;
}
.dropdownListCareers .stackedInput {
	display: block;
	margin-right: 0;
	width: 100%;
}
.dropdownListCareers .stackedInput label {
	font-size: 18px;
	color: #ffffff;
}
.dropdownListCareers input[type="checkbox"]:not(old) + label > span, input[type="radio"]:not(old) + label > span {
	width: 15px;
	height: 15px;
	border: 1px solid #ffffff;
	background-color: transparent;
	margin: 6px 10px 0 0;
}
.dropdownListCareers input[type="checkbox"]:not(old) + label, input[type="radio"]:not(old) + label {
	margin-left: -1.5em;
}
.dropdownListCareers input[type="checkbox"]:checked:not(old) + label > span::before {
	background-color: #ffffff;
}
.careersLine.focused {
	opacity: 1;
}
.careersLine.focused .linteTitle:after {
	background-color: #e8146b;
}
.searchList .eachRes {
	width: 32%;
	margin-right: 2%;
	float: left;
	padding: 40px;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}
.searchList .eachRes:nth-child(3n) {
	margin-right: 0;
}
.searchList .eachRes .resImg {
	margin-bottom: 15px;
}
.searchList .eachRes .resTitle {
	margin-bottom: 10px;
}
.searchList .eachRes .resTitle a {
	color: #333333;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}
.searchList .eachRes .resDesc {
	margin-bottom: 15px;
}
.subpage .searchHolder {
	border: 1px solid #e8146b;
}
.searchHolder {
	position: absolute;
	right: -50px;
	top: 5px;
	width: 35px;
	height: 35px;
	overflow: hidden;
}
.searchHolder.open {
	width: 170px;
}
.searchHolder input {
	display: none;
}
.searchHolder.open input {
	display: block;
}
.searchHolder.open input.searchText {
	width: 100%;
	height: 100%;
	border: 0 none;
	border-radius: 0;
	padding: 0 35px 0 5px;
}
.searchHolder.open input.searchBtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 30px;
	cursor: pointer;
	height: 100%;
	background-color: rgba(232, 20, 107, 1);
	color: #ffffff;
	border: 0 none;
	border-radius: 0;
}
.searchActions {
	display: block;
	background-image: url(../images/sprite@3x.png);
	background-repeat: no-repeat;
	background-size: 500px auto;
	position: absolute;
	width: 30px;
	height: 30px;
	background-position: -233px -78px;
}
.changeMenu .searchActions{
	background-position: -177px -78px;
}
.searchHolder.open .searchActions {
	display: none;
}
.mobileTabOpenClick {
	display: none;
}
.margBot20 {
	margin-bottom: 20px;
}
.margBot30 {
	margin-bottom: 30px;
}
h2 .specialColor {
	color: #e8146b;
}
.expertiesTextBlock h2 {
	font-size: 28px !important;
}
h2.withPadding {
	padding: 0 150px;
}
.subpageBlock h2 {
	font-size: 45px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
	line-height:normal;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:600;
}
.subpageBlock.imageBanner h2, .subpageBlock.magentaBg h2 {
	color: #fff;
}
/*********************************************************/
.smLinks a, .mainMenu li a, .mainMenu li a:hover:after, .mainMenu li a:hover:before, .requestAQuoteBtn, .mainMenuHolder, .logoHolder, .mainMenu, .borderBtn a, .borderBtn a:after, .borderBtn a:before, .learnMore:after, .hpBigTextHolder, .requestQuoteWithScroll, .smLinks, .eachProject .imgOverlay .overlayRight, .eachProject .imgOverlay .overlayLeft, .projectTitleHolder, .projLink, .stepIndicator, .stepTitle, .eachStep:before, .stepTextsHolder, .expertiseTabs .tabsLinks a, .workProjectTitle a, .workProjectsList .eachWorkProject .workProjectImage img, .shareBtnsHolder a, .fileUpload:after, .careersLine, .searchHolder, .searchHolder input, .searchHolder a, body, .borderBtn input  {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.searchHolder, .searchHolder input {
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
a:hover, a:focus {
	text-decoration: none !important;
}
span[id$='ClassicSearch'] {
	display: none !important;
}
.subpageBannerTextHolder h2 {
	/*color: #fff;*/
	font-size: 48px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: 'Open Sans', sans-serif;
	line-height: 40px;
}
.formError{
	color:#ff0000;
	position:absolute;
	right:10px;
	bottom:15px;
	font-size:10px;
}
input[type="submit"]{
	width:auto;	
	border: 0 none;
	padding:0 15px;
}
.ModContactUsC input[type="submit"], .subpageBlock input[type="submit"], .ModCareersC input[type="submit"]{
	width:auto;	
	border: 1px solid #ffffff;
	padding: 15px 50px;
}
.ModContactUsC input[type="submit"]:hover, .subpageBlock input[type="submit"]:hover, .ModCareersC input[type="submit"]:hover{
	border: 1px solid rgba(0,0,0,0);
}
.ModCareersC .borderBtn{
	text-align:left;
	padding:0 100px;
}
#dnn_ctr432_JobApplication_form .safeArea{
	max-width:800px;	
}
.whiteBanner{
background-color: #FFF;
}
.resImg img
{
    width: 80px;
}