/*
Theme Name: Navian Child
Theme URI: http://www.themelogi.com/themes/navian
Description: A child theme of Navian Theme
Author: THEMELOGI
Author URI: http://www.themelogi.com
Version: 1.0.0
Template: navian
*/


/*Header and menu----------------------------------------------------------------------------*/

.module {
	padding: 0;
}
.module-group.right .module.left:first-child {
	padding-right: 4.2vw;
}
.logo {
	width: 100px;
}
.nav-container {
	-webkit-backface-visibility: hidden;
	max-width: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.nav-container nav {
	border-bottom: 0.5px solid #58595b;
}
.nav-container nav .nav-bar {
	line-height: 10px;
	height: 59px;
	max-height: 59px;
	margin-right: 5.63vw;
	margin-left: 5.63vw;
}
.nav-container nav .nav-bar .module {
	height: 59px;
}
.nav-container nav.transparent {
	border-bottom: 0.5px solid #fff;
}
.nav-container nav.nav-show {
	border-bottom: 0.5px solid #58595b;
}
nav .menu > li {
	padding-right: 4.37vw;
}
.nav-container nav .nav-bar a {
	padding-top: 24px;
	padding-bottom: 24px;
	text-transform: uppercase;
}
.nav-container nav .nav-bar a.header-logo {
	padding-top: 10px;
	padding-bottom: unset;
}
@media (min-width: 991px) {
.menu-effect-line nav .menu > li > a::before {
	border-bottom: 3px solid;
	border-top: 0px;
	-webkit-box-shadow: unset;
	-khtml-box-shadow: unset;
	-moz-box-shadow: unset;
	-ms-box-shadow: unset;
	-o-box-shadow: unset;
	box-shadow: unset;
	bottom: -3px;
}
nav .menu > li.active a {
	border-bottom: 3px solid !important;
}
.menu-effect-line nav .menu > li.work:hover a, .menu-effect-line nav .menu > li.work.active a, .nav-container nav.transparent.nav-show .menu li.work:hover a {
	border-color: #2a93d0 !important;
	color: #2a93d0 !important;
}
.menu-effect-line nav .menu > li.about:hover a, .menu-effect-line nav .menu > li.about.active a, .nav-container nav.transparent.nav-show .menu li.about:hover a {
	border-color: #c24093 !important;
	color: #c24093 !important;
}
.menu-effect-line nav .menu > li.contact:hover a, .menu-effect-line nav .menu > li.contact.active a, .nav-container nav.transparent.nav-show .menu li.contact:hover a {
	border-color: #e88a22 !important;
	color: #e88a22 !important;
}
}
.social-list.list-inline li {
	padding: 15px 0px !important;
	vertical-align: middle;
}
.transparent .social-list a {
	border: 0.5px solid #fff;
}
.transparent:not(.side-menu):not(.offcanvas-show) .social-list a:hover {
	background-color: transparent;
}
.social-list a, .nav-container nav.transparent.nav-show .social-list a {
	border: 0.5px solid #000;
	border-radius: 20px;
	color: #58595b;
	padding: 0px !important;
	margin: 0px;
	margin-right: 1.25vw;
}
.social-list li:last-child a, .nav-container nav.transparent.nav-show .social-list li:last-child a {
	margin-right: 0vw;
}
.social-list a:hover, .nav-container nav.transparent.nav-show .social-list a:hover {
	box-shadow: unset !important;
	opacity: 0.5 !important;
	color: #58595b;
}
.transparent .social-list a, .title .social-list a, .transparent .social-list a:hover {
	color: #fff;
}
.social-list a[class*="facebook"]:hover i, .social-list a[class*="instagram"]:hover i, .social-list a[class*="linkedin"]:hover i, .transparent.nav-show .social-list a[class*="facebook"]:hover i, .transparent.nav-show .social-list a[class*="instagram"]:hover i, .transparent.nav-show .social-list a[class*="linkedin"]:hover i {
	color: #58595b !important;
}
.transparent .social-list a[class*="facebook"]:hover i, .transparent .social-list a[class*="instagram"]:hover i, .transparent .social-list a[class*="linkedin"]:hover i {
	color: #fff !important;
}
.nav-container nav.transparent .module.widget-wrap .hamburger-inner, .nav-container nav.transparent .module.widget-wrap .hamburger-inner:after, .nav-container nav.transparent .module.widget-wrap .hamburger-inner:before{
 background-color:#fff
}
.site-scrolled .nav-container nav.transparent .module.widget-wrap .hamburger-inner, .site-scrolled .nav-container nav.transparent .module.widget-wrap .hamburger-inner:after, .site-scrolled .nav-container nav.transparent .module.widget-wrap .hamburger-inner:before{
 background-color:#58595b
}
@media (max-width:900px) {
.nav-container nav.transparent.fixed {
	background-color: #fff;
	transition: none !important;
}
.nav-container nav .nav-bar.nav-open .module-group{
	border-top: 0.5px solid #58595b;
	background-color: #fff;
}
.nav-container nav.transparent.fixed .module.widget-wrap .hamburger-inner, .nav-container nav.transparent.fixed .module.widget-wrap .hamburger-inner:after, .nav-container nav.transparent.fixed .module.widget-wrap .hamburger-inner:before{
 background-color:#58595b
}
.transparent:not(.side-menu):not(.offcanvas-show) .social-list a {
	color: #58595b;
}
.transparent .social-list a {

    border: 0.5px solid #58595b;

}
.nav-container nav .module-group .menu > li > a {
	padding-left: 16px;
}
}
.hamburger-box {
 position:relative;
 display:inline-block;
 width:15px;
 height:10px
}
.hamburger-inner {
 top:50%;
 display:block;
 margin-top:-2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
 position:absolute;
 width:15px;
 height:1px;
 transition-timing-function:ease;
 transition-duration:.15s;
 transition-property:transform;
 background-color:#58595b
}
.hamburger-inner:after,.hamburger-inner:before {
 display:block;
 content:""
}
.hamburger-inner:before {
 top:-5px
}
.hamburger-inner:after {
 bottom:-5px
}
.hamburger .hamburger-inner {
 transition-timing-function:cubic-bezier(.55,.055,.675,.19);
 transition-duration:75ms
}
.hamburger .hamburger-inner:before {
 transition:top 75ms ease .12s,opacity 75ms ease
}
.hamburger .hamburger-inner:after {
 transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}
.nav-open .offcanvas-toggle .hamburger-inner, .nav-open .mobile-toggle .hamburger-inner {
 transition-delay:.12s;
 transition-timing-function:cubic-bezier(.215,.61,.355,1);
 transform:rotate(45deg)
}
.nav-open .offcanvas-toggle .hamburger-inner:before,.nav-open .mobile-toggle .hamburger-inner:before {
 top:0;
 transition:top 75ms ease,opacity 75ms ease .12s;
 opacity:0
}
.nav-open .offcanvas-toggle .hamburger-inner:after, .nav-open .mobile-toggle .hamburger-inner:after {
 bottom:0;
 transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
 transform:rotate(-90deg)
}

/*Header and menu End----------------------------------------------------------------------------*/
/*Footer----------------------------------------------------------------------------*/

footer a.logo {
	width: 300px;
	margin-top: 10px;
	margin-bottom: 25px;
  display: inline-table;
}
.footer-basic .social-list a {
	width: 30px;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	color: #fff !important;
	margin-right: 1.17vw;
	background-color: transparent;
	border-color: #fff;
	opacity: 1;
}
footer .social-list a[class*="facebook"]:hover i, footer .social-list a[class*="instagram"]:hover i, footer .social-list a[class*="linkedin"]:hover i, .bg-dark .textwidget a {
	color: #fff !important;
}
.footer-text {
	line-height: 25px;
	font-weight: 600;
}
.bg-dark .textwidget a.footer-map {
	color: #c24093 !important;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: underline;
}
footer .widget {
	margin-bottom: 20px;
}
footer .sub {
	color: grey !important;
	font-size: 10px;
	font-weight: 600;
}
/*Footer End----------------------------------------------------------------------------*/
.main-container {
	overflow: hidden;
}
/*Home Page----------------------------------------------------------------------------*/
.fullwidth-nopadding .ball {
	position: absolute;
	top: 2.7vw;
	left: 8vw;
	z-index: 3;
	width: 4.31vw;
	height: 4.31vw;
}
.fullwidth-nopadding .track {
	width: 87.7vw;
	margin-left: 7.85vw;
	margin-top: 11.77vw;
	position: relative;
	z-index: 0;
}
#track-shape {
	position: relative;
	z-index: 1;
}
#track-path-back {
	position: absolute;
	width: 79vw;
	left: 2.27vw;
	top: 0;
	z-index: 0;
}
.pin1 {
	position: absolute;
	left: 75.07vw;
	top: 44.8vw;
	width: 5.9vw;
	height: 6.0vw;
	background: url(assets/img/pin.svg) no-repeat;
	z-index: 2;
}
.pin2 {
	position: absolute;
	left: 74.25vw;
	top: 92.41vw;
	width: 5.89vw;
	height: 5.96vw;
	background: url(assets/img/pin2.svg) no-repeat;
	z-index: 2;
}
.pin3 {
	position: absolute;
	left: 7.66vw;
	top: 106.61vw;
	width: 2.42vw;
	height: 7.78vw;
	background: url(assets/img/pin3.svg) no-repeat;
	z-index: 2;
}
.pin4 {
	position: absolute;
	left: 64.85vw;
	/*top: 163.59vw;*/
	top: 208.18vw;
	width: 7.73vw;
	height: 2.42vw;
	background: url(assets/img/pin4.svg) no-repeat;
	z-index: 2;
}
.wpb_row.first-row {
	position: absolute !important;
	top: -1.42vw;
}
.fullwidth-nopadding .row, .fullwidth-nopadding .wpb_row.vc_row, .fullwidth-padding .wpb_row.vc_row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.fullwidth-nopadding .wpb_row.vc_row {
	width: 100vw;
}
.fullwidth-nopadding .vc_column-inner, .fullwidth-padding .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.first-row-left {
	width: 22.55vw !important;
	margin-left: 19.6vw !important;
	margin-top: 1.36vw;
	float: left;
}
.first-row-right {
	width: 56.25vw !important;
	float: right !important;
}
.home-heading {
	font-family: Montserrat, 'Trebuchet MS', sans-serif;
	font-size: 7.81vw;
	line-height: 6.09vw;
	font-weight: 600;
	letter-spacing: -0.31vw;
	text-transform: uppercase;
	color: #404041;
}
.home-text {
	font-size: 1.17vw;
	line-height: 1.64vw;
	color: #404041;
}
.first-row-left .home-text {
	margin-top: 2.98vw;
	margin-right: 0.46vw;
}
.wpb_row.second-row {
	position: absolute !important;
	top: 51.4vw;
}
.second-row-left {
	width: 54.25vw !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: left;
}
.second-row-right {
	width: 31.38vw !important;
	margin-left: -5.26vw !important;
	margin-top: 5.76vw;
	float: left;
}
.second-row-right .home-text {
	margin-top: 2.89vw;
	margin-left: 9.34vw;
}
.wpb_row.third-row {
	position: absolute !important;
	top: 113.51vw;
}
.third-row .home-heading {
	padding-left: 22.14vw;
}
.third-row .sub-heading {
	margin-top: 4vw;
	color: #b8babc;
	clear: both;
}
.client-logo {
	width: 100.05534vw;
	height: 5.8vw;
	margin-top: 7.73vw;
}
.client-logo-2 {
	padding-left: 16.14vw;
	margin-top: 4vw;
	clear: both;
	height: 6.59vw;
}
.client-logo .wpl-logo img {
	max-height: 5.86vw;
}
.client-logo-2 img {
	height: 8.5vw;
	width: auto;
	float: left;
	margin-bottom: 0px !important;
   padding: 10px;
}
.wpb_row.fourth-row {
	position: absolute !important;
	/*top: 169.88vw;*/
	top: 214.47vw;
	left: 14.45vw;
	width: 33.66vw !important;
}
.fourth-row .home-text {
	margin-top: 3.61vw;
	margin-left: 13.7vw;
}
.fifth-row {
	position: absolute !important;
	/*top: 219.72vw;*/
	top: 264.71vw;
	width: 86.49vw !important;
	left: 9.09vw;
}
.fifth-row-mask {
	position: absolute !important;
	width: 86.49vw;
}
.fifth-row-image {
	position: absolute !important;
	top: 0.18vw;
	right: 0;
}
.fifth-row-image img {
	width: 47.69vw;
	height: 4.27vw;
}
/*Home Page End----------------------------------------------------------------------------*/

