.elementor-423 .elementor-element.elementor-element-b85b104{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-b85b104 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-423 .elementor-element.elementor-element-7837c44:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-423 .elementor-element.elementor-element-7837c44 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://botiga.cnmataro.cat/wp-content/uploads/2020/11/fons_footer.jpg");}.elementor-423 .elementor-element.elementor-element-7837c44 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-7837c44 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-423 .elementor-element.elementor-element-76c6f82 > .elementor-widget-container{margin:30px 30px 0px 30px;}.elementor-423 .elementor-element.elementor-element-4a27033 > .elementor-background-overlay{opacity:0.5;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-423 .elementor-element.elementor-element-e2db71d{text-align:center;font-family:"Saira", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-423 .elementor-element.elementor-element-ef8fe60{text-align:center;font-family:"Saira", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-423 .elementor-element.elementor-element-c1d7496{width:var( --container-widget-width, 31.645% );max-width:31.645%;--container-widget-width:31.645%;--container-widget-flex-grow:0;top:225px;}body:not(.rtl) .elementor-423 .elementor-element.elementor-element-c1d7496{left:115px;}body.rtl .elementor-423 .elementor-element.elementor-element-c1d7496{right:115px;}.elementor-423 .elementor-element.elementor-element-b32b14c{width:var( --container-widget-width, 31.645% );max-width:31.645%;--container-widget-width:31.645%;--container-widget-flex-grow:0;top:43px;}body:not(.rtl) .elementor-423 .elementor-element.elementor-element-b32b14c{left:98px;}body.rtl .elementor-423 .elementor-element.elementor-element-b32b14c{right:98px;}.elementor-423 .elementor-element.elementor-element-2c3be4ff > .elementor-background-overlay{background-color:#0C3883;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-423 .elementor-element.elementor-element-2c3be4ff > .elementor-container{max-width:1440px;min-height:290px;}.elementor-423 .elementor-element.elementor-element-2c3be4ff{border-style:solid;border-width:1px 0px 0px 0px;border-color:rgba(255,255,255,0.2);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 10px 0px 10px;}.elementor-423 .elementor-element.elementor-element-102a07b4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-423 .elementor-element.elementor-element-102a07b4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3883;}.elementor-bc-flex-widget .elementor-423 .elementor-element.elementor-element-102a07b4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-423 .elementor-element.elementor-element-102a07b4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-423 .elementor-element.elementor-element-102a07b4 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-102a07b4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-423 .elementor-element.elementor-element-ddb0819 > .elementor-widget-container{margin:010px 0px 0px 020px;}.elementor-423 .elementor-element.elementor-element-ddb0819{text-align:start;font-family:"Saira", Sans-serif;font-size:14px;font-weight:300;line-height:1em;letter-spacing:1px;color:#FFFFFF;}.elementor-423 .elementor-element.elementor-element-363571d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-423 .elementor-element.elementor-element-363571d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3883;}.elementor-bc-flex-widget .elementor-423 .elementor-element.elementor-element-363571d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-423 .elementor-element.elementor-element-363571d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-423 .elementor-element.elementor-element-363571d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-423 .elementor-element.elementor-element-363571d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-363571d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-423 .elementor-element.elementor-element-5aa1afe img{width:180px;}.elementor-423 .elementor-element.elementor-element-0c6461b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-423 .elementor-element.elementor-element-0c6461b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3883;}.elementor-bc-flex-widget .elementor-423 .elementor-element.elementor-element-0c6461b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-423 .elementor-element.elementor-element-0c6461b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-423 .elementor-element.elementor-element-0c6461b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-423 .elementor-element.elementor-element-0c6461b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-423 .elementor-element.elementor-element-0c6461b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-423 .elementor-element.elementor-element-e05ca28 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-e05ca28{text-align:end;font-family:"Saira", Sans-serif;font-weight:400;color:#1484C240;}.elementor-423 .elementor-element.elementor-element-e6cb8fb > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-e6cb8fb{text-align:end;font-family:"Saira", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-423 .elementor-element.elementor-element-7837c44{width:100%;}.elementor-423 .elementor-element.elementor-element-122e998{width:24.995%;}.elementor-423 .elementor-element.elementor-element-525f3fc{width:75%;}}@media(max-width:1024px){.elementor-423 .elementor-element.elementor-element-b85b104{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-7837c44 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-423 .elementor-element.elementor-element-102a07b4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-423 .elementor-element.elementor-element-102a07b4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-423 .elementor-element.elementor-element-102a07b4 > .elementor-element-populated{padding:0px 0px 0px 80px;}.elementor-423 .elementor-element.elementor-element-363571d > .elementor-element-populated{padding:0px 80px 0px 0px;}.elementor-423 .elementor-element.elementor-element-0c6461b > .elementor-element-populated{padding:0px 80px 0px 0px;}}@media(max-width:767px){.elementor-423 .elementor-element.elementor-element-b85b104{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-7837c44 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-2c3be4ff{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-102a07b4 > .elementor-element-populated{padding:15px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-ddb0819{text-align:center;}.elementor-423 .elementor-element.elementor-element-363571d > .elementor-element-populated{padding:15px 0px 15px 0px;}.elementor-423 .elementor-element.elementor-element-0c6461b > .elementor-element-populated{padding:15px 0px 15px 0px;}.elementor-423 .elementor-element.elementor-element-e6cb8fb{text-align:center;}.elementor-423 .elementor-element.elementor-element-f789a26 > .elementor-widget-container{margin:0px 0px 50px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-ddb0819 */.elementor-423 .elementor-element.elementor-element-ddb0819 {color: #ffffff};/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f789a26 *//*fixed*/
/*.cs-text {
	bottom:0px;
    height: 52px;
    margin: 0 auto;
    padding-left: 20px;
    position:fixed;
    right: 0;
    text-transform: uppercase;
    width: 256px;
}*/

/*relative*/
.cs-text {  bottom: 0;  height: 16px;  margin: 0 auto;  padding-left: 20px;  position: relative;  right: -25px;  text-transform: uppercase;  width: 256px;}

/* Micro clearfix hack by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/ */
.cs-text:before,
.cs-text:after {
	content: " ";
    display: table;
}

.cs-text:after {
	clear: both;
}
/* end clearfix hack */

.cs-text span {	color:#fff!important;	cursor: default;	display: block;	float: left;	font-size: 14px !important;	border-radius: 50%;	width: 40px;	height: 40px;	line-height: 40px !important;	text-align: center;
	margin:0 0 0 -12px;	color: rgba(255,255,255,0.95);	text-shadow: 0 -1px 1px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.cs-text span:nth-child(2n+1) {  background: url("../images/noise.png") repeat scroll 0 0 rgba(156, 13, 88, 0.6);}
.cs-text span:nth-child(2n) {  background: url("../images/noise.png") repeat scroll 0 0 rgba(156, 13, 88, 0.8);}

/*CENTRO*/
.cs-text span:nth-child(1) {
	-webkit-transform: translate(300%) translate(-60px);
	-moz-transform: translate(300%) translate(-60px);
	-o-transform: translate(300%) translate(-60px);
	-ms-transform: translate(300%) translate(-60px);
	transform: translate(300%) translate(-60px);
}

.cs-text span:nth-child(2) {
	-webkit-transform: translate(200%) translate(-40px);
	-moz-transform: translate(200%) translate(-40px);
	-o-transform: translate(200%) translate(-40px);
	-ms-transform: translate(200%) translate(-40px);
	transform: translate(200%) translate(-40px);
}

.cs-text span:nth-child(3) {
	-webkit-transform: translate(100%) translate(-20px);
	-moz-transform: translate(100%) translate(-20px);
	-o-transform: translate(100%) translate(-20px);
	-ms-transform: translate(100%) translate(-20px);
	transform: translate(100%) translate(-20px);
}

.cs-text span:nth-child(5) {
	-webkit-transform: translate(-100%) translate(20px);
	-moz-transform: translate(-100%) translate(20px);
	-o-transform: translate(-100%) translate(20px);
	-ms-transform: translate(-100%) translate(20px);
	transform: translate(-100%) translate(20px);
}

.cs-text span:nth-child(6) {
	-webkit-transform: translate(-200%) translate(40px);
	-moz-transform: translate(-200%) translate(40px);
	-o-transform: translate(-200%) translate(40px);
	-ms-transform: translate(-200%) translate(40px);
	transform: translate(-200%) translate(40px);
}

.cs-text span:nth-child(7) {
	-webkit-transform: translate(-300%) translate(60px);
	-moz-transform: translate(-300%) translate(60px);
	-o-transform: translate(-300%) translate(60px);
	-ms-transform: translate(-300%) translate(60px);
	transform: translate(-300%) translate(60px);
}



.cs-text span:last-child{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50px;
	z-index: 100;
	background: url(http://botiga.cnmataro.cat/wp-content/uploads/2020/11/tactic_logo.png) no-repeat center center;
	cursor:pointer;
	background-size:102%;
}




/*de der a iz*/
/*
.cs-text span:nth-child(1) {
	-webkit-transform: translate(300%) translate(0px);
	-moz-transform: translate(300%) translate(0px);
	-o-transform: translate(300%) translate(0px);
	-ms-transform: translate(300%) translate(0px);
	transform: translate(300%) translate(0px);
}

.cs-text span:nth-child(2) {
	-webkit-transform: translate(200%) translate(20px);
	-moz-transform: translate(200%) translate(20px);
	-o-transform: translate(200%) translate(20px);
	-ms-transform: translate(200%) translate(20px);
	transform: translate(200%) translate(20px);
}

.cs-text span:nth-child(3) {
	-webkit-transform: translate(100%) translate(40px);
	-moz-transform: translate(100%) translate(40px);
	-o-transform: translate(100%) translate(40px);
	-ms-transform: translate(100%) translate(40px);
	transform: translate(100%) translate(40px);
}

.cs-text span:nth-child(4) {
	-webkit-transform: translate(100%) translate(60px);
	-moz-transform: translate(100%) translate(60px);
	-o-transform: translate(100%) translate(60px);
	-ms-transform: translate(100%) translate(60px);
	transform: translate(100%) translate(60px);
}

.cs-text span:nth-child(5) {
	-webkit-transform: translate(-100%) translate(80px);
	-moz-transform: translate(-100%) translate(80px);
	-o-transform: translate(-100%) translate(80px);
	-ms-transform: translate(-100%) translate(80px);
	transform: translate(-100%) translate(80px);
}

.cs-text span:nth-child(6) {
	-webkit-transform: translate(-200%) translate(100px);
	-moz-transform: translate(-200%) translate(100px);
	-o-transform: translate(-200%) translate(100px);
	-ms-transform: translate(-200%) translate(100px);
	transform: translate(-200%) translate(100px);
}

.cs-text span:nth-child(7) {
	-webkit-transform: translate(-300%) translate(120px);
	-moz-transform: translate(-300%) translate(120px);
	-o-transform: translate(-300%) translate(120px);
	-ms-transform: translate(-300%) translate(120px);
	transform: translate(-300%) translate(120px);
}

.cs-text span:last-child{
	top: 0;
	margin-left: -38px;
	z-index: 100;
	background: url(../images/tactic_logo.png) no-repeat center center;
	cursor:pointer;
	background-size:102%;
}
*/

/*

*/



/*De iz a der REPASAR*/
/*
.cs-text span:nth-child(1) {
	-webkit-transform: translate(300%) translate(0px);
	-moz-transform: translate(300%) translate(0px);
	-o-transform: translate(300%) translate(0px);
	-ms-transform: translate(300%) translate(0px);
	transform: translate(300%) translate(0px);
}

.cs-text span:nth-child(2) {
	-webkit-transform: translate(-200%) translate(100px);
	-moz-transform: translate(-200%) translate(100px);
	-o-transform: translate(-200%) translate(100px);
	-ms-transform: translate(-200%) translate(100px);
	transform: translate(-200%) translate(100px);
}

.cs-text span:nth-child(3) {
	-webkit-transform: translate(-100%) translate(80px);
	-moz-transform: translate(-100%) translate(80px);
	-o-transform: translate(-100%) translate(80px);
	-ms-transform: translate(-100%) translate(80px);
	transform: translate(-100%) translate(80px);
}

.cs-text span:nth-child(4) {
	-webkit-transform: translate(100%) translate(60px);
	-moz-transform: translate(100%) translate(60px);
	-o-transform: translate(100%) translate(60px);
	-ms-transform: translate(100%) translate(60px);
	transform: translate(100%) translate(60px);
}

.cs-text span:nth-child(5) {
	-webkit-transform: translate(100%) translate(40px);
	-moz-transform: translate(100%) translate(40px);
	-o-transform: translate(100%) translate(40px);
	-ms-transform: translate(100%) translate(40px);
	transform: translate(100%) translate(40px);
}

.cs-text span:nth-child(6) {
	-webkit-transform: translate(200%) translate(20px);
	-moz-transform: translate(200%) translate(20px);
	-o-transform: translate(200%) translate(20px);
	-ms-transform: translate(200%) translate(20px);
	transform: translate(200%) translate(20px);
}

.cs-text span:nth-child(7) {
	-webkit-transform: translate(-300%) translate(120px);
	-moz-transform: translate(-300%) translate(120px);
	-o-transform: translate(-300%) translate(120px);
	-ms-transform: translate(-300%) translate(120px);
	transform: translate(-300%) translate(120px);
}


.cs-text span:last-child{
	top: 0;
	margin-left: -38px;
	z-index: 100;
	background: url(../images/tactic_logo.png) no-repeat center center;
	cursor:pointer;
	background-size:102%;
}

*/



.cs-text span:not(:last-child) {
	opacity: 0;
	pointer-events: none;
}

.cs-text:hover span:not(:last-child){
	-webkit-transform: translate(0%);
	-moz-transform: translate(0%);
	-o-transform: translate(0%);
	-ms-transform: translate(0%);
	transform: translate(0%);
	opacity: 1;
}

.cs-text:hover span:last-child {
	opacity: 0;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}/* End custom CSS */