/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
   font-family:'Athletics-Regular';
    src:url('fonts/Athletics-Regular.woff2') format('woff2'),
		url('fonts/Athletics-Regular.woff') format('woff');
	font-style:normal;
	font-weight:normal;
}
@font-face {
   font-family: 'LeagueSpartan-regular';
    src:url('fonts/LeagueSpartan-regular.woff2') format('woff2'),
		url('fonts/LeagueSpartan-regular.woff') format('woff');
	font-style:normal;
	font-weight:normal;
}
@font-face {
   font-family: 'League Spartan';
    src:url('fonts/LeagueSpartan.woff2') format('woff2'),
		url('fonts/LeagueSpartan.woff') format('woff');
	font-style:normal;
	font-weight:bold;
}
@font-face {
    font-family:'playfair-display';
    src:url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
		url('fonts/PlayfairDisplay-Regular.woff') format('woff');
	font-style:normal;
	font-weight:normal;
}
@font-face {
    font-family:'futura-pt-demi';
    src:url('fonts/FuturaPTDemi.woff2') format('woff2'),
		url('fonts/FuturaPTDemi.woff') format('woff');
	font-style:normal;
	font-weight:normal;
}
@font-face {
    font-family:'futura-pt-book';
    src:url('fonts/FuturaPTBook.woff2') format('woff2'),
		url('fonts/FuturaPTBook.woff') format('woff');
	font-style:normal;
	font-weight:normal;
}

/* START HEADER & MENU */
body #header-outer {
	background: #fff!important
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav >.buttons {
	margin-left: 0!important;
}
.header-section .col.span_12.light.center {
    height: 100%!important;
}
#header-outer.fp-section-1 span.home,
#header-outer.fp-section-2 span.work,
#header-outer.fp-section-3 span.about,
#header-outer.fp-section-4 span.clients,
#header-outer.fp-section-5 span.technology,
#header-outer.fp-section-6 span.team,
#header-outer.fp-section-7 span.press,
#header-outer.fp-section-8 span.contact,
#header-outer.fp-section-9 span.ykone-intel,
#header-outer.fp-section-10 span.boldtalent
{
	display: block;
}
body.single-portfolio #header-outer span.work { display: block; }
#header-outer[data-transparent-header="true"].transparent.side-widget-open >header #logo img.dark-version { opacity: 1!important; }

