@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');


html {height:100%}
::-webkit-scrollbar{display:none;}

:root{
  --blue:#384f7c;
  --blue-2:#32527b;
  --blue-light:#5391e3;
  --blue:#F85656;
  --blue-2:#F85656;
  --blue-light:#F85656;
  --font-brand:'Barlow';
  --font:'Barlow';
  --font-2:'Barlow', sans-serif;

}
body {
 color: #555;
	background: #ffffff;
	line-height: 1.4285em !important;
	font-size: 16px !important;
	
	font-family:Barlow, sans-serif !important;
	font-style: normal;
	font-weight: normal;

	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  text-rendering:optimizeLegibility; 
	white-space: normal;
	position: relative;

  margin: 0;
padding: 0;
border: 0;
/*overflow: hidden;*/
}



* {
  margin: 0;
  padding: 0; 
}

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#boton {width:30px; height:30px; position:absolute; top:10px; left:10px; background:#999; cursor:pointer;}

.cols-1
{
display: block;
float: none !important;
margin: 0 !important;
}
.cols-2 .column-1
{
width:46%;
float:left;

}
.cols-2 .column-2
{
width:46%;
float:right;
margin:0
}
.cols-3 .column-1

{
float:left;
width:29%;
padding:0px 5px;
margin-right:4%
}

.cols-3 .column-2
{
float:left;
width:29%;
margin-left:0;
padding:0px 5px
}

.cols-3 .column-3
{
float:right;
width:29%;
padding:0px 5px
}
.column-1,
.column-2,
.column-3
{
padding:10px 5px
}

.column-2
{
width:55%;
margin-left:40%;
}

.column-3
{
width:30%
}

.tags{
    display: inline-flex;
    list-style: none;
	    margin: 1px !important;
}

img {
  max-width: 100%; }

#top {
    position: fixed;
    z-index: 1000;
    color: #ddd;
    font-size: 12px;
    /*line-height: 30px;*/
    /* padding: 10px; */
    width: 100%;
    text-align: right;	}

#top .container .separator {
  border-left: 1px solid #CCCCCC;
  display: inline-block;
  height: 10px;
  margin: 0 20px;
  width: 1px; }

#navigation {
 margin-top: 22px; }
	.navbar-nav {
    margin: 0px;
}
.nav>li {
    position: relative;
    display: block;
}
@media (min-width: 768px)
{
#demo {display:none !important;}
 #bigTriangleColorMob {display:none !important;}
.navbar-nav>li {
    /*float:right !important;*/
}
.navbar-nav {
    /*float: none !important;*/
    margin-right: -5px !important;
}
.navbar-header {
   /* float: none !important;*/
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 16px 15px 0px 15px !important;
}

.nav .navbar-fot>li>a {
    position: relative;
    display: block;
    padding: 0px 0px 0px 0px !important;
}

}

.navbar {
  border-radius: 0 !important; }

.navbar-default {
  /*   background-color: #2c3e50;
    border-color: transparent;*/ }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  outline: medium none;
    background-color: transparent !important; 
color:#F85656 !important;	}

.navbar-fot > .active > a,
.navbar-fot > .active > a:hover,
.navbar-fot > .active > a:focus {
  outline: medium none;
    background-color: transparent !important; 
color:#F85656 !important;	}



.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  outline: medium none; 
  background-color: transparent !important;
 color:#F85656 !important;}
 
.navbar-fot > li > a:hover,
.navbar-fot > li > a:focus {
  outline: medium none; 
  background-color: transparent !important;
 color:#F85656 !important;}
 
 
 


.navbar-default .navbar-nav>li>a {
 color: var(--blue-2) ;
}

.navbar-fot>li>a {
 color: var(--blue-2) ;
}

.navbar-nav > li > a {
   line-height: inherit !important;
	font-size: 18px;
	color: #aaaaaa !important;
  }
  
.navbar-fot > li > a {
 	font-size: 18px;
	    padding: 0px !important;
	font-family: var(--font), sans-serif !important;
    font-size: 20px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #a6a6a6 !important;
    line-height: 1.4 !important;
    letter-spacing: .4px;
  }

.activeLinkClass { color:#F85656 !important;}
.dropdown-menu {
  padding: 0px !important;
  border-radius: 0 !important; }

.navbar-right .dropdown-menu {
  left: 0 !important;
  right: auto !important; }

  
#main-box {
  background: none repeat scroll 0 0 transparent;
  border: 0px solid #E5E5E5;
  /* border 1, if you have front component*/
  /*margin-bottom: 20px;*/
  /*    padding: 10px;*/ }

#main {
  /*    padding-bottom: 40px;*/
 /* padding-top: 20px;*/ }

#breadcrumbs {
background-image:url(../images/bread.jpg);
background-repeat:repeat;
background-position:center center;
  /*background: #f5f5f5 none repeat scroll 0 0;*/
  padding: 20px 0 0; }

#breadcrumbs .moduletable {
  border: 0;
  padding: 0;
  margin-bottom: 0; }
.breadcrumb {background: transparent !important;}

#fullwidth {
	width: 100%;
			
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	max-width:1440px;
	max-height:823px;
	min-height:823px;
	margin:0 auto;
	background-repeat:no-repeat;
   background:url(../images/fonspor.jpg) 0px -249px ; 

  /*margin-top: -20px;*/
 }
 #bottom {width: 100%;
			margin:0 auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	max-width:1440px;}
 
 .newsform { background: url(../images/foot.jpg) no-repeat top right ; 
min-height:50vh;}
 
 #showcase {z-index: 1;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);}

#fullwidth .moduletable {
  border: 0;
  padding: 0;
  margin-bottom: 0px; }
  
#fullwidthdos {
  margin: 0px auto;
  overflow: hidden; 
  max-width:1440px;}


  
  
#fullwidthdos .moduletable {
  border: 0;
  padding: 0;
  margin-bottom: 0px; }

.ss-style-halfcircle  span{ display: block;
    padding: .2em 0em;
    border-bottom: 1px solid rgb(136, 135, 135); }

.moduletable {
  /*    background: none repeat scroll 0 0 #FFFFFF;;
    border: 1px solid #E5E5E5;*/
  margin-bottom: 0px;
  padding: 0px; }

.panel.moduletable {
  padding: 0; }

.panel .moduletable {
  box-shadow: none;
  margin: 0px 10px;
  padding: 10px; }

#brand {
 /* float: none !important;
    margin-bottom: 3em;
	margin-top:3em;
    text-align: right;
    padding-right: 40px;*/
   /* padding-top: 1em;*/
       padding: 0.5em 0 1em 0;
}

#brand img {
 /* padding-bottom: 10px;
  padding-top: 20px;*/ }
.page-header {  margin: 10px 0 0px !important; border-bottom:1px solid #376c9b !important}

.page-header  h1{
 text-align:center !important;}

.category-desc p {text-align:justify;}
.hasTooltip {
  display: inline !important; }

.noMainbody {
  display: none !important; }

ul.unstyled,
ol.unstyled {
  list-style: outside none none;
  margin-left: 0;
  padding: 0; }

#pop-print {
  float: right;
  margin: 10px; }

.btn.modal {
  bottom: auto;
  display: inline;
  left: auto;
  position: relative;
  top: auto; }

html,
body {
  height: 100%;
  /*height: 2000px; 
min-height:2000px;*/
  /* The html and body elements cannot have any padding or margin. */ }

/* Wrapper for page content to push down footer */
#wrap {
  height: auto !important;
  margin: 0 auto 0px;
  min-height: 100%;
  padding: 0 0 0px; }

/* Set the fixed height of the footer here */
#footer {
  /*  height: 80px;;
    background-color: #f5f5f5;*/
padding-top:3em;/*background-image:url(../images/footer.jpg);
background-repeat:repeat;
background-position:center center;	*/}

#copy.well {
  border-radius: 0;
  border: 0;
  margin: 0; }

#footer .moduletable {
  background: transparent;
  border: 0; }

#push {
  height: 60px; }
  
.cd-top{display:inline-block;height:60px;width:60px;position:fixed;z-index:2;right:9px;bottom:30px;overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(212, 212, 212, 0.0) url(../images/back-top.svg) no-repeat center 50%;border-radius:4px;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s, visibility 0.3s, background-color 0.3s;-moz-transition:opacity 0.3s, visibility 0.3s, background-color 0.3s;transition:opacity 0.3s, visibility 0.3s, background-color 0.3s;}
 
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible{visibility:visible;opacity:1;z-index:9999999;}

.cd-top.cd-fade-out{opacity:.5;}

