@media(min-width:992px){
	#primary-menu ul>li{
		margin-left:17px
	}

	#primary-menu>ul>li:first-child{
		margin-left:0
	}

	#primary-menu ul li>a{
		width:50px;
		height:50px;
		line-height:50px;
		margin:18px 0;
		padding:0;
		color:#fff;
		font-size:20px;
		letter-spacing:0;
		text-align:center;
		border-radius:50%;
		background-color:#f9f9f9;
		color:#333;
		box-shadow:0 7px 14px rgba(0,0,0,.13),0 5px 5px rgba(0,0,0,.08);
		transition:all .3s ease
	}

	#primary-menu ul li>a div{
		opacity:0;
		position:absolute;
		text-align:center;
		font-size:13px;
		font-weight:700;
		letter-spacing:1px;
		color:#fff;
		font-family:source sans pro,sans-serif;
		text-transform:uppercase;
		-webkit-transition-delay:.35s;
		transition-delay:.35s;
		margin-left:50%;
		-webkit-transform:translate3d(-50%,-20px,0);
		transform:translate3d(-50%,-20px,0);
		-webkit-transition:all 400ms cubic-bezier(.2,1,.3,1);
		-moz-transition:all 400ms cubic-bezier(.2,1,.3,1);
		-ms-transition:all 400ms cubic-bezier(.2,1,.3,1);
		-o-transition:all 400ms cubic-bezier(.2,1,.3,1);
		transition:all 400ms cubic-bezier(.2,1,.3,1);
		-webkit-backface-visibility:hidden;
		text-shadow:0 0 7px rgba(0,0,0,.4),0 0 7px rgba(0,0,0,.2)
	}

	#primary-menu ul li>a:hover div{
		opacity:1 !important;
		-webkit-transition:-webkit-transform 1.2s,opacity 1.2s;
		transition:transform 1.2s,opacity 1.2s;
		-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);
		transition-timing-function:cubic-bezier(.2,1,.3,1);
		-webkit-transform:translate3d(-50%,-10px,0);
		transform:translate3d(-50%,-10px,0)
	}

	#primary-menu ul li>a i{
		display:block;position:relative;font-size:16px;width:52px;height:52px;line-height:50px;text-align:center;margin-right:0;vertical-align:middle;border-radius:50%
	}

	#primary-menu ul li:hover>a,#primary-menu ul li.current>a{
		/*background-color: #ff7c46; color: #fff !important;*/
		background-color: #555; color: #fff!important;
	}

	#header.sticky-header.transparent-header.sticky-transparent #header-wrap{
		background-color:transparent;box-shadow:none
	}

	#header.sticky-header.transparent-header.sticky-transparent #header-wrap #primary-menu ul li>a div{
		opacity:0
	}

	#logo a{
		color:#fff;font-size:26px;font-weight:600;letter-spacing:-.5px;text-shadow:0 4px 10px rgba(0,0,0,.4),0 4px 4px rgba(0,0,0,.2)
	}

	.slider-element .slider-caption h2{
		font-weight:400;
		font-size:77px;
		color:#fff;
	}
}

.slider-element .slider-caption p{
	font-size:45px;
	color:#444;
}

.slider-element .more-link{
	font-size:22px;font-style:normal
}

.page-section{
	padding:120px 0
}

.heading-block h2{
	font-size:38px;font-weight:700;text-transform:none;letter-spacing:0
}

.demo-resume-works [class^=col-]{
	position:relative;margin:0;padding:0
}

.demo-resume-works [class^=col-]>a{
	display:block;position:relative;height:450px;background-color:#eee
}

.demo-resume-works .resume-works-overlay{
	position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;padding:50px;background-color:rgba(0,0,0,.7);-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease
}

.demo-resume-works [class^=col-]>a:hover .resume-works-overlay{
	opacity:1
}

.demo-resume-works .resume-works-overlay h3{
	position:relative;top:-30px;opacity:0;font-family:playfair display,serif;font-weight:400;-webkit-transition:all .3s .15s ease;-o-transition:all .3s .15s ease;transition:all .3s .15s ease
}

.demo-resume-works .resume-works-overlay span{
	position:relative;top:-20px;opacity:0;text-transform:uppercase;margin-top:5px;font-weight:300;font-size:15px;-webkit-transition:all .3s .25s ease;-o-transition:all .3s .25s ease;transition:all .3s .25s ease
}

.demo-resume-works [class^=col-]>a:hover .resume-works-overlay h3,.demo-resume-works [class^=col-]>a:hover .resume-works-overlay span{
	top:0;opacity:1
}