body #header-outer[data-transparent-header="true"][data-remove-border="true"],
body.using-mobile-browser #header-outer.transparent {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25)!important;
}
body #header-outer.transparent[data-transparent-header="true"].dark-slide,
body #header-outer.transparent.side-widget-open[data-transparent-header="true"][data-remove-border="true"],
body #header-outer.scrolled-down[data-transparent-header="true"][data-remove-border="true"],
body.using-mobile-browser #header-outer:not(.transparent)
{
	border-bottom: 1px solid #f2f2f2!important;
	background: #fff!important;
}
body.material #header-outer.transparent.side-widget-open .slide-out-widget-area-toggle a .close-line { background-color: #2C3038!important; }
#header-outer.transparent.dark-slide #top {
    transition: all 0.5s ease;
}
#header-outer.transparent > #top .page-title { color: #fff; }
#header-outer.transparent.dark-slide > #top .page-title { color: #2C3038; }
#header-outer.transparent > #top .contact-icon path { fill: #fff; }
#header-outer.transparent.side-widget-open #top nav > ul > li > a, #header-outer.transparent.side-widget-open > #top .page-title, #header-outer.transparent.side-widget-open > #top .contact-icon path {
    fill: #2C3038!important;
    color: #2C3038!important;
}
#header-outer.transparent.dark-slide > #top .contact-icon path { fill: #2C3038; }
.page-title {
    width: 20%;
    position: absolute;
    left: 40%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-title span { display: none; }
.contact-icon {
    width: 20%;
    position: absolute;
    left: 60%;
    height: 100%;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}
#header-outer.transparent.dark-slide .contact-icon, #header-outer.transparent.dark-slide nav.left-side,
#header-outer.transparent.side-widget-open .contact-icon, #header-outer.transparent.side-widget-open nav.left-side,
body #header-outer.scrolled-down[data-transparent-header="true"][data-remove-border="true"] .contact-icon,
body #header-outer.scrolled-down[data-transparent-header="true"][data-remove-border="true"] nav.left-side,
body.using-mobile-browser #header-outer:not(.transparent) .contact-icon
{
    border-left: 1px solid #f2f2f2!important;
    border-right: 1px solid #f2f2f2!important;
}
body #header-outer[data-format="centered-menu-bottom-bar"] .span_3 { text-align: left; }
#header-outer[data-full-width="true"] header >.container { padding: 0; }
#header-outer #top #logo { width: 20%; }
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 nav.left-side {
    width: 20%;
    left: 20%;
    justify-content: center;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    height: 100%;
}
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 nav.right-side {
    width: 20%;
    justify-content: center;
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav >.buttons { margin-left: 0; }
.arrow-down {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    z-index: 9999;
}
.arrow-down a { color: #fff; }
.arrow-down img {
    height: 16px!important;
    width: 16px!important;
}
#top nav > ul > li > a, #top nav > ul > li > a:hover {
    color: #2C3038!important;
    opacity: 1!important;
}
/* PORTFOLIO */
body.single-portfolio #top {
	border-bottom: none!important;
}
/* END HEADER */
/* START WORK */
.single-portfolio #page-header-bg .subheader {
	font-family: futura-pt-book,sans-serif!important;
    font-size: 17px!important;
    font-weight: 400!important;
}
body .portfolio-filters-inline {
	background-color: #fff;
	text-transform: uppercase;
	margin-top: 117px;
}
.portfolio-filters-inline .container > ul a {
    padding: 0 30px;
    color: #95979B;
}
.portfolio-filters-inline ul li a:hover {
    color: #2C3038;
}
.page-header-overlay-color:after {
    opacity: 0.15;
}
.bottom_controls {
    background-color: #fff;
	margin: 80px 0;
}
body.single-portfolio #page-header-bg[data-parallax="1"] .span_6 .inner-wrap {
	display: flex!important;
	flex-direction: column-reverse!important;
}
body.single-portfolio .iwithtext {
	display: inline-block;
	margin-top: 20px;
}
body.single-portfolio .iwithtext .iwt-icon img {
	width: 18px!important;
	height: 22px!important;
}
body.single-portfolio .iwithtext .iwt-text {
	padding-left: 35px;
}
/* END WORK */
/* START ABOUT DESKTOP */
@media all and (min-width: 1000px) {
/* MENU */
.about-section .wpb_tabs_nav.ui-tabs-nav.clearfix {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    right: 0;
	z-index: 9999;
    height: 115px;
    line-height: 115px;
    background: #fff;
    border-top: 1px solid #f2f2f2;
	font-size: 14px;
	font-weight: 600;
	color:#95979B;
}
.about-section a.active-tab,
.about-section .tabbed >ul li a:hover {
    color: #2c3038!important;
}
.about-section .magic-line {
	display: none!important;
}
.about-section .tabbed[data-style="minimal"] >ul li:not(.cta-button) a,
.about-section .tabbed[data-style="minimal"] >ul li:not(.cta-button) .active-tab,
.about-section .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a,
.about-section .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) .active-tab {
    margin-bottom: 0;
    overflow-y: initial;
}
.about-section .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a {
	padding: 0px!important;
}
/* CONTENT */
.about-section .wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-section .wpb_content_element:first-of-type,
.about-section .wpb_content_element .col.span_12,
.about-section #tab-values,
.about-section #tab-awards,
.about-section #tab-kyn {
    height: 100%!important;
}
	.about-section #tab-values, .about-section #tab-kyn {
		overflow: hidden;
	}