.no-touch .cd-top:hover{background-color:#eeeeee;opacity:1;}

/* LAYOUT */
 a > * {
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover, a > *:hover, a:focus {
	text-decoration: none !important;
	outline: 0 !important;
}

h1, h2, h3, h4, h5, h6 {

}

h1 {
	
}

h2 {

}

h3 {


}

h4 {

	
}

.nspHeader  {
    
    padding: 8px 0px 8px 8px !important;
    margin: 0px 0px 5px 0px !important;
    background: none;
    line-height: normal !important;
    text-transform: none;
    text-decoration: none;
    font-weight: 300;
    display: block;
    background-image: url(../images/latest_hover.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #ECECEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ffffff;
}
.nspHeader:hover {
    

    background-image: url(../images/latest.png);

}

h5 {
	font-family: var(--font-2), sans-serif;
	font-size: 20px;
}

h6 {
	font-family: var(--font-2), sans-serif;
	font-size: 18px;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.428571429;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.5;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.428571429;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Monaco, "Courier New", monospace;
}

legend {
  padding-bottom: 10px;
  font-weight: 700;
}


.col-xs-15{width:20%!important;float:left!important;}

@media (min-width:768px){

.col-sm-15{width:20%!important;float:left!important;}
}
@media (min-width:992px){
.col-md-15{width:20%!important;float:left!important;border-right:1px solid white;}
.camera_caption {font-family: var(--font-2), sans-serif !important;
    font-size: 23px !important; text-align:center !important;}
	.hero-unit p {font-size:x-large;}
}
@media (min-width:1200px){
.col-lg-15{width:20%!important;float:left!important;border-right:1px solid white;}
}
.row.no-gutters{margin-right:0;margin-left:0;}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{padding-right:0;padding-left:0;}
.no-gutters > [class^="col-"],
.no-gutters > [class*=" col-"]{padding-right:0;padding-left:0;}
.row.no-gutters{margin-right:0;margin-left:0;> [class^="col-"],
> [class*=" col-"]{padding-right:0;padding-left:0;}
}

.martop{margin-top:2em !important;}

.dobletop{margin-top:5% !important;}

.marbot{margin-bottom:10em !important}

.doblebot{margin-bottom:8% !important;}

input[type=checkbox], input[type=radio]{position:static !important;}

img.pull-left{margin:0em 3em 1em 0em;}

img.pull-right{margin:0em 0em 1em 3em;}
.text-light {
  font-weight: 300;
  font-style: normal;
}
.text-normal {
  font-weight: 400;
  font-style: normal;
}
.text-bold {
  font-style: normal;
  font-weight: 700;
}
.text-italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capital {
  text-transform: capitalize;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.v-align-top {
  vertical-align: top;
}
.v-align-bottom {
  vertical-align: bottom;
}
.v-align-baseline {
  vertical-align: baseline;
}
.v-align-middle {
  vertical-align: middle;
}
.v-align-sub {
  vertical-align: sub;
}
.v-align-super {
  vertical-align: super;
}
.v-align-top-text {
  vertical-align: text-top;
}
.v-align-bottom-text {
  vertical-align: text-bottom;
}

/* Floats */
.float-left {
  float: left; }

.float-right {
  float: right; }

.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.ie7 .group {
  zoom: 1; }

/* JOOMLA */
.form-horizontal .control-label {
  text-align: inherit !important; }

i.icon-calendar:before {
  content: "\1f4c5";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px; }

div.contact-form-field label,
div.message-label label {
  display: inline !important; }

div#jform_tags_chzn.chzn-container ul.chzn-choices li.search-field input.default {
  padding: 0; }

.control-group input[type="checkbox"] {
  width: 10px !important; }

.btn-toolbar {
  margin-bottom: 10px; }

/*ERROR*/
.error-page-inner {
  display: table;
  height: 100%;
  min-height: 100%;
  text-align: center;
  width: 100%; }

.error-code {
  font-size: 96px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px;
  padding: 0; }

.error-page-inner .fa.fa-exclamation-triangle {
  font-size: 96px;
  line-height: 1;
  margin-bottom: 10px; }



.blog-more {
  padding: 10px 5px; }


.error .container {
  display: table;
  height: 100%;
  min-height: 100%;
  text-align: center;
  width: 100%;
  padding: 200px 0; }

.error .container h1 {
  font-size: 140px; }
  
  
 .sb-icon-search {
	color: #333;
	background: #f9f9f9;
	z-index: 90;
	font-size: 14px;
	font-family: 'FontAwesome' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\f002" !important;
}

/*for headroom.js*/
.headroom {
  transition: transform 200ms linear; 
   will-change: transform;
   }

.headroom--pinned {
  transform: translateY(0%); 
  display: block;}

.headroom--unpinned {
  transform: translateY(-100%); }

.header {
  background-color: inherit;
 /* line-height: 60px; */}

.header__link {
  border: 0 none;
  color: #fff;
  text-decoration: none; }

.header__link:focus {
  background-color: rgba(78, 205, 196, 0.1);
  outline: 0 none; }

.header__link:hover .icon {
  color: #4ecdc4; }

.header--fixed {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10; }

  .sb-search {margin-top:0px !important}
  .sb-icon-search {
    color: #fff !important;
    background: #376b9b !important;
}
	.sb-search-input {
    
    width: 80% !important;}
	
  .special {margin-top:74px !important}
section {padding-top:0px}
div[itemprop="articleBody"] {
   padding-top:8em;
}
.interna {/*background: url(../images/foot.jpg) no-repeat top right*/ padding-top:150px;}
.product-description {
    margin: 0 auto !important;
    width: 100% !important;
    padding: 2em !important;
}
ul.lang-inline li a {color:#8f8080 !important; font-weight: bold !important; font-family: var(--font), sans-serif !important;
font-size: 14px;
  font-stretch: condensed; }
ul.lang-inline li.lang-active a {     color: var(--blue-2)!important;}
.jf_mm_wrapper .levelHolderClass, .jf_mm_wrapper .jf_mm_inactive {
    background-color: #393937 !important;
}
.jf_mm_wrapper li {
    background-color: #333333 !important;
}

.category-view .row .category .spacer h2 {
    font-size: 14px !important;
    margin: 0;
    padding: 0;
    text-align: center;
}
/*OFFLINE*/
#frame input.inputbox {
  border: 1px solid #ccc;
  padding: 8px;
  width: 100%;
  border-radius: 4px; }

#frame {
  margin-top: 100px; }

/* Media Queries */
/* Retina */
/* Landscape phones and down */
@media (max-width: 480px) {
.wall-item .wall-bottom .item-content .catItemTitle {
    margin: 3px 0 7px 0 !important;
    text-transform: none !important;
    text-decoration: none;
    font-size: 11px !important;
    text-align: left;
}
.jf_mm_trigger {
    top: 32px !important;}

 #brand {
    float: none;
    text-align: center !important;
} 
.hero-unit p {
display:none;
    color: white !important;
    margin: 0 0 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-size: 16px !important;
    font-weight: 200;
    line-height: 19px !important;
}
.hero-unit h1 {
    font-size: 32px !important;
}
.camera_caption {display:none !important;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
div[itemprop="articleBody"] {
   padding-top:3em;
}
#portada .container {
    padding-right: 15px;
    padding-left: 72px !important;
    margin-right: auto;
    margin-left: auto;
}
.svg {
    color: #F85656 !important;
    margin-top: 71px !important;
}
#portada h1 {
font-family: var(--font-brand), sans-serif !important;
    font-size: 43px !important;
    text-align: left;
    line-height: 53.3px !important;
    color: #F85656;
    margin: 24px 0px 24px 0px !important;
}
.blu p {
    max-width: 40% !important;
    margin: 0 auto 117px auto !important;
}


.idiomes {text-align:center !important;}
.cameraContent .camera_caption .container {
    width: 80% !important;
}
.flexible {display:block !important}
.callme h3 {    background: rgba(255, 255, 255, 0.87);
    display: block;
    padding: 0.1em;
    overflow: hidden;}
.hero-unit {    padding: 15px !important; margin-top: 30vh !important;}
.hero-unit p {
display:none;
    color: white !important;
    margin: 0 0 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-size: 16px !important;
    font-weight: 200;
    line-height: 19px !important;
}


  section {
    margin-top: auto;
 /* padding-top: 10px;*/ }
 }

/* Portrait tablet to landscape and desktop */
/* Large desktop */
@media (max-width: 1024px) {
  .marb {
margin-bottom:78px;
  }
.peu {
    height: auto !important;
}
.padleft{padding-left:50px !important;}

.contactsec input, .contactsec textarea {
   margin-bottom: 23px !important;
}
.sb-search {
    margin-top: 0px !important;
    margin-right: -15px;
}
.jf_mm_trigger {
   top: 0!important;
    left: 0 !important;
    min-width: 36px !important;
    min-height: 36px !important;
}
.idiomes {text-align:right !important;}
.esconder{display:block;} 
#brand {
    
}
.navbar-header {
    float: left !important;
} 
}


