/*@font-face {
 font-family:'whiteheartdevelopers';
 src:url(../fonts/whiteheartdevelopers-400-normal.eot);
 src:url(../fonts/whiteheartdevelopers-400-normal.eot?#iefix) format("embedded-opentype"),
 url(../fonts/whiteheartdevelopers-400-normal.woff2) format("woff2"),
 url(../fonts/whiteheartdevelopers-400-normal.woff) format("woff");
 font-weight:400;
 font-style:normal;
 font-display:optional
}
@font-face {
 font-family:'whiteheartdevelopers';
 src:url(../fonts/whiteheartdevelopers-400-italic.eot);
 src:url(../fonts/whiteheartdevelopers-400-italic.eot?#iefix) format("embedded-opentype"),
 url(../fonts/whiteheartdevelopers-400-italic.woff2) format("woff2"),
 url(../fonts/whiteheartdevelopers-400-italic.woff) format("woff");
 font-weight:400;
 font-style:italic;
 font-display:optional
}
@font-face {
 font-family:'whiteheartdevelopers';
 src:url(../fonts/whiteheartdevelopers-500-normal.eot);
 src:url(../fonts/whiteheartdevelopers-500-normal.eot?#iefix) format("embedded-opentype"),
 url(../fonts/whiteheartdevelopers-500-normal.woff2) format("woff2"),
 url(../fonts/whiteheartdevelopers-500-normal.woff) format("woff");
 font-weight:500;
 font-style:normal;
 font-display:optional
}
@font-face {
 font-family:'whiteheartdevelopers';
 src:url(../fonts/whiteheartdevelopers-500-italic.eot);
 src:url(../fonts/whiteheartdevelopers-500-italic.eot?#iefix) format("embedded-opentype"),
 url(../fonts/whiteheartdevelopers-500-italic.woff2) format("woff2"),
 url(../fonts/whiteheartdevelopers-500-italic.woff) format("woff");
 font-weight:500;
 font-style:italic;
 font-display:optional
}
@font-face {
 font-family:'whiteheartdevelopers';
 src:url(../fonts/whiteheartdevelopers-700-normal.eot);
 src:url(../fonts/whiteheartdevelopers-700-normal.eot?#iefix) format("embedded-opentype"),
 url(../fonts/whiteheartdevelopers-700-normal.woff2) format("woff2"),
 url(../fonts/whiteheartdevelopers-700-normal.woff) format("woff");
 font-weight:700;
 font-style:normal;
 font-display:optional
}
@font-face {
 font-family:'whiteheartdevelopers';
 src:url(../fonts/whiteheartdevelopers-italic.eot);
 src:url(../fonts/whiteheartdevelopers-italic.eot?#iefix) format("embedded-opentype"),
 url(../fonts/whiteheartdevelopers-italic.woff2) format("woff2"),
 url(../fonts/whiteheartdevelopers-italic.woff) format("woff");
 font-weight:700;
 font-style:italic;
 font-display:optional
}*/

:root{
    --firefox: #0a84ff;
    --purple: #4c1d95;
    --abstract: #008ea4;
    --causes: #d70022;
    --fashion: #ed00b5;
    --film: #d76e00;
    --foxline: #b5007f;
    --holiday: #ff0039;
    --music: #560085;
    --music: #ad3bff;
    --nature: #a44900;
    --other: #0060df;
    --session: #a47f00;
    --whitesmoke: whitesmoke;
    --ghostwhite: ghostwhite;
}

*{
  scroll-behavior: smooth;
  /*-webkit-touch-callout: none; /* iOS Safari */
  /*-webkit-user-select: none; /* Safari */
  /*-khtml-user-select: none; /* Konqueror HTML */
  /*-moz-user-select: none; /* Old versions of Firefox */
  /*-ms-user-select: none; /* Internet Explorer/Edge */
  /*user-select: none; /* Non-prefixed version, currently
  supported by Chrome, Edge, Opera and Firefox */
}

