/*********************************************************************************

	Note: This is custom css.

**********************************************************************************/
.chris-section-title h1 {
  /*font-weight: 700;
  display: inline-block;*/
  background: -webkit-linear-gradient(bottom, #000 5%, #4f6788 95%);
  background: -o-linear-gradient(bottom, #000 5%, #4f6788 95%);
  background: linear-gradient(0deg, #000 5%, #4f6788 95%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 6em; }
 .chris-section-title h1 sup {
    font-size: .33em;
    vertical-align: super;
    font-weight: 700;
    margin-left: -9px;
    background: -webkit-linear-gradient(bottom, #000 5%, #4f6788 95%);
    background: -o-linear-gradient(bottom, #000 5%, #4f6788 95%);
    background: linear-gradient(0deg, #000 5%, #4f6788 95%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text; }

#scrollUp {
	background: rgb(255,255,255);
	color: #6F6F6F;
}

body.template-color-5 .portfolio.portfolio_style--1 .port-overlay-info{
	background: linear-gradient(90deg, #000, #272727);
	

}

body.bjarn .portfolio.portfolio_style--1 .port-overlay-info{
	background: linear-gradient(90deg, #000, #272727);
	color: #000000;

}
.bg_experience {
	background: url("../adi.html") no-repeat center center; 
  	background-size: cover;
  	height: 100%;
  	overflow: hidden;
	position: relative;
}

.bg_contact {
	background: url("../img/bg27a.jpg") no-repeat center center; 
  	background-size: cover;
  	height: 100%;
  	overflow: hidden;
	position: relative;
}
.contact-form{
	z-index: 999 !important;
}

.bg_contact::before,
[data-overlay]:before{
	content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
	left: 0;
    top: 0;
	background: linear-gradient(180deg, #000, #166cbf);
	background-size: 600% 600%;
	animation: gradient 20s ease infinite;
	-webkit-animation: gradient 20s ease infinite;
	-moz-animation: gradient 20s ease infinite;
	opacity: .80;
}

.hero-item.bg-image::after{
	content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
	left: 0;
    top: 0;
	background: #222;
	opacity: .45;
}
.hero-content-2 .center,
.hero-content-2 h3,
.hero-content-2 h6,
.hero-content-2 a.bjarn-btn{
	position: relative;
	z-index: 9999!important;
}


@keyframes gradient {
	0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}

@media only screen and (max-width:1200px){
	.chris-section-title h1{ font-size: 4em; }
	
	.portfolio.portfolio_style--1 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
      font-size: 1.35em;
      /*font-weight: 700;
      line-height: 1.24;*/ }
}

@media only screen and (max-width:600px){
	.chris-section-title h1{ font-size: 2.5em; }
}
@media only screen and (max-width: 580px) {
	.progress-charts h6.heading {
    margin-bottom: 40px;
}
}