/* Fix disappearing tabs on editor page - Added by Waseem Sadiq 8th March 2015*/
.icons .btn-group,
.icons .btn-group a[data-toggle="tab"][aria-expanded="false"],
ul.nav-tabs > li > a[data-toggle="tab"][aria-expanded="false"] {
  display: block !important; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  /*  float: left;
    position: relative !important;*/
  margin-left: 0 !important; }

.checkbox label, .radio label {
  padding-left: 20px;
  padding-right: 10px; }

label {
  display: block;
  margin-bottom: 5px; }

label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  font-family: arial; }

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer; }

.control-group input, .control-group textarea, .control-group .uneditable-input {
  /*width: 100% !important */ }

.contact-form .control-group input, .contact-form .control-group textarea, .contact-form .control-group .uneditable-input {
  width: 100%; }

.email-copy-input {
  float: left; }

.control-group .control-label {
  padding-top: 7px;
  padding-bottom: 7px; }

div#jform_catid_chzn.chzn-container,
div#jform_catid_chzn.chzn-container div.chzn-drop,
div#jform_state_chzn.chzn-container,
div#jform_state_chzn.chzn-container div.chzn-drop,
div#jform_featured_chzn.chzn-container,
div#jform_featured_chzn.chzn-container div.chzn- drop,
div#jform_access_chzn.chzn-container,
div#jform_access_chzn.chzn-container div.chzn-drop,
div#jform_metadata_tags_chzn.chzn-container,
div#jform_metadata_tags_chzn.chzn-container div.chzn-drop,
div#jform_language_chzn.chzn-container div.chzn-drop,
div#jform_language_chzn.chzn-container,
div#jform_tags_chzn.chzn-container {
  width: 260px !important; }

.chzn-container-single .chzn-single {
  width: 140px; }

.chzn-container .chzn-drop {
  width: 100px; }
  
  
 /*OVERRIDES*/
 .product-field-display {
    min-height: 230px;
}
.product-field-display a {
    display: block;
    height: 170px;
}
.product-field-display a img {
    display: block;
    min-height: 143px;
}

 h2.cp-group-parent {font-size:16px !important;}
 .cp-chkb-group-title, .cp-price-group-title {
    font-size: 12px !important;
    color: #000000 !important;
    display: inline-block !important;
}
 .navbar-inverse {
    background-color:white /* var(--blue-2) */ !important;
    border-color: transparent !important;
}
.navbar-default {
  /*  background-color: transparent !important;*/
    border-color: #ffffff !important;
	background-color: white !important;
	    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.15);
}


.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
	    margin-top: 20vh;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;    
}

