/*
Theme Name:   	Effitronix
Author:       	Zoo Studio
Author URI:     https://zoo.ad
Template:     	visual-composer-starter
Version:      	1.0.2
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400|Roboto+Mono:300,400|Titillium+Web');


/* FONTS */

a:focus, a:hover {
	color: black;
}
body h2 {
	font-size: 34px;
}
body h3 {
	font-size: 30px;
}
body h5 {
	font-family: 'Roboto Mono', monospace;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.1em;
}

@media (min-width: 1200px) {

	body h2 {
		font-size: 48px;
	}
	body h3 {
		font-size: 36px;
	}
}


/* HEADER */

header {
	z-index: 910px;
}
.navbar-brand img {
	width: 145px;
	height: auto;
}
.twentyfive {
	display: none;
    position: absolute;
    right: 15px;
}
.ix {
	display: none;
	position: fixed;
	top: 0;
	z-index: 8;
	opacity: 0.5;
	width: 94px;
	height: 78px;
	background-image: url('https://effitronix.com/wp-content/uploads/2019/05/effitronix-ix.png');
	background-size: contain;
}

@media (max-width: 767px) {
	
	.ix {
		display: none !important;
	}
}

@media (min-width: 768px) {
	
	.navbar-brand img {
		width: 290px;
	}
	.twentyfive {
		display: block;
	}
}


/* MENU */

.navbar-wrapper {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 9;
}
.navbar-header {
	min-height: 34px;
}
#main-menu {
	position: absolute;
    bottom: auto;
    right: 0;
    left: auto;
    top: -600px;
    height: 510px;
    width: 100%;
    background-color: rgba(149,193,31,0.9);
    overflow: initial;
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#main-menu.open {
    margin-top: 600px;
	margin-left: 0;
}
#main-menu .button-close {
	position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -8px;
}
#main-menu ul li.menu-item-has-children>a {
    margin-right: 0;
}
#main-menu > ul > li > .dropdown-toggle {
	width: 100%;
	padding: 26px 0;
}
#main-menu > ul > li {
	font-size: 32px;
}
#main-menu > ul > li > a {
	color: #5d5d5d;
    padding: 0;
}
#main-menu > ul > li.current-menu-parent > a {
	color: white;
}
#main-menu>ul>li>.dropdown-toggle.vct-icon-dropdown:before {
	display: none;
}
#main-menu>ul>li:hover > a, #main-menu>ul>li>a:focus, #main-menu>ul>li>a:hover {
	color: white;
}
#main-menu>ul>li>.dropdown-toggle.open {
    padding: 26px 0;
}
#main-menu ul li ul li.menu-item {
	font-size: 22px;
	margin-bottom: 10px;
}
#main-menu ul li ul li a {
	font-family: 'Roboto Mono', monospace;
	font-weight: 300;
	color: #5d5d5d;
	padding-bottom: 0;
}
.menu-item-description {
	font-size: 13px;
}
#main-menu .button-back {
	display: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -8px;
}
.vct-icon-back:before {
    content: "\003C";
    font-family: sans-serif !important;
    font-size: 1.5em;
}
.navbar-toggle {
	margin-top: 0;
	margin-right: 5px;
}

@media (min-width: 768px) {
	
	.navbar-wrapper {
    	padding-top: 50px;
		padding-bottom: 65px;
	}
	.navbar-toggle {
		margin-top: 8px;
	    margin-right: 165px;
	}
	#main-menu {
		width: 375px;
		right: 15px;
	}
}


/* TOPNAV */

.topnav {
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	padding: 10px 0;
	height: 45px;
	background-color: #cfd0d0;
	position: relative;
    z-index: 10000;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}
.topnav .social {
	float: left;
}
.topnav .social a {
	margin-right: 5px;
}
.topnav .languages {
	float: right;
}
.topnav .languages a {
	color: #80858a;
	border-left: 1px solid white;
    padding: 0 10px;
}
.topnav .languages a:hover {
	color: #24303b;
	text-decoration: none;
}
.topnav .languages .wpml-ls-legacy-list-horizontal {
	padding: 0;
}

/* BODY */