/*Heading Animation----------------------------------------------------------------------------*/

.home-heading .word {
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate3d(0, 120px, 0);
	transform: translate3d(0, 120px, 0);
	transition: opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s
}
.home-heading.is-show .word {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
}
.home-heading.is-show .word:nth-of-type(1) {
	transition-delay: 0s;
}
.home-heading.is-show .word:nth-of-type(2) {
	transition-delay: .1s;
}
.home-text, .sub-heading {
	opacity: 0;
	-webkit-transform: translate3d(0, 120px, 0);
	transform: translate3d(0, 120px, 0);
	transition: opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
}
.home-text.is-show, .sub-heading.is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
}
@media (min-width:780px) {
.home-heading .word, .home-text, .sub-heading {
	-webkit-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
}

/*Heading Animation End----------------------------------------------------------------------------*/
/*Heading Text Size ----------------------------------------------------------------------------*/
@media (max-width:900px) {
.home-text {
	font-size: 1.44vw;
	line-height: 1.90vw;
}
.fourth-row .home-text {
	margin-top: 3.61vw;
	margin-left: 5.7vw;
}
}
@media (max-width:600px) {
.home-text {
	margin-top: 2.11vw !important;
	font-size: 1.84vw;
	line-height: 2.20vw;
}
}
@media (max-width:450px) {
.home-heading {
	font-size: 6.81vw;
	line-height: 6.09vw;
	font-weight: 900;
}
.home-text {
	margin-top: 1.11vw !important;
	font-size: 2.20vw;
	line-height: 2.70vw;
}
.wpb_row.fourth-row {
	top: 210.47vw;
}
}
/*Heading Text Size End ----------------------------------------------------------------------------*/
/*About Page ----------------------------------------------------------------------------*/
.sub-heading {
	font-family: Montserrat, 'Trebuchet MS', sans-serif;
	font-size: 2.34vw;
	line-height: 2.33vw;
	font-weight: 600;
	letter-spacing: 0vw;
	text-transform: uppercase;
	color: #c24093;
	padding-left: 0.33vw;
	padding-top: 0.66vw;
}
.fullwidth-padding .container {
	width: 89.06vw !important;
}
.fullwidth-padding .wpb_column .wpb_column {
	padding-bottom: 0px;
}
/*About Page Ball and Popup----------------------------------------------------------------------------*/
#ballPop {
	width: 53.77vw;
	/*display: none;*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0vw;
	top: 0vw;
	z-index: 9999;
}
#ballPop .popBack {
	z-index: 0;
}
#ballPop .close, .staff_details_pop .close {
	position: absolute;
	top: 3.3vw;
	right: 5.47vw;
	width: 2.34vw;
	opacity: 1;
}

#ballPop .popContent {
	position: absolute;
	top: 19.96vw;
	left: 9.85vw;
	width: 37.73vw;
}
#ballPop .left-arrow, #ballPop .right-arrow {
	width: 0.55vw;
	height: 1.9vw;
	position: absolute;
	top: 5.29vw;
	cursor: pointer;
}
#ballPop .left-arrow {
	left: 0vw;
}
#ballPop .right-arrow {
	right: 0vw;
}
#ballPop .popText {
	color: #fff;
	width: 28.13vw;
	position: absolute;
	top: 0;
	left: 5.56vw;
}
#ballPop .popHeading {
	font-weight: 600;
	font-size: 2.34vw;
	line-height: 2.34vw;
}
#ballPop .popHeading p {
	margin-bottom: 0px;
}
#ballPop .popDesc {
	font-size: 1.17vw;
	line-height: 1.64vw;
	padding-top: 2.34vw;
}
#ballPop .popDesc p {
	margin-bottom: 1.41vw;
}
.about-first-row {
	height: 52.48vw;
}
.ball-upper-text {
	font-size: 1.17vw;
	line-height: 1.125vw;
	font-weight: 600;
	position: absolute !important;
	text-align: center;
	cursor: pointer;
}
.ball-upper-text p {
	margin-bottom: 0;
}
.ball-wp {
	width: 7.81vw;
	height: 9.72vw;
	color: #2a93d0;
	left: 37.9vw;
	top: 5.1vw;
}
.ball-wp img {
	margin-top: 0.86vw;
	width: 7.81vw;
}
.ball-ae {
	width: 6.06vw;
	height: 7.71vw;
	color: #94b93e;
	left: 59.22vw;
	top: 8.38vw;
}
.ball-ae img {
	margin-top: 0.73vw;
	width: 5.06vw;
}
.ball-mp {
	width: 11.85vw;
	height: 14.88vw;
	color: #db4927;
	left: 71.1vw;
	top: 15.44vw;
}
.ball-mp .ballHeading {
	padding-left: 0.78vw;
	padding-right: 0.78vw;
}
.ball-mp img {
	margin-top: 1.04vw;
	width: 11.85vw;
}
.ball-eg {
	width: 10vw;
	height: 6.80vw;
	color: #78c0b2;
	left: 8.37vw;
	top: 33.81vw;
}
.ball-eg img {
	margin-top: 0.73vw;
	width: 4.06vw;
}
.ball-cs {
	width: 5.78vw;
	height: 7.51vw;
	color: #1e70af;
	left: 22.19vw;
	top: 27.28vw;
}
.ball-cs img {
	margin-top: 0.81vw;
	width: 5.78vw;
}
.ball-mg {
	width: 8.52vw;
	height: 7.71vw;
	color: #e88a22;
	left: 30.73vw;
	top: 36.19vw;
}
.ball-mg img {
	margin-top: 1.04vw;
	width: 8.31vw;
}
.ball-tp {
	width: 18.69vw;
	height: 20.46vw;
	color: #c24093;
	left: 44.22vw;
	top: 19.97vw;
}
.ball-tp img {
	margin-top: 0.96vw;
	width: 18.69vw;
}
.ball-id {
	width: 7.19vw;
	height: 7.05vw;
	color: #e88a22;
	left: 68.44vw;
	top: 37.79vw;
}
.ball-id img {
	margin-top: 1.04vw;
	width: 5.12vw;
}
/*About Page Ball and Popup End----------------------------------------------------------------------------*/
/*About Page Input Output----------------------------------------------------------------------------*/
#we_establish2 {
	/*height: 900px;*/
}
.input-track {
	width: 61.6vw;
	height: 120.94vw;
	margin-top: -8.8vw;
	margin-left: 9.5vw;
}
#input-track2 {
	position: relative;
	top: 21px;
	left: 0; 
  	right: 0; 
  	margin-left: auto; 
 	margin-right: auto; 
	text-align: center;
	width: 280px;
}
#input-track2 .input-track {
	width: 280px;
	height: auto;
	margin-top: 0vw;
	margin-left: 0px;
	z-index: 1;
	position: relative;
}
#input-track .ball, #input-track2 .ball {
	position: absolute;
	top: 0vw;
	left: 42.11vw;
	z-index: 3;
	width: 4.68vw;
	height: 4.68vw;
	visibility: hidden;
}
#input-track2 .ball {
	left: 119px;
	width: 25.6px;
	height: 25.6px;
}
.track-heading {
	font-size: 2.34vw;
	line-height: 2.34vw;
	color: #9d9fa0;
	font-weight: 600;
}
#we_establish2 .track-heading {
	font-size: 16px;
	line-height: normal;
	background-color: #fff;
	z-index: 1;
	float: left;
	position: relative;
	padding-right: 11px;
}
.track-desc {
	padding-top: 0.47vw;
	font-size: 1.17vw;
	line-height: 1.64vw;
	width: 32.03vw;
}
#we_establish2 .track-desc {
	font-size: 11px;
	line-height: 12px;
	position: relative;
	clear: both;
	z-index: 4;
	width: 100%;
}
.track-desc .wpb_wrapper {
	opacity: 0;
	-webkit-transform: translate3d(0, 120px, 0);
	transform: translate3d(0, 120px, 0);
	transition: opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
}
.track-desc .is-show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
}
.color-green {
	color: #94b93e;
}
.color-purple {
	color: #c24093;
}
.row-inputs, .row-outputs {
	position: absolute !important;
}
#we_establish2 .row-inputs, #we_establish2 .row-outputs {
	left: 0;
}
.horzLine {
	background-color: #9d9fa0;
	width: 5.15vw;
	height: 1px;
	position: absolute;
}
#we_establish2 .horzLine {
	width: 50%;
	top: 10px;
	z-index: 0;
}
.row-market {
	left: 4.10vw;
	/*top: 25.74vw;*/
	top: 20.24vw;
}
#we_establish2 .row-market {
	top: 120px;
}
.row-market .horzLine, .row-environment .horzLine {
	right: -6.01vw;
	top: 1.25vw;
}
#we_establish2 .row-market .track-desc, #we_establish2 .row-environment .track-desc {
	/*width: 42%;
	text-align: right;*/
}
#we_establish2 .row-market .horzLine, #we_establish2 .row-client .horzLine, #we_establish2 .row-environment .horzLine, #we_establish2 .row-creativity .horzLine {
	right: 0;
	left: 0;
}
.row-client {
	left: 53.27vw;
	/*top: 35.41vw;*/
	top: 29.911vw;
}
.row-client .horzLine, .row-creativity .horzLine {
	left: -6.48vw;
	top: 1.25vw;
}
#we_establish2 .row-client {
	top: 190px;
}
#we_establish2 .row-client .horzLine, #we_establish2 .row-creativity .horzLine {
	left: auto;
}
#we_establish2 .row-client .track-heading, #we_establish2 .row-creativity .track-heading {
	float: right;
	padding-right: 0px;
	padding-left: 11px;
}
#we_establish2 .row-client .track-desc, #we_establish2 .row-creativity .track-desc {
	/*float: right;
	width: 47%;
	text-align: left;*/
}
.row-environment {
	left: 4.10vw;
	/*top: 45.77vw;*/
	top: 40.27vw;
}
#we_establish2 .row-environment {
	top: 280px;
}
.row-creativity {
	left: 53.27vw;
	/*top: 53.61vw;*/
	top: 48.11vw;
}
#we_establish2 .row-creativity {
	top: 410px;
}
.row-outputs .track-heading {
	padding-right: 0.23vw;
	padding-left: 0.23vw;
}
#we_establish2 .row-outputs .track-heading {
	padding-right: 0;
	padding-left: 49.3px;
	width: 280px;
	left: 50%;
	transform: translateX(-50%);
}
#we_establish2 .row-story .track-heading, #we_establish2 .row-business .track-heading {
	padding-left: 181.8px;
}
.row-outputs .track-desc {
	padding-top: 0px;
}
.row-vision {
	left: 4.03vw;
	/*top: 81.56vw;*/
	top: 76.06vw;
}
#we_establish2 .row-vision {
	top: 592px;
}
.row-story {
	left: 53.04vw;
	/*top: 96.69vw;*/
	top: 91.19vw;
}
#we_establish2 .row-story {
	top: 696px;
}
.row-solution {
	left: 9.22vw;
	/*top: 113.06vw;*/
	top: 107.56vw;
}
#we_establish2 .row-solution {
	top: 807px;
}
.row-business {
	left: 53.04vw;
	/*top: 128.8vw;*/
	top: 123.3vw;
}
#we_establish2 .row-business {
	top: 912px;
}
/*About Page Input Output End----------------------------------------------------------------------------*/
/*About Page Team----------------------------------------------------------------------------*/
.about-third-row .vc_row.wpb_row {
	/*margin-bottom: 0.625vw !important;*/
}
.about-third-row .vc_col-sm-3 {
	margin-bottom: 0.625vw !important;
}
 @media(min-width:768px) {
#team_row_1 .wpb_wrapper .vc_row.wpb_row:nth-of-type(2), #team_row_3_1 .wpb_wrapper .vc_row.wpb_row:nth-of-type(1) {
	/*margin-bottom: 0!important;*/
}
}
.tlg-page-wrapper > .wpb_row.staff_details_pop {
	position: fixed!important;
	top: 0;
	left: 0;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
	padding: 0;
	overflow-y: auto;
}
.staff_details_pop .close {
	/*right: 5.47vw;*/
	right: 0;
	width: 2.34vw;
	z-index: 1;
	position: relative;
}
.staff_details_pop .container {
	width: 100%;
}
.staff_details {
	display: none;
	padding: 0;
	transition: all 0.1s linear;
	width: 100%;
}
.staff_details .wpb_single_image {
	padding-right: 1.56vw;
}
.staff_details .vc_col-sm-6:nth-of-type(2){
	padding-left: 1.41vw;
}
.staff_name {
	font-size: 3.125vw;
	line-height: 3.75vw;
	font-weight: 600;
	color: #1f191a;
	padding-top: 6.72vw;
	text-transform: uppercase;
}
.staff_position {
	font-size: 1.17vw;
	line-height: 1.63vw;
	color: #1f191a;
	padding-top: 0.31vw;
}
.staff_desc {
	font-size: 1.17vw;
	line-height: 1.56vw;
	margin-top: 3.41vw;
	/*overflow: auto;
	overflow-y: auto;
	overflow-x : hidden;
	scrollbar-width: thin;
	height: 100px;*/
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	padding-right: 8px;
}
.staff_desc::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.staff_desc::-webkit-scrollbar-track {
    display: none;
}