.hero-unit p {	color:white !important;     margin: 0 0 20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.hero-unit h1 {
    margin-bottom: 20px !important;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit;
	color:white !important;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.iplus .scroll-down, .catalog .scroll-down {
   
   position:initial !important
    
}
.catalog .scroll-icon{margin-top:0.8em !important}
.small {font-size:96% !important; font-style:normal !important;}

.scroll-down {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
    color: #fff;
}
.scroll-down .scroll-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
}
.scroll-down .scrollgros {
    display: block;
    margin: 0 auto;
    width: 50px;
}
.scroll-down, .scroll-down * {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.pdf {position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent;
	    width: 2em;
    height: 2em;
	margin-right: .25em;
}
  

.navbar{
  
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent !important;
	  position: relative;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
}
.btn-primary {
    color: #000 !important;
    background-color: white !important;
    border-color: #fff !important;
	transition: all .3s ease-in-out
}
.btn-large {

    display: inline-block;
    padding: 20px 30px !important;
    margin-bottom: 0;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid white !important;
    border-radius: 4px;

}




.section-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


.section-overlay {
	background: rgba(0, 0, 0, .4) !important;
}



	
.btn-sections{margin:1em 0; font-size: 18px !important;}
	
.navbar-header{z-index:80 !important;}
.navbar {z-index:70 !important;}


.peu {padding-top:1em; border-top:1px solid #eaeaea; margin-top:1em; margin-bottom:1em; text-align:center; font-size: 14px !important;}

.callme {padding-top:2em;/*background: url(../images/llamen.png) no-repeat top right;*/  }
.callme h3 {margin-top:1.5em; margin-bottom:1em;}
#new h3 {margin-top:2.5em; margin-bottom:1em;}
.callme .input-group .form-control {
   
    width: 97% !important;
   
}
#footer a {color:#454545; font-weight:bolder; font-size:14px !important;}
.youtube {background: url(../images/youtube.png) no-repeat top left;
    display: inline-block;
    min-height: 32px;
    padding-left: 2.2em;
    line-height: 32px;}
.linkedin {    background: url(../images/linkedin.png) no-repeat top left;
    display: inline-block;
    min-height: 32px;
    padding-left: 2.2em;
    line-height: 32px;}

.headroom--not-top.headroom--pinned{background:#eee !important; transition: all 0.1s ease-in-out}

.flexible {display:flex; flex-direction:row; justify-content:space-around; /*align-items:center;*/}

.blog a {color: #333;}
.browse-view h1 {font-family: var(--font-2), sans-serif !important;
    font-size: 44px !important;
    position: relative !important;}
	.back-to-category {display:none}
/*experimentos*/
/* Common style for pseudo-elements */
section::before,
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

.category-desc {margin-bottom:6em}
.category-desc section  {
    position: relative;
    padding: 3em 10%;
    background: #999;
    color: #fff;
    text-align: center;
}
/* Half Circle */
/*.ss-style-halfcircle::before,*/
.ss-style-halfcircle::after {
	left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*.ss-style-halfcircle::before {
	top: -50px;
}*/

.ss-style-halfcircle::after {
	bottom: -50px;
}

.contact h3 {display:none;}
.ba-form p {display:none;}
.tablecell {display:table; height:100%; font-size:24px !important;}
.vm-details-button {display:none;}
.product_s_desc {min-height:20px; display:block; text-align:center; margin:0 auto;background-color:#ECECEE; color:#666666; padding:0px 0px; font-size:12px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; vertical-align:middle;}
.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {
font-size: 16px !important;
    font-weight: bold;
    color: #4d6da0;
    text-decoration: none;
    text-shadow: white 1px 1px 0;
        margin: 0px 0px 18px 0px;
    padding: 8px;
    text-align: left;}
	.vm-customfields-wrap {display:none;}
.product-price {display:none;}	
	
	/*VM browse*/
	div.product {
    float: left;
    border: 0px solid #ddd !important;
    min-width: 220px;
	position:relative;
}
.product-container {position:relative;}
.browseProductImage {
    max-height: 100% !important;
    width: auto;
    max-width: 100%;
}
.addtocart-area {
    display:none;
}
.vm-product-media-container {
min-height:190px;
position:relative;
line-height: 190px;
}
.browseProductImage {
    max-height: auto !important;
    width: auto;
    max-width: 100%;
	vertical-align:middle !important;
}
.product-container .icons, .product-container .ratingbox{display:none;}
.ask-a-question {float:right}
.product-description span {display:none;}
.product-fields {display:none}
.ask-a-question {    margin: -50px 0 0;}
.customer-reviews {display:none}
p.product_s_desc {
    line-height: 16px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: .3em 0 !important;
}
.product-container .category-view {display:none}
table {width:100% !important}
.adjunt { background-color: #FDFDFD; display: flex;
    flex-direction: column;
    justify-content: flex-start; padding: 5px; border:1px double gray; width:90%; margin:30px auto;}
.llistapdf {line-height:inherit; padding:10px 0;}
.adjunt .floatleft {float:none !important; display:inline-block; vertical-align:middle;margin: 5px 0;}
.adjunt .vm-img-desc {display:inline-block;     display: inline-block;
    font-size: 76% !important;}
.vm-img-desc {display:none;}
.additional-images img {
    margin-right: 0px !important;
    width: auto !important;
    height: auto;
	margin:0 auto !important;
	text-align:center;
}
.additional-images.adjunt img {
    margin-right: 10px !important;
    width: 30px !important;
	display:inline-block;
   }
.product-container h1 {z-index: -1;
    /*font-family: Copperplate, "Copperplate Gothic Light", fantasy !important;*/
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 500 !important;
    line-height: 26.4px !important;
    font-size: 45px !important;
    color: #00437a;
}
.productdetails-view .product-short-description {
    margin: 0 0 16px;
    padding: 0.4em 0 !important;
    /* border-top: 1px solid #eaeaea; */
    font-weight: 600 !important;
}
.vm-page-counter {display:none;}

.levelHolderClass ul {
    height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 !important;
}
.jf_mm_wrapper h2 {
    font-size: 1.1em !important;
    line-height: 1em !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.3) !important;
    padding: 0 .4em !important;
}
.jf_mm_trigger {
    background-color: #376c9b !important;
    color: #f5f5f5;
	    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
a:hover .vm-img-desc {
    background: transparent !important;
}

@media (min-width:991px) {
#tauleta {
    float: left;
    width: 48%;
    border-right: 1px dashed #CFCFCF;
    border-top: 1px dashed #CFCFCF;
    background-color: #E6EBF1;
	    padding-bottom: 2em;}
.vm-product-container .vm-product-media-container {float:left; width:48% !important;}

}
@media (max-width:991px){
#tauleta {
    float: none;
    width: 100%;
	border-right: 1px dashed #CFCFCF;
    border-top: 1px dashed #CFCFCF;
    background-color: #E6EBF1;
	    padding-bottom: 2em;
}
.vm-product-media-container {float:none; width:100%;}
.ask-a-question{float: none;
    margin: 9px 0;}
}
	
	
	.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px !important;
   color: #777 !important; 
   text-transform: uppercase !important; 
   text-align: center !important;
   font-weight: bold !important; line-height: 20px !important;
   transform: rotate(45deg);
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #79A70A;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #79A70A;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}


.product-field-desc {display:none;}
.product-field-display {
    vertical-align: middle;
    border: 1px solid #ddd;
    margin: 2px;
	font-size: 16px !important;
    font-weight: bold;
    color: #4d6da0;
    text-decoration: none;
    text-shadow: white 1px 1px 0;
    margin: 0px 0px 18px 0px;
    padding: 8px;
    text-align: left;
}
.product-fields-title-wrapper img {display:none !important;}
.product-related-products {    border-top: solid #ccc 1px;
    /* padding-top: 10px; */
    margin-top: 1em;}
	
	.product-field-type-R {
    float: left;
    margin: 0 16px 0px 0px;
}

.vm-img-desc{    
}

.cp-chkb-group-header, .cp-price-group-header {
    font-size:14px !important;
	    line-height: 24px !important;
		padding: 2px 0 2px 3px !important;
		
}
.cp-filter-label {
    font-size: 13px !important;
    vertical-align: middle;
    padding-left: 4px;
    margin: 0 !important;
    line-height: 24px !important;
}
.cp-chkb-group-title, .cp-price-group-title {
    font-size: 12px !important;
    color: #000000 !important;
    display: inline-block !important;
	font-weight:bold !important;
}

.vm-order-list {display:none;} /*amaga order i manufacturers del browse*/

/*ocultar capsaleres de resultats de cerca joomla*/
.phrases, .only, .result-created {display:none;}
.result-text {margin-bottom:1em;}


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
 height: 445px !important;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


 
  
  .touch{min-height:100%; position:relative; background-color:var(--blue-2); margin-top:5em; text-align:center; padding:5em 0;}
	.title {font-family: var(--font-brand), sans-serif !important;
    font-weight: bold;
    font-size: 48px !important;
    text-transform: uppercase;
	color:white !important; margin-top:2em;}
	.touch h2 {  font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: none;
	color:white !important;
	width: 80%;
    margin: 0 auto;}
	
	.fuera {position:absolute; RIGHT:-750PX; top:-1000px; z-index:200;
	 -ms-transform: rotate(24deg); 
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
	display:block;
	width:100%;
	-webkit-transition-duration: 10s;
    -webkit-transition-timing-function: linear;
        transition-duration: 10s;
    transition-timing-function: linear;}
	.callto h4 {margin-top: 16px !important;
   font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 34px !important;
    text-transform: none;
	width:80%;
	margin:0 auto 1em auto;}
	.peupe {
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    text-transform: none;
	width:80%;
	margin:4em auto 2em auto;
	color:white !important;}
	.peupe a {color:white !important; text-decoration:none !important;}
	
	
@media (min-width:320px) and (max-width:767px){
div.mod-languages ul {
    margin: 5px 0 0 0 !important;
    padding: 0;
    list-style: none;
}
  #bigTriangleColor {
       display:none;
}
  #bigTriangleColorMob path {
       fill: #F85656;
    stroke: #F85656;
    stroke-width: 2;
}
.triangtit {
    position: relative;
    background-color: #F85656;
    display: block;
    padding-top: 80px !important;
}
.navbar-default .navbar-toggle {
    border-color: transparent !important;
	    position: absolute;
    right: 2px;
    top: 9px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
}
#demo { padding-top: 69px;
    padding-bottom: 39px;
    text-align: center !important;
    min-width: 320px;
    margin: 0 auto;
    width: 100%;
    min-height: 270px;
		-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.esconder {display:none;}
.logoblanc {
    float: none !important;
    background-image: url(../images/long-blanc.png);
    background-repeat: no-repeat;
    display: block;
    width: 142px;
    height: 38px;
    margin: 40px auto 0 auto !important;
    padding: 0;
    background-size: contain;
}
.peublup {
    font-family: var(--font), sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    font-stretch: condensed;
    text-align: center !important;
    color: #ffffff;
    line-height: normal !important;
    margin: 40px auto 60px auto !important;
}
.peublu {
    height: auto !important;
    background-color: #F85656;
    max-width: 1440px;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.peu {
    padding-bottom: 60px;
}
.navbar-fot > li > a {
    font-size: 18px;
    padding: 0px !important;
    font-family: var(--font), sans-serif !important;
    font-size: 20px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: center !important;
    color: #a6a6a6 !important;
    line-height: 1.4 !important;
    letter-spacing: .4px;
}
.marb {
    margin-bottom: 0px;
}
.padleft {
    padding-left: 0px !important;
}
.peutit {
    font-family: var(--font), sans-serif !important;
    font-size: 20px !important;
    font-weight: 800;
    font-stretch: condensed !important;
    text-align: center !important;
    color: #979797;
    text-transform: uppercase;
    margin: 30px 0px 35px 0px !important;
}
.peutxt {
    font-family: var(--font), sans-serif !important;
    font-size: 14px !important; 
    font-weight: 300;
    font-stretch: condensed;
    text-align: center !important;
    color: #a6a6a6;
    line-height: 1.4;
    letter-spacing: .4px;
}
.contacttit {
    font-family: var(--font-brand), sans-serif !important;
    font-size: 32px !important;
    text-align: left;
    color: #F85656;
    margin: 133px 0px 58px 0px;
}
.bla img {
    max-width: 117px;
    margin-top: 60px;
}
.bla p {
    font-family: var(--font), sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: center;
    color: #000000;
    max-width: 80% !important;
    margin: 0 auto !important;
}
.logos {
    display: block;
       width: 109px !important;
    height: 78px !important;
    background-size: contain;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.logoflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0px auto 117px auto !important;
    max-width: 80% !important;
}
.titblanc {
    display: block;
    margin: 117px auto 30px auto !important;
    font-size: 32px !important;
    text-align: center;
    color: #F85656;
}
.titprods {
    position: absolute;
    top: 71px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 32px !important;
    text-align: center;
    color: #ffffff;
}
.titcal {
    display: block;
    margin: 0px auto 30px auto !important;
    font-size: 32px !important;
    text-align: center;
    color: #F85656;
}
.blu img {
    max-width: 122px !important;
}
.blu p {
    max-width: 80% !important;
    margin: 0 auto 117px auto !important;
}
.btn-3 {
    background: transparent !important;
    color: #F85656 !important;
    border-radius: 10px !important;
    border: solid 4px #F85656 !important;
    width: 126px !important;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    height: 45px !important;
    line-height: 38px !important;
    margin: 0px !important;
}
.relative img {
    max-width: 77px !important;
    text-align: center;
}
#fullwidth {
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    /* max-width: 1440px; */
     max-height: 533px !important; 
     min-height: 533px !important; 
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover !important;
    background: url(../images/fonsmob.jpg) right bottom !important;
    /* margin-top: -20px; */
}

#portada .container {
    padding-right: 15px;
    padding-left: 40px !important;
    margin-right: auto;
    margin-left: auto;
}
#portada h1 {
    font-family: var(--font-brand), sans-serif !important;
    font-size: 24px !important;
    text-align: left;
    line-height: 28px !important;
    color: #F85656;
    margin: 18px 0px 24px 0px !important;
}
.svg {
    color: #F85656 !important;
    margin-top: 42px !important;
}
.navbar {
 margin-bottom:0px !important;
}
.special {
    margin-top: 60px !important;
}

#navigation{margin-top:0px !important;}
.navbar-inverse {
    background-color: transparent !important;
    border-color: transparent !important;
}
.callto{height:auto !important;}
.super {margin:0 auto !important; height:auto !important;     text-align: center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin: 2em auto 0 auto;
        font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:initial !important; margin: 5em auto 2em auto !important; max-width:70%; }

.introhow {
max-width:90%;
	margin:0 auto;
display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
	
	
#brand{   margin-top: 0em;
    margin-left: .7em;}
	
.logos img {
    max-height: 70px;
}
.texpor {
    padding: 2em;
    width: 100%;
    position: absolute;
    z-index: 10000;
    top: 50%;
}


	
#portada h2 {
font-family: var(--font-brand), sans-serif !important;
    
    text-align: left;
    font-size: 15px !important;

  color: #7a7a7a !important;
  text-transform:uppercase;
    margin: 60px 0px 15px 0px !important;
	
}
.calltomake {width:280px; margin:0 auto;}

#portada h3 {
display:none;
}



	.prods, .service, .callto {
    width: 100%;
    margin: 0em auto 0 auto;
    min-height: auto;
    position: relative;
}
.prods h2, .service h2 {color:black !important; text-align:center !important; 	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  text-rendering:optimizeLegibility; 
	white-space: normal;}
	.prods h3, .service h3 {color:var(--blue-2); text-align:center !important;}
	.prods h2, .service h2, .callto h2 { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 24px !important;
    text-transform: none;
	width:80%;
	margin:0 auto 1em auto;}
	.prods h2 span, .service h2 span, .callto h2 span { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:24px;
    text-transform: none;
	}
	
	.prods h3, .service h3, .callto h3 {width:80%; margin:0 auto; margin-top: 16px !important; font-family: var(--font-brand), sans-serif !important; font-weight:100 !important; font-size:31px !important; text-transform: uppercase; }
	.prods h3 span, .service h3 span, .callto h3 span {  font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:31px !important; text-transform: uppercase;}

	
}

	
@media (min-width:640px) and (max-width:768px){
.fullwidthfons {
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    max-width: 1440px;
    max-height: 966px !important;
    min-height: 966px !important;
    margin: 0 auto;
    background-repeat: no-repeat !important;
       background: url(../images/fonsporpad.jpg) bottom right !important; 

}
.callto{height:auto !important;}
.super {margin:0 auto !important; height:auto !important; text-align:center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin: 2em auto 0 auto;
        font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:initial !important; margin: 5em auto 2em auto !important; max-width:70%; }
  .touch h2 {padding: 0 3em;}
.introhow {
max-width:90%;
	margin:0 auto;
display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}

.logos img {
    max-height: 80px;
}
.texpor {
    padding-left: 5em;
    width: 70%;
    position: absolute;
    z-index: 10000;
    top: 100px;
}



#portada h2 {
font-family: var(--font-brand), sans-serif !important;
    font-size: 32px;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;
}