.about-section .wpb_text_column.wpb_content_element {
    height: auto!important;
}
.about-section .border-left-right {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.about-section .nectar-flip-box {
	width: 20%!important;
	float: left!important;
	height: 100%!important;
}
.about-section .flip-box-front, .about-section .flip-box-back {
	height: 100%!important;
}
.nectar-flip-box .flip-box-back[data-bg-overlay="true"]:after, .nectar-flip-box .flip-box-front[data-bg-overlay="true"]:after {
    opacity: 0.75;
}
.flip-box-front, .flip-box-back {
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
.about-section .award-item {
	border-right: 1px solid #f2f2f2;
}
}
.about-section .approach-chart-wrapper .wpb_wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
}
.approach-chart {
	width: 420px;
	height: 420px;
	position: relative;
	cursor: pointer;
}
.approach-chart .strategic:hover, .approach-chart .data:hover, .approach-chart .creative:hover {
	opacity: 0.5;
	transition: all 0.3s ease;
}
.approach-chart .strategic {
	width: 50%;
	height: 62%;
	position: absolute;
	background: url(https://ykone.com/wp-content/uploads/2020/01/bg-strategic.png) no-repeat center center;
	background-size: cover;
	opacity: 0.25;
	top: 0;
	left: 0;
	z-index: 1;
}
.approach-chart .data {
	width: 50%;
	height: 62%;
	position: absolute;
	background: url(https://ykone.com/wp-content/uploads/2020/01/bg-data.png) no-repeat center center;
	background-size: cover;
	opacity: 0.25;
	top: 0;
	right: 0;
	z-index: 1;
}
.approach-chart .creative {
	width: 100%;
	height: 38%;
	position: absolute;
	background: url(https://ykone.com/wp-content/uploads/2020/01/bg-creative.png) no-repeat center center;
	background-size: cover;
	opacity: 0.25;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.approach-content {
	width: 100%;
	height: 85%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
	transition: all 0.3s ease;
}
.approach-content ul {
	text-align: center;
	margin: 0;
}
.approach-content ul li {
	list-style-type: none;
}
.approach-chart .selected {
	opacity: 1!important;
	transition: all 0.3s ease;
}
/* END ABOUT */
/* START CLIENTS */
.clients-copy {
	margin-top: 215px!important;
	margin-bottom: 100px!important;
}
.clients >div {
    margin-right: 0%;
    margin-bottom: 0%;
}
.clients.five-cols.no-carousel >div {
    width: 20%;
    border: 1px solid #F2F2F2;
}
.clients[data-he="greyscale_to_color"] > div img { opacity: 0.25; }
.clients.fade-in-animation.completed >div:hover { opacity: 1!important; }
/* END CLIENTS */
/* START TECHNOLOGY */
.nectar-icon-list-item {
    margin-bottom: 15px;
    padding-left: 40px;
	text-align: left!important;
}
.nectar-icon-list-item .list-icon-holder, .nectar-icon-list-item .content {
    color: #000;
}
/* END TECHNOLOGY */
/* START TEAM */
.owl-carousel {
	margin-bottom: 0!important;
}
.owl-carousel .owl-stage {
	padding: 0!important;
}
.owl-dots {
	position: absolute;
    left: 0;
    right: 0;
    padding-top: 10px;
}
@media only screen and (min-width: 1000px) {
.owl-carousel {
	margin-top: 117px;
}
}
.nectar_team_member_overlay {
	z-index: 10000;
}
.nectar_team_member_overlay, .nectar_team_member_overlay .team_member_picture .team_member_image_bg_cover {
    background-color: #fff!important;
}
.nectar_team_member_overlay .bottom_meta a {
    padding: 30px 30px 0 0;
}
/* END TEAM */
/* START CONTACT */
.contact-section .wpb_row:hover .wc_time, .contact-section .wpb_row:hover p {
    opacity: 1;
}
.contact-section .wc_time, .contact-section p {
    opacity: 0.5;
    transition: all 0.5s ease;
}
.contact-section a {
    display: inline-block;
    line-height: 1.2em;
}
.contact-section a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .3s;
}
.contact-section a:hover::after {
    width: 100%;
}
.contact-section {
    cursor: pointer;
}
#nectar_fullscreen_rows > div.contact-section, #nectar_fullscreen_rows > div.press-section, #nectar_fullscreen_rows > div.events-section {
	padding-top: 117px!important;
}
.office {
	padding: 50px 0!important;
}
.office:not(:last-child) {
	border-bottom: 1px solid #f2f2f2;
}
/* UPDATE */
.location-item {
	width: 100%!important;
}
.location-item .wpb_wrapper {
	display: flex!important;
	flex-direction: row;
	align-items: center;
}
.location-time {
	width: 20%;
	margin: 0!important;
	text-align: center!important;
}
.location-time .wc_time {
	width: 100%!important;
}
.location-city {
	width: 20%;
	margin: 0!important;
}
.location-detail {
	width: 40%;
	margin: 0!important;
}
.location-email {
	width: 20%;
	margin: 0!important;
}
@media all and (max-width: 690px) {
.location-item .wpb_wrapper {
	flex-wrap: wrap;
}
.location-time {
	width: 50%;
	text-align: right!important;
	order: 2;
}
.location-time .wc_time {
	width: 100%!important;
}
.location-city {
	width: 50%;
	order: 1;
}
.location-detail {
	width: 100%;
	order: 3;
	margin-top: 10px!important;
}
.location-email {
	width: 100%;
	order: 4;
}
}
@media only screen and (max-width: 999px) and (min-width: 691px) {
body .portfolio-filters-inline, body .wpb_wrapper > .portfolio-filters-inline,
.location-time {
	width: 15%;
	text-align: left!important;
}
.location-city {
	width: 30%;
}
.location-detail {
	width: 25%;
}
.location-detail em {
	display: block;
	opacity: 0;
	height: 1px;
}
.location-email {
	width: 30%;
}
.location-email p {
	width: 100%!important;
	text-align: right;
}
}
/* END CONTACT */
/* START MISC */
.nectar-icon-list >div:last-child {
	margin-bottom: 0;
}
.wpb_wrapper .nectar-icon-list {
	margin-bottom: 0!important;
}
.nectar-button {
	margin-bottom: 0!important;
}
input[type=submit] {
    background: none!important;
    padding: 13px 35px;
    border: 2px solid #000;
    color: #000;
    font-size: 14px!important;
    border-radius: 0;
    -webkit-border-radius: 0;
	margin-top: 10px;
}
textarea {
	margin-top: 10px!important;
	height: 100px;
}
input[type=submit]:hover {
    background: #000!important;
	color: #fff;
}
label {
	font-size: 1.1em;
}
.wpcf7-text {
	margin: 5px 0 0 0!important;
}
.header-section {
height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
height: calc(var(--vh, 1vh) * 100);
}
#nectar_fullscreen_rows {
    background-color: #fff!important;
}
.h-100 {
    height: 100%;
}
.divider-small-border {
    background-color: #f2f2f2;
}
.m-0 {
	margin: 0!important;
}
/* END MISC */
/* START RESPONSIVE */
@media only screen and (max-width: 999px) {
header .contact-icon {
	width: 100px!important;
	right: 70px!important;
	left: unset!important;
}
#top .span_9 >.slide-out-widget-area-toggle {
	margin: 0!important;
	padding: 0 0 0 39px!important;
	width: 70px!important;
}
.about-section #tab-kyn .force-phone-text-align-center {
	margin-top: 50px;
}
.about-section .award-item:not(:last-child) {
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 20px!important;
	margin: 0 0 20px 0!important;
}
.approach-chart {
	margin-top: 40px
}
body .portfolio-filters-inline {
	padding: 0;
}
.portfolio-filters-inline[data-alignment="center"] .container > ul {
	line-height: 100px;
}
#work .col, #work body .vc_row-fluid .wpb_column {
    margin-bottom: 0;
}
.tabbed >ul, .wpb_content_element .tabbed .wpb_tabs_nav {
	margin-bottom: 100px;
	border-bottom: 1px solid #f2f2f2;
	line-height: 100px;
}
.tabbed[data-style*="minimal"] >ul li a {
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 14px!important;
	color: #95979B!important;
}
.tabbed[data-style*="minimal"] >ul li a.active-tab {
	color: #2c3038!important;
}
.tabbed[data-style*="minimal"] >ul li a:after {
    content: none!important;
}
.tabbed[data-style="minimal_alt"] > ul li:not(.cta-button) {
    margin: 0 7px!important;
}
.tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a {
	padding: 0!important;
}
#footer-outer {
	margin-top: 100px;
}
body.single-portfolio #footer-outer {
	margin-top: 0!important;
}	
body[data-slide-out-widget-area-style="simple"] #header-outer[data-full-width="true"] #mobile-menu, body #header-outer[data-full-width="true"] header > .container, body #header-secondary-outer[data-full-width="true"] > .container {
    padding: 0 30px;
}
#header-outer[data-format="centered-menu-bottom-bar"] #top #logo .starting-logo {
	top: 20px;
}
}
@media only screen and (max-width: 999px) and (min-width: 1px) {
body #header-outer {
    padding: 0;
}
body #header-outer #logo {
	margin: 20px 0;
}
#nectar_fullscreen_rows > div:not(.full-width-content) .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .container {
    padding-top: 0;
    padding-bottom: 0;
}
}
@media only screen and (max-width: 999px) and (min-width: 690px) {
body .clients.no-carousel.five-cols > div {
    width: 20%;
    margin-right: 0;
}
}
@media all and (max-width: 1000px) {
.contact-section {
	padding: 0 30px!important;
}
}
@media all and (max-width: 999px) {
.about-section .nectar-flip-box {
	margin-bottom: 1px;
}
.about-section .flip-box-front, .about-section .flip-box-back {
	min-height: 500px!important
}
.office {
	padding: 25px 0!important;
}
.owl-carousel {
	padding-bottom: 100px!important;
}
body.single-portfolio #header-outer span.work { display: none; }
#nectar_fullscreen_rows > div.contact-section, #nectar_fullscreen_rows > div.press-section, #nectar_fullscreen_rows > div.events-section {
	padding-top: 0!important;
}
.nectar-icon-list-item:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
}
#home .full-page-inner,
#home .wpb_column,
#home .wpb_wrapper,
#home .wpb_row {
	height: 100%!important;
	display: flex!important;
	flex-direction: column!important;
	justify-content: center!important;
}
.clients-copy {
	margin: 0 0 100px 0!important;
}
.clients-copy h2 {
	font-family: futura-pt-book,sans-serif!important;
    font-size: 17px!important;
    line-height: 31px!important;
    font-weight: 400!important;
}
body .portfolio-filters-inline {
	margin-top: 0;
}
.page-title {
	display: none;
}
.nectar-button {
	display: block;
	text-align: center;
}
.portfolio-filters-inline .container > ul a {
    padding: 0 7px;
}
}
@media all and (max-width: 690px) {
body .clients[class*="col"].no-carousel > div {
	margin-right: 0%;
	width: 50%;
}
.approach-chart {
	width: 320px;
	height: 320px;
}
}
@media all and (max-width: 340px) {
header .contact-icon {
	width: 70px!important;
}
#footer-outer[data-cols="1"] #copyright li, #footer-outer #copyright[data-layout="centered"] li, #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li {
    margin: 0 5px!important;
}
}
@media only screen and (max-device-width: 2600px) {
.using-mobile-browser #nectar_fullscreen_rows[data-mobile-disable="on"] > div:not(.full-width-content) .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .container {
padding-top: 0%;
padding-bottom: 0%;
}
}
@media only screen and (min-width: 1000px) {
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap, #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap {
    padding-top: 0!important;
}
}
/* END RESPONSIVE */
/* DYNAMIC STYLE OVERWRITE */
body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line {
    background-color: #2C3038!important;
}
/* TABLET FIX */
@media only screen and (max-width: 999px) and (min-width: 691px) {
body .portfolio-filters-inline, body .wpb_wrapper > .portfolio-filters-inline,
.tabbed >ul, .wpb_content_element .tabbed .wpb_tabs_nav {
    margin-top: 69px!important;
}
.force-tablet-text-align-center p, .force-tablet-text-align-center h2 {
	text-align: center!important
}
h1 {
	padding: 0 15px;
}
h1 br {
	display: none;
}
.technology-section .nectar-button {
	margin-bottom: 100px!important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1000px) {
body .portfolio-filters-inline, body .wpb_wrapper > .portfolio-filters-inline,
.tabbed >ul, .wpb_content_element .tabbed .wpb_tabs_nav {
    margin-top: 117px!important;
}
}

.mobile-video .nectar-video-box {
    display:none ;
}
@media all and (max-width: 999px) {
.mobile-video .nectar-video-box {
    display:block!important;
	margin: 100px 0 40px 0!important;
}
}