.blurred-img{
	-webkit-transform:scale(1.01) translate3d(0,0,0);
	-ms-transform:scale(1.01) translate3d(0,0,0);
	-o-transform:scale(1.01) translate3d(0,0,0);
	transform:scale(1.01) translate3d(0,0,0);
	-webkit-filter:blur(8px);filter:blur(8px);
	-webkit-backface-visibility:hidden;opacity:0;display:none
}

.blurred-img.blurred-image-visible{
	display:block
}

.y-video .icon-play{
	position:absolute;top:50%;left:50%;font-size:60px;color:#fff;margin-top:-45px;margin-left:-23px;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease
}

.y-video:hover .icon-play{
	-webkit-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)
}

.mfp-iframe-holder .mfp-content{
	max-width:80%!important
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
	padding:12px 8px
}

.niche-demos-lists{list-style:none}

.device-xl .niche-demos-lists.lists-2,.device-lg .niche-demos-lists.lists-2{margin-left:30px}

.niche-demos-lists li a{font-size:19px;color:#000;font-weight:700;line-height:1.5}

.niche-demos-lists li{margin-top:8px}

.niche-demos-lists li a img{
	display:inline-block;width:42px;height:42px;border-radius:50%;margin-right:10px;border:2px solid #fff
}

.skill-area h4{
	font-size:20px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,1)
}

.skill-area .skill-info{
	border-left:1px solid rgba(255,255,255,.2);padding-left:25px
}

.skill-area .skill-info span{display:block;margin-top:30px;font-size:17px}

.skill-area span:first-child{margin-top:0}.skills li:not(:first-child){margin-top:50px}

.entry-box-shadow{box-shadow:0 5px 15px rgba(0,0,0,.09)}

.entry .entry-title{margin-top:8px}

.entry .entry-title{margin-top:13px}

.entry:after{display:none}

.post-grid .entry-image img{border-top-left-radius:4px;border-top-right-radius:4px}

.entry-meta-wrapper{background-color:#fff;padding:30px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}

.dark .skills li>span{font-weight:300;color:#fff;letter-spacing:3px;top:-24px}

.skills li .progress,.dark .skills li .progress-percent{background-color:#fff!important;color:#333;text-shadow:none;font-size:12px}

.dark .progress-percent:after,.dark .progress-percent:before{border-top-color:#fff!important}

#section-skills h3 {	
    color: #444;
    font-size: 18px;
    padding-top: 10px;
}

#section-skills p {
	color: #444;
}

/*----- formulari contacte -----*/

.formulari-contacte * {
	box-sizing: border-box;
}
.formulari-contacte {
	margin: 0 auto;
}
input[type='text'], input[type='email'], textarea{
	-webkit-appearance:none;
}
.formulari-contacte input[type='text'], .formulari-contacte input[type='email'] {
	width: 49.5%;
	border: 1px solid #ddd;
	padding: 0.7em 1em;	
	border-radius: 0;
}

.formulari-contacte input[type='text'] {
	float: left;
}
.formulari-contacte input[type='email'] {
	float: right;
}
.formulari-contacte textarea {
	width: 100%;
	height: 86px;
	margin: 0.5em 0;
	border: 1px solid #ddd;
	padding: 0.7em 1em;
	resize: vertical;
	border-radius: 0;
}
.formulari-contacte p {
	margin-bottom: 0.6em;
}
.formulari-contacte input[type='submit'] {
	background: #f7a52a;
	color: #fff;
	border: none;
	/* width: 50%; */
	width: 304px;  /*perque sigui igual que el recaptcha de sobre*/
	padding: 0.5em 0;
	text-transform: uppercase;
}
.formulari-contacte input[type='submit']:hover {
	background: #444;
}
.contact footer#social {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
input#name {
	display: none;
}

footer .icon-phone2, footer .icon-envelope2 { margin-right: 7px; }

footer .widget { margin-top: 0; }

.footer-logo p { max-width: 350px; }

#languages {
	float: right;
	color: #F7A52A;
	margin: 32px 12px 0 6px;
	z-index: 999;
	position: relative;
}

#languages a {
	color: #444;
	padding: 6px;
	border-radius: 50%;
}

#languages a:hover {
	color: #fff;
	/* background-color: #F7A52A; */
	background-color: #555;
}

#languages a.active {
	border: 1px solid #444;
}

@media all and (max-width: 481px) {
	#languages {
		margin-top: 35px;
	}
}

/*.background-slider {
	position: fixed;
	width: 100%;
	background: #FFF url('../images/resume/fons_header.png') no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
}*/

@media all and (max-width: 768px) {
	.background-slider {
		/*background-size: auto;*/
	}
}