#portada h3 {
   font-family: var(--font), sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;
}

.chanclas{position:absolute; RIGHT:-415PX !important; top:-40px; z-index:200;
	 -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	display:block;
	width:100%;
	-webkit-transition-duration: 2s;
    -webkit-transition-timing-function: linear;
        transition-duration: 2s;
    transition-timing-function: linear;	}
	
	.prods, .service, .callto {
    width: 100%;
    margin: 0em auto 0 auto;
    min-height: auto;
    position: relative;
}
.prods h2, .service h2{color:black !important; text-align:center !important;}
	.prods h3, .service h3 {color:var(--blue-2); text-align:center !important;}
	.prods h2, .service h2, .callto h2 { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 24px !important;
    text-transform: none;
	width:80%;
	margin:0 auto 1em auto;}
	.prods h2 span, .service h2 span, .callto h2 span { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:24px;
    text-transform: none;
	}
	
	.prods h3, .service h3, .callto h3 {width:80%; margin:0 auto; margin-top: 16px !important; font-family: var(--font-brand), sans-serif !important; font-weight:100 !important; font-size:31px !important; text-transform: uppercase; }
	.prods h3 span, .service h3 span, .callto h3 span {  font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:31px !important; text-transform: uppercase;}

	
	
	
	
	
}
	
@media (min-width:768px) and (max-width:1024px){


.callto{height:auto !important;}
.super {margin:0 auto !important; height:auto !important; text-align: center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin: 2em auto 0 auto;
       font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:initial !important; margin: 5em auto 2em auto !important; max-width:70%; }
  .touch h2 {padding: 0 3em;}
.introhow {
max-width:90%;
	margin:0 auto;
display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}

.texpor {
    padding-left: 5em;
    width: 70%;
    position: absolute;
    z-index: 10000;
    top: 100px;
}


	
#portada h2 {
font-family: var(--font-brand), sans-serif !important;
    font-size: 32px;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;
}

#portada h3 {
font-family: var(--font), sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;
}


	.prods {
    width: 100%;
    margin: 0em auto 0 auto;
    min-height: auto;
    position: relative;
}
.prods h2, .service h2 {color:black !important; text-align:center !important; 	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  text-rendering:optimizeLegibility; 
	white-space: normal;}
	.prods h3, .service h3 {color:var(--blue-2); text-align:center !important;}
	.prods h2, .service h2, .callto h2 { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 24px !important;
    text-transform: none;
	width:80%;
	margin:0 auto 1em auto;}
	.prods h2 span, .service h2 span, .callto h2 span { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:24px;
    text-transform: none;
	}
	
	.prods h3, .service h3, .callto h3 {width:80%; margin:0 auto; margin-top: 16px !important; font-family: var(--font-brand), sans-serif !important; font-weight:100 !important; font-size:31px !important; text-transform: uppercase; }
	.prods h3 span, .service h3 span, .callto h3 span {  font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:31px !important; text-transform: uppercase;}


}


@media (max-width:670px){
.texpor h3 {display:none;}
}


@media (min-width:1025px){

  .touch h2 {padding: 0 3em;}
	.introhow{
	max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: space-around;}
	.prods, .service{width:100%; margin:4em auto 0 auto; min-height:70vh; position:relative;}
	.prods h2, .service h2 {color:black !important; text-align:center !important;	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  text-rendering:optimizeLegibility; 
	white-space: normal;}
	.prods h3, .service h3 {color:var(--blue-2); text-align:center !important;}
	.prods h2, .service h2, .callto h2 { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 24px !important;
    text-transform: none;
	width:40%;
	margin:0 auto 1em auto;}
	.prods h2 span, .service h2 span, .callto h2 span { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:24px;
    text-transform: none;
	}
	
	.prods h3, .service h3, .callto h3 {width:50%; margin:0 auto; margin-top: 16px !important; font-family: var(--font-brand), sans-serif !important; font-weight:100 !important; font-size:48px !important; text-transform: uppercase; }
	.prods h3 span, .service h3 span, .callto h3 span {  font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:48px !important; text-transform: uppercase;}


.texpor {
    
}

#portada h1 {     font-family: var(--font-brand), sans-serif !important;
    font-size: 56px;
    text-align: left;
    line-height: 71.3px;
    color: #F85656;
    margin: 127px 0px 24px 0px !important;}

#portada h2 {
font-family: var(--font-brand), sans-serif !important;
    font-size: 32px;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;
}

#portada h3 {
font-family: var(--font), sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;
}

}


@media (min-width:1025px) and (max-width:1117px){
 .callto{height:auto !important;}
.super {margin:0 auto !important; height:auto !important; text-align: center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin: auto;
        font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:initial !important; margin: 5em auto 2em auto !important; max-width:70%; }
  .touch h2 {padding: 0 3em;}

	.prods, .service{width:100%; margin:4em auto 0 auto; min-height:100vh; position:relative;}
	.prods h2, .service h2 {color:black !important; text-align:center !important; 	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  text-rendering:optimizeLegibility; 
	white-space: normal;}
	.prods h3, .service h3 {color:var(--blue-2); text-align:center !important;}
	.prods h2, .service h2, .callto h2 { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 24px !important;
    text-transform: none;
	width:80%;
	margin:0 auto 1em auto;}
	.prods h2 span, .service h2 span, .callto h2 span { margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:24px;
    text-transform: none;
	}
	
	.prods h3, .service h3, .callto h3 {width:80%; margin:0 auto; margin-top: 16px !important; font-family: var(--font-brand), sans-serif !important; font-weight:100 !important; font-size:48px !important; text-transform: uppercase; }
	.prods h3 span, .service h3 span, .callto h3 span {  font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:48px !important; text-transform: uppercase;}


	.texpor{padding-left:5em; width:60%; position:absolute; z-index:10000; top: 100px;}
	
	
	#portada h1 {     font-family: var(--font-brand), sans-serif !important;
    font-size: 56px;
    text-align: left;
    line-height: 71.3px;
    color: #F85656;
    margin: 127px 0px 24px 0px !important;}
	
	
	#portada h2 { font-family: var(--font-brand), sans-serif !important;
    font-size: 32px;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;}
	
		#portada h3 {  font-family: var(--font), sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;}

}
	
@media (min-width:1026px) and (max-width:1117px) {
.texpor{padding-left:5em; width:80%; position:absolute; z-index:10000; top: 56px;}
}

@media (min-width:1118px) and (max-width:1280px) {
	.texpor{padding-left:5em; width:70%; position:absolute; z-index:10000; top: 56px;}
	 .callto{height:auto !important;}
.super {margin:0 auto !important; height:auto !important; text-align: center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin: 3em auto 0 auto !important;
        font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:initial !important; margin: 5em auto 2em auto !important; max-width:70%; }
  .touch h2 {padding: 0 3em;}
}