.staff_desc::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0,0,0,.1);
}
.staff_desc p {
	margin-bottom: 1.56vw;
}
.about-third-row .image-caption.visible-caption .caption .btn--icon {
	display: none;
	opacity: 0;
}
.about-third-row .staff-3-col, .about-third-row .staff-4-col.first {
	padding-top: 7.97vw;
}
.about-third-row .staff-4-col.vc_row:after {
    clear: unset;
}
.about-third-row .staff-3-col .image-caption.visible-caption img {
	width: 100vw;
}
.about-third-row .image-caption.visible-caption img, .staff_details .wpb_single_image .vc_figure, .staff_details .vc_single_image-wrapper, .staff_details .wpb_single_image img {
	width: 100%;
}
.about-third-row .image-captions{
	width: 25%;
	float: left;
	margin-bottom: 0.625vw !important;
}
.staff-3-col .vc_col-sm-4, .staff-6-col .vc_col-sm-2, .staff-6-col.vc_col-sm-2, .staff-4-col .vc_col-sm-3, .staff-4-col.vc_col-sm-3, .staff-4-col .image-captions {
	padding-right: 0.625vw !important;
}
.about-third-row .image-caption.visible-caption:hover img {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-moz-transform: scale(1.03)
}
.about-third-row .staff-3-col .image-caption.visible-caption .caption, .about-third-row .staff-6-col .image-caption.visible-caption .caption, .about-third-row .staff-4-col .image-caption.visible-caption .caption {
	z-index: 2;
	background-color: transparent;
	position: absolute;
	bottom: 0.86vw;
	left: 1.17vw;
	width: 100%;
	padding: 0px;
}
/*.about-third-row .staff-6-col .image-caption.visible-caption .caption {
	bottom: 0.19vw;
	left: 0.58vw;
}*/

 @media(min-width:1200px) {
.about-third-row .image-caption.visible-caption .caption {
	right: 0px;
	bottom: 0.86vw;
	width: 100%
}
}
.about-third-row .staff-3-col .image-caption .caption .widgettitle, .about-third-row .staff-6-col .image-caption .caption .widgettitle, .about-third-row .staff-4-col .image-caption .caption .widgettitle {
	font-size: 2.34vw;
	font-family: Barlow, arial, sans-serif;
	text-transform: uppercase;
	line-height: 2.34vw;
	letter-spacing: 0px;
}
.about-third-row .staff-6-col .image-caption .caption .widgettitle, .about-third-row .staff-4-col .image-caption .caption .widgettitle {
	font-size: 1.17vw;
	line-height: 1.17vw;
}
.about-third-row .staff-3-col .image-caption.visible-caption .caption .widgetsubtitle {
	font-size: 0.94vw;
	letter-spacing: 0px;
}
.about-third-row .staff-6-col .image-caption.visible-caption .caption .widgetsubtitle, .about-third-row .staff-3-col .staff-6-col .image-caption.visible-caption .caption .widgetsubtitle, .about-third-row .staff-4-col .image-caption.visible-caption .caption .widgetsubtitle {
	font-size: 0.75vw;
	letter-spacing: 0px;
}
/*About Page Team End----------------------------------------------------------------------------*/
/*About Animation----------------------------------------------------------------------------*/
.staff_name, .staff_position {
	opacity: 0;
	-webkit-transform: translate3d(0, 120px, 0);
	transform: translate3d(0, 120px, 0);
	transition: opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s
}
.is-show .staff_name, .is-show .staff_position {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
}
.is-show .staff_desc p:nth-of-type(1) {
	transition-delay: 0s;
}
.is-show .staff_desc p:nth-of-type(2) {
	transition-delay: .1s;
}
.is-show .staff_desc p:nth-of-type(3) {
	transition-delay: .2s;
}
.is-show .staff_desc p:nth-of-type(4) {
	transition-delay: .3s;
}
.is-show .staff_desc p:nth-of-type(5) {
	transition-delay: .4s;
}
.staff_desc p {
	opacity: 0;
	-webkit-transform: translate3d(0, 120px, 0);
	transform: translate3d(0, 120px, 0);
	transition: opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s;
	transition: transform .3s cubic-bezier(.55, .055, .675, .19) 0s, opacity .3s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) 0s;
}
.is-show .staff_desc p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
	transition: transform 1.5s cubic-bezier(.22, .94, .44, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.5s cubic-bezier(.22, .94, .44, 1);
}
@media (min-width:780px) {
.staff_name, .staff_position, .staff_desc p  {
	-webkit-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
}

/*About Animation End----------------------------------------------------------------------------*/
/*About Text Size ----------------------------------------------------------------------------*/
 @media(min-width:1200px) {
.about-third-row .staff-3-col .image-caption.visible-caption .caption .widgetsubtitle {
	font-size: 0.94vw;
}
}
 @media(min-width:992px) {
.about-third-row .staff-3-col .image-caption.visible-caption .caption .widgetsubtitle {
	font-size: 0.94vw;
}
}
@media (max-width: 768px) {
.ball-upper-text {
	font-size: 2vw;
	line-height: 2vw;
}
.ball-mg {
	width: 9.52vw;
}
.ball-ae {
    width: 9.06vw;
}
.ball-id {
    width: 8.19vw;
}
.ball-eg {
    width: 12vw;
	left: 4.37vw;
}
.ball-mp {
	width: 13.85vw;
}
#ballPop .close {
    top: 0vw;
	width: 15px;
}
#ballPop .left-arrow, #ballPop .right-arrow {
	top: 15.29vw;
}
#ballPop .popContent {
	top: 13.65vw;
}
#ballPop .popHeading {
	font-size: 2.9vw;
	line-height: 2.5vw;
}
#ballPop .popText {
	left: 2.56vw;
	width: 33vw;
}
#ballPop .popDesc {
	font-size: 2.05vw;
	line-height: 2.55vw;
	margin-top: 2.34vw;
	padding-top: 0vw;
	height: 26.24vw;
	overflow-y: auto;
	padding-right: 5px; 
}
#ballPop .popDesc::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
#ballPop .popDesc::-webkit-scrollbar-track {
    display: none;
}

