.fixedImageHolder {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	height:100%;
	width:100%;
	background: rgba(0, 0, 0, 0.5);
	z-index:111;
	transition: opacity .4s;
}

.fixedImageHolder.open {
	opacity: 1;
	pointer-events: all;
}

.fixedImageHolder .holder {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	padding-bottom: 10px;
	max-width: 650px;
	max-height: 850px;
	width:100%;
	height: 100%;
}

.fixedImageHolder .holder img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	max-width: 100%;
	max-height: calc(100% - 40px);
	width:auto;
	height: auto;
	z-index:1;
}

.fixedImageHolder .closeButton {
	position: absolute;
	top:0;
	right:0;
	margin: 10px;
	height:20px;
	width:20px;
	text-align: center;
	cursor: pointer;
	z-index:2;
}

.fixedImageHolder .closeButton i {
	position: relative;
	top:0;
	left:0;
	margin: auto;
	font-size:20px;
	line-height: 20px;
	color:white;
}

.ajaxHiddenImageLoader {
	position: fixed;
	pointer-events: none;
	opacity: 0;
}

h4.nv-project-name {
	color:#e5a01e !important;
}

.project-item:hover h4.nv-project-name {
	color:white !important;
}

h4.nv-project-name::after {
	color:white !important;
}

.loadMore .nv-btn {
	cursor: pointer;
	margin-bottom: 20px;
}

.loadMore.full {
	width:100% !important;
}

.nv-info a {
	color: #6c6c6c;
}

.nv-info a:hover {
	color: #e5a01e;
}

.projectNoTitle .nv-project-description {
	display: none;
}

.projectNoTitle.nv-project::after {
	display: none !important;
}

.nv-project-description {
	display: block;
	position: absolute !important;
	top:auto !important;
	bottom:0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 15px;
}

.portfolioTitle,
.portfolioTitleFocused {
	float: none;
	position: relative;
	padding-top:8px;
	width:100%;
}

.portfolioTitle.focused {
	opacity: 0;
	position: relative;
}

.portfolioTitleFocused {
	position: fixed;
	top:0;
	left:0;
	margin: auto;
	z-index:99;
	background: rgba(255, 255, 255, 0.5);
	-webkit-backdrop-filter:blur(20px) saturate(180%);
}

.portfolioTitle .nv-uc-title,
.portfolioTitleFocused .nv-uc-title {
	position: relative;
	display: inline-block;
	font-size:35px;
	line-height: 100%;
	padding-left: 0px;
}

@media (max-width:992px) {
	.nv-section.portfolio {
		left:0;
		right:0;
		margin: auto;
		max-width:500px;
	}

	.portfolioTitleFocused .container {
		max-width:500px;
	}
}

@media (max-width:500px) {
	.nv-section.portfolio {
		max-width:none;
	}

	.portfolioTitleFocused .container {
		max-width:none;
	}
}

@media(max-width:800px) {
	.portfolioTitle .nv-uc-title,
	.portfolioTitleFocused .nv-uc-title {
		font-size:25px;
	}
}

@media(max-width:768px) {
	.portfolioTitleFocused .col-md-12 {
		max-width: 100%;
		margin: 0px;
		padding:0px;
	}
}

@media(max-width:550px) {
	.portfolioTitle .nv-uc-title,
	.portfolioTitleFocused .nv-uc-title {
		font-size:23px;
	}
	.portfolioTitle .nv-underlined-title::after,
	.portfolioTitleFocused .nv-underlined-title::after {
		border-width: 0 0 3px 0;
	}
}

.portfolioTitle .container,
.portfolioTitle .col-md-12 {
	max-width: 100%;
	margin: 0px;
	padding:0px;
}

.portfolioTitle .nv-underlined-title::after,
.portfolioTitleFocused .nv-underlined-title::after {
	position: relative;
	border-width: 0 0 5px 0;
	width:33.333%;
}

.floatingIconHolder {
	position:fixed;
	height:100%;
	width:100%;
	background-color: rgb(255, 255, 255);
	z-index:1;
}

.floatingIconHolder img,
.nv-preloader img.logoIconBG {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	margin: auto;
	height:auto;
	width: 85%;
	max-width:650px;
	opacity:.15;
	z-index:-1;
}