@media (min-width:1280px) and (max-width:1760px) {
.super {margin:0 auto !important; height:auto !important; text-align: center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin: 2em auto 0 auto;
        font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 28px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:initial !important; margin: 5em auto 2em auto !important; max-width:70%; }
  .touch h2 {padding: 0 3em;}
  
	.texpor{padding-left:5em; width:70%; position:absolute; z-index:10000; top: 56px;}
	
	
	#portada h1 {     font-family: var(--font-brand), sans-serif !important;
    font-size: 56px;
    text-align: left;
    line-height: 71.3px;
    color: #F85656;
    margin: 127px 0px 24px 0px !important;}
	
	#portada h2 { font-family: var(--font-brand), sans-serif !important;
    font-size: 32px;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;}
	
		#portada h3 { font-family: var(--font), sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;}

.chanclas{position:absolute; RIGHT:-800PX; top:-40px; z-index:200;
	 -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	display:block;
	width:100%;
	-webkit-transition-duration: 2s;
    -webkit-transition-timing-function: linear;
        transition-duration: 2s;
    transition-timing-function: linear;	}
}
	
@media (min-width:1760px)  {
.super{width:100%; margin:10em auto 0em auto; min-height:60vh; position:relative; text-align:center;}
  .super h4 {    
  position:initial;
  width: 80%;
    margin:1em auto 1em auto;
        font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 48px !important;
    text-transform: uppercase;
	color:var(--blue-2);}
  .superimg{position:absolute; margin:auto; top:-33em; right:0; left:0; bottom:0;}
	.texpor{ }	
	

	#portada h1 { font-family: var(--font-brand), sans-serif !important;
  font-size: 56px;
  text-align: left;
  line-height:71.3px;
  color: #F85656;
 margin: 127px 0px 24px 0px !important;}

	
	#portada h2 { font-family: var(--font-brand), sans-serif !important;
    font-size: 32px;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;}
	
		#portada h3 {  font-family: var(--font), sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: left;
    color: #F85656;
    margin: 0px 0px 24px 0px !important;}
	

}

	
	.make{width:100%; margin:0 auto; min-height:85vh; position:relative;}
	.make h3 {color:black !important; text-align:left !important; 	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  text-rendering:optimizeLegibility; 
	white-space: normal;}
	.make h3 {
    font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 !important;
    font-size: 24px !important;
    text-transform: none;
		}
	.make h3 span {margin-top: 16px !important;
    font-family: var(--font-brand), sans-serif !important; font-weight:bold; font-size:24px;
    text-transform: none;}







	.callto .calltomake {width:280px; margin:0 auto;}
	
	.isos{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	    max-width: 270px;}
	.isos img{max-height:60px;}

	
	.btn-2 {
	background: var(--blue-2);
	color: #fff !important;
	box-shadow: 0 6px #4874ab;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2a */
.btn-2a {
	border-radius: 0 0 5px 5px;
}

.btn-2a:hover {
	box-shadow: 0 4px #4874ab;
	top: 2px;
	color:white !important;
}

.btn-2a:active {
	box-shadow: 0 0 #4874ab;
	top: 6px;
}

/*marro*/


#topdos {position:fixed; top:0px; left:0px; z-index:80000;     padding: 20px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff;
	}
.centertext {text-align:center;}


.introservice p{font-family: var(--font-brand), sans-serif !important;
    font-weight: 100 ;
    font-size: 24px !important;
    text-transform: none;
	margin:0 0 40px 0;}
	
@media (min-width:1500px){
		.esq {position:absolute; left:-450px !important; top:0;}
	.dre {position:absolute; right:-450px !important; top:0;}
}


	.esq {position:absolute; left:-600px; top:0;}
	.dre {position:absolute; right:-600px; top:0;}
	
@media (max-width:1025px){
	.esq {position:initial !important; margin:5em auto 0 auto !important;}
	.dre {display:none;}
	.calltomake {
    width: 280px;margin:0 auto;}
}
	
@media (max-width:900px){
.metod {	
	width:98%;
	margin:500px auto 0px auto;
	flex-direction: column !important;
	flex-wrap: nowrap;
	justify-content: space-around !important;
	align-items: center !important;
	align-content: stretch !important;}
	.card {margin-bottom:3em;}
}
	
	.metod {	
	width:98%;
	margin:500px auto 0px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;}
	
	.card{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;}
	.card img {max-height:180px;}
	
	.cardtit {    font-family: var(--font-brand), sans-serif !important;
    font-weight: bold;
    font-size: 48px !important;
    text-transform: uppercase;
	text-align:center;
	color: var(--blue-2) !important; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
	.cardpar {font-family: var(--font-brand), sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-transform: none !important;
	text-align:center !important;
	width:80%;
	margin:0 auto;
	    height: 125px;}
	.cardpeu {    font-family: var(--font-brand), sans-serif !important;
    font-weight: 400;
    font-size: 18px !important;
    text-transform: uppercase;
	text-align:center;
	color: var(--blue-2) !important;}
	

.callto h3 {color:white !important; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}

.uk-navbar-nav > li > a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
      height: 63px !important;
    padding: 0 15px;
    line-height: 65px !important;
    color: var(--blue-2) !important;
    font-size: 18px !important;
     font-family: var(--font-brand), sans-serif !important; 
    font-weight: 400 !important;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: #ffffff !important;
    color: var(--blue-2) !important;
}

@media (min-width: 1200px){
.container {
    width: 950px !important;
}
}
	
	
.btn{        font-family: inherit !important;
    font-size: inherit ;
    color: inherit !important;
    background: none !important;
    cursor: pointer !important;
    padding: 0px 0px !important;
    display: inline-block !important;
    margin: 15px 0px ;
    text-transform: none !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    outline: none !important;
    position: relative !important;
  /*  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;*/
    line-height: 58px ;}
	
.btn-3 {
	background: transparent !important;
	color: #F85656 !important;
	 border-radius: 10px !important;
  border: solid 4px #F85656 !important;
  width:188px ;
  -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
        transition-duration: 0.5s;
    transition-timing-function: linear;
font-weight: 500 !important;
  font-size: 22px ;
  text-align: center !important;
  height: 65px ;
margin: 0px ;
	}

.btn-3:hover {
width:250px !important;
}

.btn-4, .news-wall-loadmore .btn-loadmore {
    background: transparent !important;
    color: #b8b8b8 !important;
    border-radius: 10px !important;
    border: solid 4px #b8b8b8 !important;
    width: 126px !important;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    height: 45px !important;
    line-height: 38px !important;
    margin: 0px !important;
}
.news-wall-loadmore  {margin-bottom:10rem;}
.btn-4:hover {
width:135px !important;
}
.item-prod .btn-primary {
    color: #fff !important;
    background-color: var(--blue-2) !important;
    border-color: var(--blue-2) !important;
    border-radius: 10px !important;
    border: solid 4px #F85656 !important;
    width: 126px !important;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    height: 45px !important;
    line-height: 38px !important;
    margin: 0px !important;
}
.item-prod .btn-primary:hover {
width:135px !important;
}

@media (max-width:1024px)
{
	#portada h1 {     font-family: var(--font-brand), sans-serif !important;
    font-size: 56px;
    text-align: left;
    line-height: 71.3px;
    color: #F85656;
    margin: 127px 0px 24px 0px ;}
#fullwidth {
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    max-width: 1440px;
    max-height: 746px;
    min-height: 746px;
    margin: 0 auto;
    background-repeat: no-repeat;
   background-size: 151%;
    background: url(../images/fonspor.jpg) -339px -371px;
    /* margin-top: -20px; */
}

	
.btn-3 {
	background: transparent !important;
	color: #F85656 !important;
	 border-radius: 10px !important;
  border: solid 4px #F85656 !important;
  width:188px ;
  -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
        transition-duration: 0.5s;
    transition-timing-function: linear;
font-weight: 500 !important;
  font-size: 22px ;
  text-align: center !important;
  height: 65px ;
margin: 0px ;
	}