#ballPop .popDesc::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0,0,0,.1);
}
.about-third-row .image-captions{
	width: 33.33333333%;
}
.about-third-row .staff-3-col .image-caption .caption .widgettitle, #about-note {
/*	font-size: 3.5vw !important;
	line-height: 3.5vw !important;
*/	font-size: 3.0vw !important;
	line-height: 3.0vw !important;
}
.about-third-row .staff-6-col .image-caption .caption .widgettitle, .about-third-row .staff-4-col .image-caption .caption .widgettitle {
	font-size: 2.2vw !important;
	line-height: 2.2vw !important;
}
.about-third-row .staff-3-col .image-caption.visible-caption .caption .widgetsubtitle {
	font-size: 1.5vw !important;
	line-height: 1.5vw !important;
}
.about-third-row .staff-6-col .image-caption.visible-caption .caption .widgetsubtitle, .about-third-row .staff-4-col .image-caption.visible-caption .caption .widgetsubtitle {
	font-size: 1.2vw !important;
	line-height: 1.2vw !important;
}
.about-third-row .image-caption.visible-caption .caption {
	right: 0px;
	padding: 0px;
}
.staff_details_pop .close {
	width: 20px;
}
.staff_name {
	font-size: 3.7vw;
}
.staff_position {
	font-size: 12px;
	margin-top: 3px;
}
.staff_desc {
	font-size: 12px;
	line-height: normal;
}
.staff_desc p {
	margin-bottom: 1.56vw;
}
.sub-heading {
	font-size: 1.84vw;
	line-height: 1.83vw;
	padding-top: 7px;
}
}
@media (max-height: 400px) {
.staff_details_pop .tlg-spacer {
	height: 10px !important;
}
	.staff_name {
	padding-top: 1.72vw;
	}
}
@media (max-width: 768px) and (min-width: 550px) {
#we_establish2 .track-heading {
	font-size: 20px;
}
#we_establish2 .track-desc {
	font-size: 13px;
	line-height: 13px;
}
	.staff_details .vc_col-sm-6{
		width: 50%;
		float: left;
	}
	.staff_details .vc_col-sm-5{
		width: 41.66666667%;
		float: left;
	}
}
@media (max-width: 550px) {
	.staff_name {
	/*padding-top: 1.72vw;*/
	}
}
/*About Text Size End ----------------------------------------------------------------------------*/
/*Work Page ----------------------------------------------------------------------------*/
.projects.p0 .filters {
	padding-left: 0;
	padding-right: 0;
	padding-top: 5.31vw;
	padding-bottom: 7.42vw;
}
.projects .filters li {
	padding-right: 2.05vw;
}
.projects .filters li:last-child {
	padding-right: 0vw;
}
.projects .filters li a {
    color: #db4927 !important;
    font-size: 20px;
    line-height: 52.41px;
    letter-spacing: 0;
    font-weight: 600;
    opacity: 1;
    text-transform: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
	overflow: visible;
}
.filters.filter-line li a::before {
	bottom: -9px;
	border-top-color: #db4927;
}
.projects .filters li.attractions a {
    color: #94b93e !important;
}
.filters.filter-line li.attractions a::before {
	border-top-color: #94b93e;
}
.projects .filters li.ideas-concepts a {
    color: #c24093 !important;
}
.filters.filter-line li.ideas-concepts a::before {
	border-top-color: #c24093;
}
.projects .filters li.museums-galleries a {
    color: #0f8b46 !important;
}
.filters.filter-line li.museums-galleries a::before {
	border-top-color: #0f8b46;
}
.projects .filters li.retail a {
    color: #78bfb1 !important;
}
.projects .filters li.hotels-resorts a {
    color: #2a93d0 !important;
}
.filters.filter-line li.retail a::before {
	border-top-color: #78bfb1;
}
.filters.filter-line li.hotels-resorts a::before {
	border-top-color: #2a93d0;
}
.projects .filters li.theme-parks-waterparks a {
    color: #e88a22 !important;
}
.filters.filter-line li.theme-parks-waterparks a::before {
	border-top-color: #e88a22;
}
.custom-3col .project .image-box {
	margin-right: 0.57vw;
	margin-bottom: 0.57vw;
}
.custom-3col .image-box img {
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
}
.custom-3col .image-box:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.custom-3col .meta-caption {
	z-index: 2;
	left: 0;
	display: block;
	visibility: visible;
	position: absolute;
	bottom: 4.28vw;
	width: auto;
	height: auto;
	padding: 9px 9px 9px 19px;
	color: inherit;
	opacity: 1;
	background-color: #e88a22;
	margin: 0;
	transition: all .7s cubic-bezier(.2,1,.22,1);
	-webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
	max-width: 80%;
	transform: translate3d(-10px,0,0);
}
.custom-3col a.attractions .meta-caption  {
	background-color: #94b93e;
}
.custom-3col a.ideas-concepts .meta-caption  {
	background-color: #c24093;
}
.custom-3col a.museums-galleries .meta-caption  {
	background-color: #0f8b46;
}
.custom-3col a.retail .meta-caption  {
	background-color: #78bfb1;
}
.custom-3col a.hotels-resorts .meta-caption  {
	background-color: #2a93d0;
}
.custom-3col .image-box:hover .meta-caption  {
    transform: translateX(0px);
}
.custom-3col .meta-caption h5, .custom-3col .meta-caption h4 {
	font-family: Barlow, arial, sans-serif;
}
.custom-3col .meta-caption h4 {
    font-size: 20px;
    line-height: 22px;
}
.custom-3col .meta-caption h5 {
    font-size: 12px;
    line-height: 11.16px;
	font-weight: 400;
	margin-top: 4px;
	margin-bottom: 3px;
}
/*.masonry-item:nth-child(1n) { 
    width: 66.6666%; 
}
.masonry-item:nth-child(2n+2), .masonry-item:nth-child(3n+3), .masonry-item:nth-child(4n+4) { 
    width: 33.3333%; 
}
.masonry-item:nth-child(3n+2) .image-box, .masonry-item:nth-child(5n+2) .image-box  { 
    height: 50%; 
}*/
/*Work Page End----------------------------------------------------------------------------*/
/*Work Text Size----------------------------------------------------------------------------*/
@media (max-width: 768px) {
.projects .filters li a {
    font-size: 18px;
    line-height: 45px;
}
.custom-3col .meta-caption h4 {
    font-size: 18px;
    line-height: 20px;
}
.custom-3col .meta-caption h5 {
    font-size: 12px;
    line-height: 12px;
}
}
/*Work Text Size End----------------------------------------------------------------------------*/
/*Single Portfolio Page----------------------------------------------------------------------------*/
.single-portfolio .background-content .background-overlay{
	opacity: 0 !important;
	display: none !important;
}
.single-portfolio .page-title-large-center.image-bg {
    height: calc(100vh - 60px);
}
.single-portfolio section {
	padding-top: 0;
	padding-bottom: 0;
}
.single-portfolio section.overlay::before {
	opacity: 1 !important;
	background: transparent url(assets/img/arrow_down2.png) no-repeat center 90%;
}
.single-portfolio .page-nav {
	position: absolute;
	height: calc(100vh - 60px);
	width: 100%;
	top: 0;
	margin-top: 60px;
}
.single-portfolio .nav-prev, .single-portfolio .nav-next {
    position: absolute;
    top: 52%;
	width: 65px;
    height: 24px;
	margin-top: 0px;
}
@media (max-width: 768px) {
.single-portfolio .page-title-large-center.image-bg {
    height: 400px;
}
.single-portfolio .page-nav {
	height: calc(400px - 60px);
}
}
.single-portfolio .nav-prev {
	background: transparent url(assets/img/left.svg) no-repeat left center;
	text-align: left;
	left: 5.47vw;
}
.single-portfolio .nav-next {
	background: transparent url(assets/img/right.svg) no-repeat right center;
	text-align: right;
	right: 5.47vw;
}
.single-portfolio .nav-control {
	width: 65px;
    height: 24px;
    line-height: 14.4px;
	font-weight: 600;
    text-align: inherit;
    top: -4px;
    z-index: 3;
    color: #fff;
    background: transparent;
    box-shadow: none;
    border: 0px solid #e8e8e8;
    right: -1px;
}
.single-portfolio .nav-prev .nav-control {
	padding-left: 16px;
}
.single-portfolio .nav-next .nav-control {
	padding-right: 16px;
}
.single-portfolio .page-nav-bottom {
	width: 100%;
	padding-top: 1.33vw;
	padding-bottom: 7.81vw;
	text-align: center;
}
.single-portfolio .page-nav-bottom, .single-portfolio .page-nav-bottom .nav-prev, .single-portfolio .page-nav-bottom .nav-next, .single-portfolio .page-nav-bottom .nav-top {
	position: relative;
}
.single-portfolio .page-nav-bottom .nav-control{
	color: #58595b;
}
.single-portfolio .page-nav-bottom .nav-prev {
	background: transparent url(assets/img/left2.svg) no-repeat left center;
	float: left;
}
.single-portfolio .page-nav-bottom .nav-top {
	background: transparent url(assets/img/top.svg) no-repeat center top;
	display: inline-block;
	width: 25px;
	height: 25px;
}
.single-portfolio .nav-top .nav-control {
	width: 25px;
	height: 25px;
	padding-top: 16px;
}
.single-portfolio .page-nav-bottom .nav-next {
	background: transparent url(assets/img/right2.svg) no-repeat right center;
	float: right;
}
.single-portfolio .first-row {
	padding: 0 0 9.22vw 0;
}
.back-floor-plan {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    opacity: 0.5;
}
.back-floor-plan img, .portfolio-custom img, .portfolio-custom figure, .portfolio-custom .vc_single_image-wrapper {
	width: 100%;
}
.zIndex2 {
    z-index: 2;
	position: relative;
	background-color: transparent;
}
.single-portfolio .page-title {
	font-weight: 600;
	font-size: 40px;
	line-height: 45px;
	color: #404041;
	/*padding-top: 8.05vw;*/
  	padding-top: 3.9vw;
}
.single-portfolio .page-client {
	font-size: 18px;
	line-height: 28px;
	color: #404041;
}
.single-portfolio .page-client strong {
	font-weight: 600;
}
.single-portfolio .fullwidth-nopadding .wpb_row.vc_row {
    width: 100%;
}
.single-portfolio section.portfolio-custom {
	padding-bottom: 12vw;
	counter-reset: figures;
}