body{
  /*font-family: "whiteheartdevelopers", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size:14px;
  font-weight:400;
  line-height:24px;
  color:#0d0c22;
  background:#fff;
}

a{
  outline: none;
}
a:hover, a:focus{
	text-decoration: none;
}

.task-heading.strip-background {
	background-color: #f9fafd;
}

.back-before::before {
	content: "";
	background: rgba(45, 53, 69, 0.7);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.back-before.on-hover::before{
  visibility: hidden;
  transition: .5s ease all;
}

.back-before.on-hover:hover::before{
  visibility: visible;
}

.hover-visible{
  visibility: hidden;
  transition: .5s ease all;
}

.back-before.on-hover:hover .hover-visible{
  visibility: visible;
}

.sh-card{
  -webkit-box-shadow: 0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07);
  box-shadow: 0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07);
}

.icon-box {
	text-align: center;
	padding: 50px 20px 60px 20px;
	transition: all ease-in-out 0.3s;
	background: #fff;
	box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
}

.icon-box:hover {
	border-color: #fff;
	box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

.bs-none, .bs-none:hover, .bs-none:focus{
  box-shadow: none !important;
}

.border-behind::after {
	border-top: 3px solid var(--music);
	position: absolute;
	content: '';
	width: 60px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 29px;
}

.bg-firefox{
  background-color: var(--firefox);
}
.bg-purple{
  background-color: var(--purple);
}
.bg-abstract{
  background-color: var(--abstract);
}
.bg-causes{
  background-color: var(--causes);
}
.bg-fashion{
  background-color: var(--fashion);
}
.bg-film{
  background-color: var(--film);
}
.bg-foxline{
  background-color: var(--foxline);
}
.bg-holiday{
  background-color: var(--holiday);
}
.bg-music{
  background-color: var(--music);
}
.bg-nature{
  background-color: var(--nature);
}
.bg-other{
  background-color: var(--other);
}
.bg-session{
  background-color: var(--session);
}
.bg-whitesmoke{
  background-color: var(--whitesmoke);
}
.bg-ghostwhite{
  background-color: var(--ghostwhite);
}

.text-firefox{
  color: var(--firefox);
}
.text-purple{
  color: var(--purple);
}
.text-abstract{
  color: var(--abstract);
}
.text-causes{
  color: var(--causes);
}
.text-fashion{
  color: var(--fashion);
}
.text-film{
  color: var(--film);
}
.text-foxline{
  color: var(--foxline);
}
.text-holiday{
  color: var(--holiday);
}
.text-music{
  color: var(--music);
}
.text-nature{
  color: var(--nature);
}
.text-other{
  color: var(--other);
}
.text-session{
  color: var(--session);
}
.text-body{
  color: #344050;
}
.border-firefox{
  border-color: var(--firefox) !important;
}
.border-purple{
  border-color: var(--purple) !important;
}
.border-abstract{
  border-color: var(--abstract) !important;
}
.border-fashion{
  border-color: var(--fashion) !important;
}
.border-film{
  border-color: var(--film) !important;
}
.border-foxline{
  border-color: var(--foxline) !important;
}
.border-holiday{
  border-color: var(--holiday) !important;
}
.border-music{
  border-color: var(--music) !important;
}
.border-causes{
  border-color: var(--causes) !important;
}
.border-nature{
  border-color: var(--nature) !important;
}
.border-other{
  border-color: var(--other) !important;
}
.border-session{
  border-color: var(--session) !important;
}

.social-links.emp-social-profile {
	position: absolute;
	bottom: 1.8rem;
}

a.tab-link{
  position: relative;
}
a.tab-link.active::after {
	border-top: 3px solid var(--music);
	position: absolute;
	content: '';
	left: 0;
	right: 0;
  bottom: -3px;
}

span.or{
  height: 35px;
  width: 35px;
}
span.or::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	height: 1px;
	background-color: var(--music);
	border-radius: 2.5rem;
}
span.or::after {
	position: absolute;
	content: 'OR';
	top: 0;
	left: 50%;
	height: 35px;
	width: 35px;
	transform: translateX(-50%);
	border: 1px solid var(--music);
	border-radius: 50%;
	background-color: #FFFFFF;
	color: var(--music);
	padding-top: 5px;
	font-weight: bold;
}

.onhover-dropdown .onhover-box {
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 65px;
	left: -28px;
	z-index: 1;
	border-radius: 12px;
	-webkit-box-shadow: 0px 10px 70px rgba(0,0,0,0.15);
	box-shadow: 0px 10px 70px rgba(0,0,0,0.15);
  background-color: #fff;
}

.onhover-dropdown:hover .onhover-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: visibility 200ms linear, opacity 150ms linear;
	transition: visibility 200ms linear, opacity 150ms linear;
}
.rounded-double{
  border-radius: .50rem;
}
.modal-backdrop.show {
    opacity: .1;
}
.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.7);transform: translate(0,0)scale(.7);}
.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}

.cover {
  display: none;
}
.cover::before {
	position: absolute;
  content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 99998;
	opacity: .1;
}
.loading-cover {
	position: fixed;
	z-index: 99999;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
}

.rounded-top-left-0{border-top-left-radius: 0 !important;}
.rounded-top-right-0{border-top-right-radius: 0 !important;}
.rounded-bottom-left-0{border-bottom-left-radius: 0 !important;}
.rounded-bottom-right-0{border-bottom-left-radius: 0 !important;}

.rounded-right-md{
  border-top-right-radius: .50rem;
  border-bottom-right-radius: .50rem;
}
.rounded-right-lg{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-right-xl{
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.rounded-left-md{
  border-top-left-radius: .50rem;
  border-bottom-left-radius: .50rem;
}
.rounded-left-lg{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-left-xl{
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

ul{
  list-style: none;
}

#skills :checked + label::after{
  position: absolute;
  content: '';
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  background-image: url('../images/icons/check-light.png');
  background-size: contain;
}

.overflow-y-auto {
    overflow-y: auto;
}

.active-slideShow{
  background-color: var(--music);
}

.task-card{
  min-width: 300px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.2) 0px 0.125em 0.5em, rgba(255, 255, 255, 0) 0px 0px 0px 1px inset;
}

.task-card .task-progress{
  border-radius: 0 0 0 100%;
  padding: 8px 8px 0 20px;
  min-width: 56px;
  max-width: 56px;
}

.first::before, .first-last::before{
	position: absolute;
	content: '';
	width: 95px;
	right: 100%;
	height: 10px;
	background: rgba(0,0,0,.1);
	top: 24px;
}
.mid::before, .last::before {
	position: absolute;
	content: '';
	width: 52.5px;
	right: 100%;
	height: 10px;
	background: rgba(0,0,0,.1);
	top: 24px;
}
.first::after, .mid::after {
	position: absolute;
	content: '';
	width: 10px;
	left: -52.5px;
	height: calc(100% - 10px);
	background: rgba(0,0,0,.1);
	top: 34px;
}
.main-body > div.col > .first::before, .main-body > div.col > .first::after,
.main-body > div.col > .last::before, .main-body > div.col > .last::after{
  display: none;
}

.task-card svg {
  transition: .1s ease-in-out;
}
.task-card.opened svg.rotate {
	transform: rotateZ(90deg);
}

.task-header {
	width: 244px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.task-time{
  display: initial;
}

.task-card:hover .task-time{
  display: initial;
}
.task-card:hover .task-title{
  display: none;
}

.lh-1{line-height:1} .lh-1-1{line-height:1.1} .lh-1-2{line-height:1.2} .lh-1-3{line-height:1.3} .lh-1-4{line-height:1.4} .lh-1-5{line-height:1.5} .lh-1-6{line-height:1.6} .lh-1-7{line-height:1.7} .lh-1-8{line-height:1.8} .lh-1-9{line-height:1.9} .lh-2{line-height:2}

/*.scale-reset{
  transition: .3s linear;
  scale: unset;
}
.scale-up{
  scale: 1.1;
  z-index: 9;
  transition: .3s linear;
}*/
/***** Cursors *****/
/***** Cursors *****/

@media(min-width:1500px){

}

@media (max-width: 1199px){
  .social-links.emp-social-profile {
  	position: unset;
  	bottom: unset;
  }
}

@media (max-width: 991px){
  #navbarTogglerDemo03{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
  }
}

@media (max-width: 768px){

}

.overflow-auto {;
  scrollbar-width: none;
  scrollbar-height: none;
  -ms-overflow-style: none;
}

input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}