@media (max-width:992px) {
	.capabilitiesImg {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.aboutHeadImg {
		display: none;
	}
}

.logo-holder {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top:0;
	left:0;
	right:0;
	margin: auto;
	height:auto;
	width:250px;
}

.nav-holder {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top:0;
	left:0;
	right:0;
	margin: auto;
	height:auto;
	width:calc(100% - 250px);
}
.navContact {
	margin-bottom: 0px !important;
}
@media(max-width:768px) {
	.nv-top-bar {
		display: none;
	}
	.nv-halfpage-cols-container {
		margin: 0 !important;
	}
	.nav-holder {
		margin-right: 15px;
		width:calc(100% - 285px);
	}

	.nv-service {
		margin-bottom:50px;
	}

	.nv-info {
		display: inline-block;
		vertical-align: middle;
		width:215px;
		margin-left: 10px;
		text-align: left;
		margin-bottom: 27px;
	}
}

@media(max-width:380px) {
	.logo-holder {
		width:215px;
		margin-left:10px;
	}
	.nav-holder {
		width:calc(100% - 240px);
	}
}

/* .nv-hcontent,
.nv-hcontent * {
	background:rgba(0, 0, 0, 0) !important;
} */

.nv-hcontent.align-right {
	text-align: right;
}
.nv-logo.loaderObj {
	width:100px;
	margin-bottom: 10px;
}

.nv-dark-mode,
.nv-dark-mode .nv-progress-bar,
.nv-dark-mode h1,
.nv-dark-mode h2,
.nv-dark-mode h3,
.nv-dark-mode h4,
.nv-dark-mode h5,
.nv-dark-mode h6 {
	color:white !important;
}

.nv-fw-outline .nv-bg-element,
.nv-fw-outline .nv-bg-element::after {
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
}

.nv-fw-gold .nv-bg-element {
	opacity: 0;
}

.clientImg {
	opacity: .4;
	width:66.666667%;
}

.colorOrange {
	color:#e5a01e !important;
}

.tagline {
	font-size:20px;
	line-height: 165%;
}

.slideLogo {
	display: block;
	height:100px !important;
	width: auto !important;
}

.nv-btn.fillWhite {
	background: white;
	color:black;
}

.tp-caption.para {
	text-shadow: 0px 0px 20px rgba(0, 0, 0, .9);
}

.tp-caption.left {
	margin-left: 0px;
}

select {
	padding: 0px 5px;
	border:1px solid rgba(0, 0, 0, 0.1);
}

.nv-project.collection {
	height:350px;
}

.nv-member-photo {
	transition:transform .4s;
}

.nv-member-photo:hover {
	transform: scale(1.1);
}
.nv-top-bar.white {
	background: rgb(240, 240, 240);
	color:black !important;
}

.nv-top-bar.white a {
	color:black !important;
}

.nv-top-bar.white .nv-social-links a {
	color:black !important;
}

.nv-transparent-dark {
	background: rgba(25, 25, 25, 1);
	/* background:rgba(0, 0, 0, 0.11); */
}

.nv-transparent-dark .nv-hsection {
	padding: 15px 0px;
}

.nv-section.expansive {
	position: relative;
	width: 100%;
	margin: 50px 0px;
}

/*Notfier*/

.notifyContainer {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    top:0;
    left:0;
    right:0;
    margin: auto;
    height: 100%;
    width:100%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter:blur(20px) saturate(90%);
    text-align: center;
    z-index:100001;
    transition: opacity .25s;
}

.notifyContainer .verticalAlign {
    display: inline-block;
    vertical-align: middle;
    width:0;
    height:100vh;
}

.notifyContainer .alert {
    display: none;
}

.notifyHolder {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    height: auto;
    max-width: 450px;
    width:calc(100% - 25px);
    background: rgb(40, 40, 40);
    box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    overflow: hidden;
    transform: translateY(50px);
    transition: transform .25s, opacity .2s;
}

.notifyTitleHolder {
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    height: auto;
    width: auto;
    padding: 8px 12px;
    text-align: left;
    background: rgb(32, 32, 32);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
    /*border-left:3px solid rgb(243, 0, 71);*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.notifyMessageHolder {
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    height: auto;
    max-height: 300px;
    width: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.notifyMessage {
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    padding: 15px;
    height: auto;
    text-align: left;
    line-height: 160%;
    font-size:16px;
}

.notifyCloseHolder {
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    height: auto;
    width: auto;
    padding: 8px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(32, 32, 32);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
    text-align: right;
}

.notifyCloseHolder .button {
    display: inline-block;
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    margin-left: 12px;
    height: auto;
    width: auto;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight:400;
    background: rgb(210, 210, 210);
    color:rgb(0, 0, 0);
    transition: opacity .1s;
    cursor:pointer;
}

.notifyCloseHolder .button.choice {
    display: none;
}

.notifyCloseHolder .button:active {
    opacity:.65;
}

/*Loader Styles*/

.loaderHolder {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    width:100%;
    height:100%;
    background:rgba(64, 64, 64, 0.85);
    -webkit-backdrop-filter:blur(20px) saturate(90%);
    z-index:300;
    text-align: center;
    transition: opacity .3s;
}

.loaderHolder .verticalAlign {
    display: inline-block;
    vertical-align: middle;
    width:0px;
    height:100vh;
}

.loadingElements {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    width: auto;
    height: auto;
}

.loaderBox {
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    height:85px;
    width:85px;
    /*background: rgb(172, 128, 70);*/
}

.loaderContainer {
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    height:85px;
    width:85px;
}

.loader {
    stroke: #ececec;
}

.progressBarHolder {
    display: none;
    position: relative;
    top:0;
    left:0;
    right:0;
    margin: auto;
    margin-top: 25px;
    height:30px;
    width:175px;
    background: rgba(0, 0, 0, 0.05);
    border:1px solid rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    overflow: hidden;
}

.loadingCancel {
    opacity: .75;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
	line-height: 180%;
    height:20px;
    width:50px;
    font-size:12px;
    border-radius:5px;
    color:white;
    font-weight: 700;
    cursor: pointer;
    transition: background .25s, opacity .075s;
}

.loadingCancel:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.15);
}

.loadingCancel:active {
    opacity: .5;
}

.progressBar {
    position: relative;
    top:0;
    left:0;
    margin: auto;
    margin-left: 0px;
    width:0%;
    height:100%;
    background: rgb(214,148,43);
    transition: width .3s;
}