.btn-3:hover {
width:250px !important;
}

}
.relative {position:relative !important; }
.relative img {max-width:120px; text-align:center;}
.svg {color:#F85656 !important;    margin-top: 212px; }

.blu {background-color:#F85656 !important; padding: 178px 0px 64px 0px;color:white !important;}
.blu img {max-width:176px;}
.blu p {
font-family: var(--font), sans-serif !important;
font-size: 20px;
  font-weight: 300;
  font-stretch: condensed;
  text-align: center ;
  color: #e9e9e9;}
  .titblu {
  margin:25px 0px 21px 0px !important;
  width:100%;
  display:block;
  height: 43px;
	font-family: var(--font-brand), sans-serif !important;
  font-size: 32px;
  text-align: center;
  color: #ffffff;}
  
  .triangtit { 
position:relative;  
  background-color: #F85656;
  display:block;
  padding-top:56px;
  }
  .titprods {position:absolute; top:71px; right:0; left:0; margin:auto;  font-size: 56px;
  text-align: center;
  color: #ffffff;}
  #bigTriangleColor path {
       fill: #F85656;
    stroke: #F85656;
    stroke-width: 2;
}
.bla {background-color: #fcfcfc; padding: 117px 0px 64px 0px;color:white !important;}
.bla img {max-width:117px;}
.bla p {
font-family: var(--font), sans-serif !important;
font-size: 16px;
  font-weight: 300;
  font-stretch: condensed;
  text-align: center;
  color: #000000;}
  .titcal {display:block; margin:0 auto 117px auto; font-size: 56px;
  text-align: center;
  color: #F85656;}
    .titblanc {display:block; margin:117px auto 60px auto; font-size: 56px;
  text-align: center;
  color: #F85656;}
  .blanc {max-width:1440px;
  display:block; width:100%; margin:0 auto;}
  
  .peublu {height: 75px;
  background-color: #F85656;
  max-width:1440px;
  display:block; width:100%; margin:0 auto;}
  .peublup {
  font-family: var(--font), sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  font-stretch: condensed;
  text-align: right;
  color: #ffffff;line-height:75px;margin: 0px;}
  .peublup  a {color:white !important;}  .peublup  a:hover {color:#f8f8f8 !important;} 
  .logoblanc {float:left;
  background-image:url(../images/long-blanc.png);
  background-repeat: no-repeat;
  display:block;
    width: 142px;
  height: 38px;
  margin: 18px 0 0 0;
  padding:0;
  background-size:contain;}
  .peu {
  background-color: #f8f8f8;
  max-width:1440px;
  display:block; width:100%; margin:0 auto;}
 .padleft {padding-left:100px ;}
  .peutit { 
   font-family: var(--font), sans-serif !important;
  font-size: 22px;
  font-weight: 800;
  font-stretch: condensed !important;
  text-align: left;
  color: #979797;
  text-transform:uppercase;
  margin:78px 0px 35px 0px}
  .peutxt {
  font-family: var(--font), sans-serif !important;
   font-size: 20px;
  font-weight: 300;
  font-stretch: condensed;
  text-align: left;
  color: #a6a6a6;
  line-height: 1.4;
    letter-spacing: .4px;
  }
  .peumap {
  max-width:1440px;
  display:block; width:100%; margin:0 auto;
   height: 590px;
    background-color: #a7a7a7;
  }
  .contactsec {
    height: 962px;
  background-color: #f7f7f7;
  max-width:1440px;
  display:block; width:100%; margin:0 auto;
  }
  
  .contacttit { font-family: var(--font-brand), sans-serif !important;
  font-size: 56px;
  text-align: left;
  color: #F85656;
  margin:133px 0px 58px 0px;}
  .contactsec input {height: 45px !important;}
  .contactsec input, .contactsec textarea {font-family: var(--font), sans-serif !important; border-radius: 10px !important;
  background-color: #fbfbfb !important;
  border: solid 1px #979797 !important; 
  font-size: 20px !important;
  font-weight: 300;
  font-stretch: condensed;
  text-align: left;
  color: #464646 !important; margin-bottom: 40px;}
  
  .contactsec input:focus, .contactsec textarea:focus {border-radius: 10px;
  background-color: #fbfbfb !important;
  border: solid 1px #F85656 !important;}
.contactsec .btn-primary {
    color: #fff !important;
    background-color: var(--blue-2) !important;
    border-color: var(--blue-2) !important;
    width: 122px;
    height: 65px;
    font-size: 22px !important;
    font-family: var(--font-brand), sans-serif !important;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border-radius: 10px !important;
    box-shadow: 0px !important;
}
 .contactsec .btn-primary:hover {
    color: #fff !important;
  	width:155px;
	}
  
 .logoflex{	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin:0px 0px 117px 0px;}
	
.logos {  
  display:block;
width: 137px;
  height: 113px;
background-size:contain;
	  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
 } 
 
  .logococacola {
  background-image:url(../images/logococacola/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logococacola:hover {
  background-image:url(../images/logococacola/hover.png);
background-repeat:no-repeat;
background-position:center center;}

  .logodesigual{
   background-image:url(../images/logodesigual/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logodesigual:hover{
   background-image:url(../images/logodesigual/hover.png);
background-repeat:no-repeat;
background-position:center center;}
  .logoepaplus {
     background-image:url(../images/logoepaplus/normal.png);
background-repeat:no-repeat;
background-position:center center;
  }
    .logoepaplus:hover {
     background-image:url(../images/logoepaplus/hover.png);
background-repeat:no-repeat;
background-position:center center;
  }
  .logofcb {
       background-image:url(../images/logofcb/normal.png);
background-repeat:no-repeat;
background-position:center center;
  }
    .logofcb:hover {
       background-image:url(../images/logofcb/hover.png);
background-repeat:no-repeat;
background-position:center center;
  }
  .logomussvital {
         background-image:url(../images/logomussvital/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logomussvital:hover {
         background-image:url(../images/logomussvital/hover.png);
background-repeat:no-repeat;
background-position:center center;}
  .logopelostop {
     background-image:url(../images/logopelostop/normal.png);
background-repeat:no-repeat;
background-position:center center;
  }
    .logopelostop:hover {
     background-image:url(../images/logopelostop/hover.png);
background-repeat:no-repeat;
background-position:center center;
  }
  .logoperoxfarma {     background-image:url(../images/logoperoxfarma/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logoperoxfarma:hover {     background-image:url(../images/logoperoxfarma/hover.png);
background-repeat:no-repeat;
background-position:center center;}
  .logopielnomble {  background-image:url(../images/logopielnomble/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logopielnomble:hover {  background-image:url(../images/logopielnomble/hover.png);
background-repeat:no-repeat;
background-position:center center;}
  .logopyrenees {background-image:url(../images/logopyrenees/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logopyrenees:hover {background-image:url(../images/logopyrenees/hover.png);
background-repeat:no-repeat;
background-position:center center;}

  .logoikea {background-image:url(../images/logoikea/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logoikea:hover {background-image:url(../images/logoikea/hover.png);
background-repeat:no-repeat;
background-position:center center;}

  .logomosquitstop {background-image:url(../images/logomosquitstop/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logomosquitstop:hover {background-image:url(../images/logomosquitstop/hover.png);
background-repeat:no-repeat;
background-position:center center;}

  .logoWalkthecity {background-image:url(../images/logoWalkthecity/normal.png);
background-repeat:no-repeat;
background-position:center center;}
  .logoWalkthecity:hover {background-image:url(../images/logoWalkthecity/hover.png);
background-repeat:no-repeat;
background-position:center center;}

  .posdata {margin-top: 64px;}
#portada h1 {text-transform:uppercase !important;}


.gracias {font-family: var(--font), sans-serif !important;
    font-size: 22px;
    font-weight: 300;
    font-stretch: condensed;
    text-align: center;
    color: #F85656;
    margin: 180px 0px 117px 0px !important;}
	
	.itemListView {max-width:939px; margin:4em auto 0em auto;}
	.wall-item .wall-bottom .item-content:before {
   display:none;
}
	
	.wall-item .wall-bottom .item-content .catItemLinks {
    border-top: 1px solid #7c7c7c;
    margin: 0;
	display:none;
}
@media (min-width:480px) {
.wall-item .wall-bottom .item-content .catItemTitle  {
margin: 3px 0 7px 0 !important;
    text-transform: none !important;
    text-decoration: none;
    font-size: 18px !important;
  text-align: left;
 
}
}
.catItemTitle a { color: #F85656 !important;}
#news-wall-121 .wall-item .wall-bottom, #news-wall-122 .wall-item .wall-bottom  {
    background-color: transparent !important;
}
.item-page {    margin-top: 14rem; margin-bottom:13rem; min-height:25vh;}
.item-page p {font-family: var(--font), sans-serif ;}

.waller {position:relative; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); }
@media (min-width:480px){
#news-wall-121 .over:hover:after, #news-wall-122 .over:hover:after {
   height: 60px;
   padding: 1em;
}

#news-wall-121 .over:after   {
   position: absolute;
   cursor: pointer;
   right: 0;
   bottom: 0px;
   left: 0;
   height: 0px;
   padding: 0;
   text-align: center;
   color: white !important;
   background-color: #F85656 !important;
   text-transform: uppercase;
   content: ' (' attr(href) ')';
   content: "Ver producto";
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}
#news-wall-122 .over:after {
   position: absolute;
   cursor: pointer;
   right: 0;
   bottom: 0px;
   left: 0;
   height: 0px;
   padding: 0;
   text-align: center;
   color: white !important;
   background-color: #F85656 !important;
   text-transform: uppercase;
   content: ' (' attr(href) ')';
   content: "See product";
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}
/*
#news-wall-122 .over:hover:after
{
    position:absolute;
   
    right:0;
    bottom:0;
	left:0;
	height:60px;
	    line-height: 60px;

	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	text-transform:uppercase;
	content: ' (' attr(href) ')';
    content: "See product";
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}

#news-wall-121 .over:hover:after
{
    position:absolute;
   cursor:pointer;
    right:0;
    bottom:0;
	left:0;
	height:60px;
	    line-height: 60px;

	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	text-transform:uppercase;
	content: ' (' attr(href) ')';
    content: "Ver producto";
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}*/
#news-wall-122 .over:focus:after
{
    position:absolute;
   
    right:0;
    bottom:0;
	left:0;
	height:60px;
	    line-height: 60px;
    /* padding: 1em; */
	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	text-transform:uppercase;
	content: ' (' attr(href) ')';
    content: "See product";
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}

#news-wall-121 .over:focus:after
{
    position:absolute;
   cursor:pointer;
    right:0;
    bottom:0;
	left:0;
	height:60px;
    line-height: 60px;
    /* padding: 1em; */
	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	text-transform:uppercase;
	content: ' (' attr(href) ')';
    content: "Ver producto";
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}
}
.over {display:block; height:100%;
}
@media (max-width:480px){
.wall-item .wall-bottom .item-content {
    padding: 8px !important;
    position: relative;
    margin: 0px 0 !important;
}

.catItemIntroText {display:none !important;}
#news-wall-122 .over:after
{
    position:absolute;
   cursor:pointer;
    right:0;
    bottom:0;
	line-height:35px;
	height:35px;
	width:35px;

	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	content: ' (' attr(href) ')';
    content: "";
	background-image:url(../images/icono-lupa.svg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}

#news-wall-121 .over:after
{
    position:absolute;
   cursor:pointer;
    right:0;
    bottom:0;
	line-height:35px;
	height:35px;
	width:35px;
	
	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	
    content: "";
	background-image:url(../images/icono-lupa.svg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}
#news-wall-122 .over:after:focus
{display:none !important;
    position:absolute;
   cursor:pointer;
    right:0;
    bottom:0;
	line-height:30px;
	height:30px;
	width:30px !important;

	text-align:center;
	color:white !important;
	background-color:#F85656 !important;

    content: "" !important;
	background-image:url(../images/icono-lupa.svg);
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}

#news-wall-121 .over:after:focus
{display:none !important;
    position:absolute;
   cursor:pointer;
    right:0;
    bottom:0;
	line-height:30px;
	height:30px;
	width:30px !important;
	
	text-align:center;
	color:white !important;
	background-color:#F85656 !important;
	content: ' (' attr(href) ')';
    content: "" !important;
	background-image:url(../images/icono-lupa.svg);
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
}


}


.wall-image   {   overflow: hidden; }
.wall-image:hover img{
-moz-transform: scale(1.04);
-webkit-transform: scale(1.04);
-o-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}

a > * {
   cursor: pointer;
   text-decoration: none;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;

}

.wall-bottom {position:absolute; top:0; z-index:5;}
.wall-item .wall-bottom .item-content:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid;
    position: absolute;
    top: 0px !important;
    left: 20px;
}
.catItemIntroText {text-transform:uppercase; display:block; max-width:100%;
 	font-family: var(--font), sans-serif !important;
  font-size: 14px !important;
  font-weight: 100 !important;
  font-stretch: condensed;
  text-align: left;
  color: #323232 !important;}
  
  .news-wall-filters #filter li a.active {
    background: #ffffff !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    color: #F85656 !important;
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    height: 29px;
    line-height: 27px !important;
    padding: 0 10px;
    text-decoration: none;
    border: 2px solid;
    -moz-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -ms-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -o-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -webkit-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
}
  .news-wall-filters #filter li a {
    background: #ffffff !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    color: #cccccc !important;
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    height: 29px;
    line-height: 27px !important;
    padding: 0 10px;
    text-decoration: none;
    border: 2px solid;
    -moz-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -ms-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -o-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -webkit-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
}
  .news-wall-filters #filter li a:hover {
    background: #ffffff !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    color: #b8b8b8 !important;
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    height: 29px;
    line-height: 27px !important;
    padding: 0 10px;
    text-decoration: none;
    border: 2px solid;
    -moz-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -ms-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -o-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    -webkit-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
    transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out;
}
.news-wall-filters ul {
    text-align: center !important;
}


/*prods*/
.item-prod {position:relative;}
.ti { 
	font-family: var(--font-brand), sans-serif !important;
font-size: 35px !important;
  text-align: left !important;
  color: #F85656 !important;
  margin-top: 20px !important;
    margin-bottom: 10px !important;
		font-weight:500!important;
    line-height: 1.1!important;
}
.item-prod p, .item-prod h2  {
font-family: var(--font), sans-serif !important;
  font-size: 20px;
  font-weight: bold !important;
  font-stretch: condensed !important;
  text-align: left !important;
  color: #919191 ;
}
.item-prod h2  { font-size: 20px!important;color: #919191 !important; }
.mats {
font-family: var(--font), sans-serif !important;
font-size: 14px !important;
  font-weight: 100 ;
  font-stretch: condensed !important;
  text-align: left !important;
  color: var(--blue-light) !important;
  text-transform:uppercase;
  margin:0px !important;}
  
.mats span {font-size: 14px !important;
  font-weight: 400 !important;
  font-stretch: condensed !important;
  text-align: left !important;
  color: #323232 !important;
  text-transform:uppercase;
  margin:0px !important;}
  
  .ets {font-size: 14px !important;
  font-weight: 100 !important;
  font-stretch: condensed !important;
  text-align: left !important;
  color: #323232 !important;
  text-transform:none !important;
  margin:1em 0em 0em 0em !important;}
  
 .detall {display:block; width:100%; margin:2em auto 0 auto; background-image:url(../images/detfons.jpg);
background-repeat:no-repeat;
background-position:bottom left;     height: 40px; } 
.dettit{ 
font-family: var(--font), sans-serif !important;
font-size: 18px;
  font-weight: bold;
  font-stretch: condensed;
  text-align: left;
  color: #919191;
  text-transform:uppercase;
}
.masinfo {  
width:15%;
float:left; 
margin:0em 1em 0em 0em; 
font-family: var(--font), sans-serif !important;
font-size: 14px;
  font-weight: 300;
  font-stretch: condensed;
  text-align: left;
  color: #323232;
  font-weight:100;
  text-transform:uppercase;}
 .masinfo-txt {width:83%; float:right;} 
 
 @media (max-width:768px) {.masinfo{width:100% !important; float:left !important;}.masinfo-txt {width:100% !important; float:left !important;}  .ti {
    font-family: var(--font-brand), sans-serif !important;
    font-size: 22px !important;
    line-height: normal!important;
}
.swiper-slide {
    height: 393px !important;}
	.item-prod h2 {
    font-size: 15px!important;
    color: #919191 !important;
} }
 .item-page {margin-top:0em !important;}
 

  .masinfo-txt h3 {  
float:left; 
margin:0em 1em 0em 0em; 
font-family: var(--font), sans-serif !important;
   font-size: 14px;
  font-weight: 300;
  font-stretch: condensed;
  text-align: left;
  color: #323232;
  text-transform:none;
  line-height: 1.7 !important;}
  
  .fin {margin-bottom:3em; margin-top:3em;}
  .buts {margin-top:3em;}
  
  
  .label-info {
    background-color: #5bc0de;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	    border-radius: 6px !important;
    color: #b8b8b8 !important;
	border:2px solid;
}
.label-info {
    background-color: transparent !important;
}
#filter input {display:none;}


.news-wall-filters #filter li.next {
    margin-left: 1px !important;
    display: inline-block;
    list-style-type: none;
    margin: 1px !important;
}

.none-content {display:none;}

.box-masinfo {display:table; width:100%; margin-bottom:.5em;}
.catItemTagsBlock {display:none!important;}
.wall-item .wall-bottom .item-content .catItemLinks .catItemTagsBlock {
    padding: 10px 0 0 0;
    border-bottom: none;
	display:none!important;
}
.swiper-slide img{max-width:445px !important; max-height:445px !important; width:445px !important; height:445px !important;}


.blu img {
    mix-blend-mode: luminosity;
}

.nav>li {
  font-weight: bold;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.ti {
  font-weight: bold !important;
}

.item-prod h2 {
  font-weight: lighter !important;
  font-weight: normal !important;
}

span.titcal {
  font-weight: bold;
}

a.btn, .item-prod a.btn {
  font-weight: bold !important;
}

.col-md-2.col-xs-12.relative.wow.fadeInUp {
  display: none;
}