.single-portfolio .storyboard {
	counter-increment: figures;
}

.single-portfolio .storyboard .vc_single_image-wrapper:before {
	content: counter(figures, decimal-leading-zero);
	position: absolute;
	left: 0.7vw;
	bottom: 0.7vw;
	font-size: 1.56vw;
	color: white;
	font-weight: 600;
	border: 0.5px solid white;
	border-radius: 2.5vw;
	width: 2.5vw;
	height: 2.5vw;
	text-align: center;
	line-height: 2.27vw;
}
.single-portfolio .storyboard.black .vc_single_image-wrapper:before {
	color: black;
	border-color: black;
}
.work-heading {
	font-size: 40px;
	line-height: 48px;
	font-weight: 600;
	color: #404041;
}
.work-text {
	font-size: 18px;
	line-height: 27px;
	color: #404041;
}
.single-portfolio .wpb_column.work-desc {
	padding-left: 15px;
	padding-right: 5.47vw;
}
.single-portfolio .fullwidth-padding .wpb_column.work-desc {
	padding-right: 0vw;
}
.single-portfolio .section-related {
	border-top: 0.5px solid #58595b;
	padding-left: 5.47vw;
	padding-right: 5.47vw;
}
.single-portfolio .section-related h3 {
	font-family: Barlow, arial, sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	color: #58595b;
	margin-top: 8.83vw !important;
	margin-bottom: 1.17vw !important;
}
.single-portfolio .section-related h3::before {
	display: none;
}
.single-portfolio .wpb_text_column ol {
    list-style-position: outside;
}
@media (max-width: 768px) {
.single-portfolio .wpb_single_image{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.single-portfolio .vc_inner .wpb_column:nth-of-type(1) {
	padding-bottom: 3.91vw;
}
}
/*Single Portfolio Page End----------------------------------------------------------------------------*/
/*Contact Page----------------------------------------------------------------------------*/
.contact-page .contact-details {
	/*font-size: 15px;*/
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 51px;
}
.contact-page .contact-details.contact-label {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	padding-bottom: 14px;
}
.contact-page .contact-details, .contact-page .contact-details a{
	color: #414142;
}

.contact-page .wpcf7 {
	padding-left: 18px;
}
.contact-page .wpcf7-form-control {
    color: #414142;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	border-radius: 0px;
	border: 0px solid #e8e8e8;
	border-bottom: 0.5px solid #414142;
	background-color: transparent;
	padding: 3px 0 0 0;
	height: auto;
	margin-bottom: 43px;
}
.contact-page .wpcf7-form-control:focus {
	border-color: #e88a22;
}
.contact-page .wpcf7-form-control::placeholder {
    color: #414142;
}
.contact-page .wpcf7-form input[type="submit"] {
	border: 1px solid #414142;
	border-radius: 60px;
	float: right;
	width: 60px;
	height: 60px;
	text-align: center;
	margin-top: 24px;
	line-height: 58px;
	padding: 0;
}
.contact-page .wpcf7-form input[type="submit"]:hover {
	background-color: transparent;
	border-color: #e99130;
	color: #414142;
}
@media (max-width: 768px) {
.contact-page .wpcf7 {
	padding-left: 0px;
}
}
/*Contact Page End----------------------------------------------------------------------------*/