body.page h1.entry-title {
	display: none;
}
.content-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
.main-content {
    padding-bottom: 0;
}
.linia-sup {
	border-top: 2px solid #398035;
}
.linia-inf {
	border-bottom: 2px solid #398035;
}
.pictos-retina p {
	font-family: 'Roboto Mono', monospace;
	font-size: 15px;
	font-weight: 400;
	line-height: initial;
	color: #398035;
}
.pictos-retina img {
	width: 74px;
	height: auto;
}
.cercle-mico {
	margin-bottom: 150px;
}
.nano-cercle {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	margin: 20px auto;
	display: flex;
    flex-direction: column;
    justify-content: center;
	font-size: 30px;
    color: #398035;
    line-height: 1.2em;
    text-align: center;
    /*background-image: url('https://effitronix.com/wp-content/uploads/2019/04/ull-1.png');*/
    background-repeat: no-repeat;
    background-position: center center;
}
.nano-cercle p:nth-child(2) {
	display: none;
}
.nano-cercle div, .entry-content .nano-cercle p {
	margin-bottom: 0;
}
.pictos-retina-nano img {
	width: 200px;
	height: auto;
}
.fletxa-plus {
	margin: 3px 20px 50px 0;
	float: left;
}

@media (min-width: 768px) {
	
	.container {
	    width: 100%;
	}
}
@media (min-width: 992px) {
	
	.container {
	    width: 100%;
	}
	.nano-cercle {
		width: 280px;
		height: 280px;
		padding: 5%;
		font-size: 34px;
	}
}
@media (min-width: 1200px) {
	
	.container {
	    width: 1170px;
	}
	.cercle-mico {
		margin-top: 100px;
	}
}


/* HOME */

.home-serveis-container {
	min-height: 440px;
}
.home-serveis .vce-col-inner {
	position: absolute;
	overflow: hidden;
	max-height: 200px;
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.home-serveis:hover .vce-col-inner {
	background-color: #DBE2DA !important;
	max-height: 999px;
}
.entry-content video {
	margin: 0;
}
.amagat {
	display: none;
}

#topbtn {
	display: inline-block;
	background-color: #95c11f;
	width: 40px;
	height: 40px;
	text-align: center;
	position: fixed;
	bottom: 15px;
	right: 15px;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	text-decoration: none;
}
#topbtn::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
    line-height: 40px;
    color: #fff;
}
#topbtn:hover {
	cursor: pointer;
	background-color: #000;
}
#topbtn:active {
	background-color: #000;
}
#topbtn.show {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 768px) {
	
	.amagat {
		display: block;
	}
	.home-mico-foto1 {
		margin-top: 200px;
	}
	#topbtn {
		bottom: 30px;
		right: 30px;
	}
}

@media (min-width: 992px) {
	
	.llegirmes {
		position: absolute;
	    width: 100%;
	    top: 390px;
	}
}


/* EMPRESA */

.yearslider {
	overflow: hidden;
	margin: 0 40px;
}
.yearslider .col {
	flex-basis: 165px;
	flex-shrink: 0;
	background-color: #EAF3D6;
}
.yearslider h2 {
	font-family: 'Roboto Mono', monospace;
	font-size: 54px;
	font-weight: 400;
	margin-bottom: 40px;
}
.yearslider p {
	color: #398e35;
}
.yearslider .next, .yearslider .prev {
	display: none;
	cursor: pointer;
	width: 28px;
	height: 33px;
	position: absolute;
	top: 46%;
	background-size: contain;
}
.yearslider .next {
	right: 0;
	background-image: url('https://effitronix.com/wp-content/uploads/2019/04/icona-next.png');
}
.yearslider .prev {
	left: 0;
	background-image: url('https://effitronix.com/wp-content/uploads/2019/04/icona-prev.png');
}
.premi {
	display: block;
	width: 21px;
	height: 42px;
	background-image: url('https://effitronix.com/wp-content/uploads/2019/04/icona-premi.png');
	background-size: contain;
	margin: 0 0 10px 10px;
}
.verd-clar h3 {
	color: #95c11f;
}
.empresa-titols {
	position: absolute;
	left: 38px;
    bottom: 0px;
}
.empresa-titols h2 {
	color: #95c11f;
}

@media (max-width: 767px) {
	.yearslider .mask {
		margin-left: 0 !important;
	}
}

@media (min-width: 768px) {
	.yearslider .next, .yearslider .prev {
		display: block;
	}
	.yearslider .mask {
		display: inline-flex;
	}
	.yearslider .col {
		flex-basis: 154px;
		margin-right: 14px;
	}
	.yearslider {
		margin: 0 40px;
	}
}

@media (min-width: 1200px) {
	.yearslider .col {
		flex-basis: 165px;
	}
}


/* MICO */

.micolink {
	font-family: 'Roboto Mono', monospace;
	font-weight: 300;
	color: #398e35;
	font-size: 15px;
	display: block;
	min-height: 38px;
	border-bottom: none !important;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 36px 27px;
    background-position: left center;
}
.micolink:hover {
	color: black !important;
}
.micolink.compra {
	background-image: url('https://effitronix.com/wp-content/uploads/2019/04/picto-carret.png');
}
.micolink.descarrega {
	background-image: url('https://effitronix.com/wp-content/uploads/2019/04/picto-descarrega.png');
}
.micolink.email {
	background-image: url('https://effitronix.com/wp-content/uploads/2019/04/picto-email.png');
}
.plataforma-franjes {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.plataforma-franjes p, .nano-franjes p {
	margin-bottom: 10px !important;
}
.plataforma-franjes hr, .nano-franjes hr {
    margin-top: 0;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #000;
}
.foto-per-gris {
	background-color: #424242;
}
.ico-mico24 {
	width: 90px;
	margin: 0 auto;
}
.beneficis-img {
	width: 145px;
	height: auto;
}

@media (min-width: 768px) {
	
	.nano-punts-text {
		min-height: 500px;
	}
}

@media (min-width: 992px) {
	
	.nano-punts-text {
		min-height: 500px;
	}
}

@media (min-width: 1200px) {
	
	.plataforma-franjes {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	.foto-per-gris {
	    height: 379px;
	    background-color: transparent;
	    background-image: url('https://effitronix.com/wp-content/uploads/2019/04/empresa-7.jpg');
	    background-position: center top;
	    background-repeat: no-repeat;
	}
}


/* PAGES */

.percent {
	height: 61px;
	border-bottom: 1px solid #398035;
	margin-bottom: 15px;
}
.percent .bar {
	float: left;
	height: 60px;
	width: 60%;
	background-color: #DBE4C5;
}
.percent .bar .fill {
	background-color: #95c11f;
	height: 100%;
	float: right;
}
.percent span {
	float: right;
	font-family: 'Roboto Mono', monospace;
	color: #398035;
	font-weight: 300;
	font-size: 36px;
}
.percent.cent .bar .fill {
	width: 100%;
}
.percent.trenta .bar .fill {
	width: 30%;
}
.percent.vint .bar .fill {
	width: 20%;
}
.percent.quinze .bar .fill {
	width: 15%;
}
.percent.deu .bar .fill {
	width: 10%;
}
.percent.vuit .bar .fill {
	width: 8%;
}
.percent.mes.deu .bar .fill {
	width: 10%;
	margin-right: -10%;
}
.percent.mes.quinze .bar .fill {
	width: 15%;
	margin-right: -15%;
}

@media (min-width: 768px) {
	
	.percent span {
		font-size: 55px;
		line-height: 1em;
		margin-right: -30px;
	}
}

@media (min-width: 992px) {
	
	.serveis-titol {
		height: 375px;
	}
}

@media (max-width: 1199px) {
	
	.serveis-titol .vce-asset-background-simple-item {
		background-image: none !important;
	}
}


/* ANIMATION */

.circlemask .wrapper {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
}
.circlemask.ca .wrapper {
	background-image: url('https://effitronix.com/wp-content/uploads/2019/05/mico24plus-cercle-ca.png');
}
.circlemask.es .wrapper {
	background-image: url('https://effitronix.com/wp-content/uploads/2019/05/mico24plus-cercle-es.png');
}
.circlemask.en .wrapper {
	background-image: url('https://effitronix.com/wp-content/uploads/2019/05/mico24plus-cercle-en.png');
}
.circlemask .wrapper, .circlemask .wrapper * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.circlemask .wrapper {
	width: 290px;
	height: 290px;
}
.circlemask .wrapper .pie {
	width: 50%;
	height: 100%;
	transform-origin: 100% 50%;
	position: absolute;
	background: white;
}
.circlemask .wrapper .spinner {
	border-radius: 100% 0 0 100% / 50% 0 0 50%;
	z-index: 200;
	border-right: none;
}
.circlemask.play .wrapper .spinner {
	animation: rota 2s linear;
}
.circlemask .wrapper .filler {
	border-radius: 0 100% 100% 0 / 0 50% 50% 0;
	left: 50%;
	opacity: 0;
	z-index: 100;
	border-left: none;
}
.circlemask.play .wrapper .filler {
	animation: opa 2s steps(1, end) reverse;
}
.circlemask .wrapper .mask {
	width: 50%;
	height: 100%;
	position: absolute;
	background: inherit;
	opacity: 1;
	z-index: 300;
}
.circlemask.play .wrapper .mask {
	animation: opa 2s steps(1, end);
}
.circlemask .wrapper .text {
	position: absolute;
    width: 100%;
    text-align: center;
    top: 45%;
    z-index: 400;
    font-size: 30px;
    color: #398035;
}
@keyframes rota {
	0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes opa {
	0% {
		opacity: 0;
	}
	50%, 100% {
		opacity: 1;
	}
}

@media (min-width: 768px) {
	
	.circlemask .wrapper {
		width: 500px;
		height: 500px;
	}
	.circlemask .wrapper .text {
		font-size: 40px;
	}
}


/* FOOTER */

#footer {
	font-family: 'Roboto Mono', monospace;
	font-weight: 300;
}
.footer-bottom {
	display: none;
}
.footer-widget-area {
	padding: 60px 0;
}
.wp-image-1316 {
	width: 289px;
	height: 106px;
	float: right;
}

.grecaptcha-badge {
	visibility: hidden;
}
div.wpcf7 {
    font-size: 14px;
}
input[type='text'], input[type='email'], select, textarea {
	width: 100%;
	font-size: 14px;
	color: white;
	margin-top: 4px;
}
input[type='text'], input[type='email'], textarea {
	background-color: #808080;
	border: none;
	padding: 10px;
}
input[type='text'], input[type='email'] {
	height: 36px;
}
textarea {
	height: 136px;
}
::placeholder {
	color: white;
}
span.wpcf7-not-valid-tip {
    color: firebrick;
    font-size: 14px;
}
div.wpcf7-response-output {
    margin: 2em 0 1em;
    color: white;
    font-size: 14px;
    padding: 1em;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin-top: 0;
	margin-left: 0;
	color: #808080;
}
input[type=reset], input[type=submit] {
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #808080;
    color: #808080;
    padding: 8px 16px;
    margin-top: 1em;
}
input[type=reset]:hover, input[type=submit]:hover {
	background-color: #808080;
	color: white;
}
div.wpcf7 .ajax-loader {
	display: none;
}
.footer-widget-area ul {
	padding-left: 0;
    list-style: none;
}
form.wpcf7-form, form.wpcf7-form p {
	color: #808080;
}
label {
	font-weight: normal;
}


/* COOKIES */

.cookie-notice-container {
	max-width: 1170px;
	margin: 0 auto;
	padding: 15px;
}
#cn-notice-text {
	display: block;
    margin-bottom: 10px;
}
.cc-message {
    font-size: 14px;
    line-height: 1.3em;
}


/* BLOG */

.entry-meta {
	display: none;
}
.pagination {
    margin: 80px 0;
    text-align: center;
}
.header-image {
	display: none;
}
.nav-links.post-navigation {
	margin-bottom: 80px;
}
.nav-links.post-navigation a .meta-nav {
    margin-bottom: 10px;
}
.sidebar-widget-area .widget_archive ul li a, .sidebar-widget-area .widget_categories ul li a, .sidebar-widget-area .widget_meta ul li a, .sidebar-widget-area .widget_recent_entries ul li a {
    margin-bottom: 5px;
}


/* ANIMATED CIRCLES */

.circleanim {
	position: absolute;
	width: 220px;
	height: 220px;
	left: 50%;
	margin-left: -110px;
}
.halfclip {
    width: 50%;
    height: 100%;
    right: 0px;
    position: absolute;
    overflow: hidden;
    transform-origin: left center;
}
.circleanim.play .halfclip {
    animation: cliprotate 2s 1;
    transform: rotate(180deg);
} 
@keyframes cliprotate {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(0deg);}
	50.01% {transform: rotate(180deg);}
	100% {transform: rotate(180deg);}
}
.halfcircle {
	box-sizing: border-box;
	height: 100%;
	right: 0px;
	position: absolute;
	border: solid 2px transparent;
	border-top-color: #398035;
	border-left-color: #398035;
	border-radius: 50%;
}
.clipped {
    width: 200%;
    transform: rotate(-45deg);
}
.circleanim.play .clipped {
    transform: rotate(135deg);
    animation: rotate 1s linear 2;
}
@keyframes rotate {
	0% {transform: rotate(-45deg);}
	100% {transform: rotate(135deg);}
}
.fixed {
	width: 100%;
	transform: rotate(135deg);  
	opacity: 0;
}
.circleanim.play .fixed {
    opacity: 1;
    animation: showfixed 2s 1;
}
@keyframes showfixed {
	0% {opacity: 0;}
	49.99% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 1;}
}

@media (min-width: 992px) {
	
	.circleanim {
		width: 280px;
		height: 280px;
		margin-left: -140px;
	}
}