#page,
a,
input{
    -webkit-transition: .15s
}

#layon-footer .layon-footer-links li a,
#layon-products .arrow-thumb a:active,
#layon-products .arrow-thumb a:focus,
#layon-products .arrow-thumb a:hover {
    text-decoration: none
}

#layon-offcanvas ul li.offcanvas-has-dropdown>a:after,
.layon-contact-info ul li:before {
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
  font-family: 'Atlas';
  src: url('../fonts/atlas/AtlasGrotesk-Medium-Web.woff2') format('woff2'),
       url('../fonts/atlas/AtlasGrotesk-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Atlas';
  src: url('../fonts/atlas/AtlasGrotesk-Light-Web.woff2') format('woff2'),
       url('../fonts/atlas/AtlasGrotesk-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}



@font-face {
    font-family: 'Bureau';
    src: url('../fonts/bureau/BureauGrot-Condensed.eot');
    src: url('../fonts/bureau/BureauGrot-Condensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bureau/BureauGrot-Condensed.woff2') format('woff2'),
        url('../fonts/bureau/BureauGrot-Condensed.woff') format('woff'),
        url('../fonts/bureau/BureauGrot-Condensed.ttf') format('truetype'),
        url('../fonts/bureau/BureauGrot-Condensed.svg#BureauGrot-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'Atlas', Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.7;
    color: #777;
    background: #fff;
	-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}

#page {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    -o-transition: .5s;
    transition: .5s
}

.offcanvas #page:after {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .7);
    content: ""
}

.layon-nav,
a {
    -o-transition: .15s
}

a {
    color: #2F7DE1;
    transition: .15s
}

a:active,
a:focus,
a:hover {
    color: #002B49;
    outline: 0;
    text-decoration: none
}

p {
    margin-bottom: 20px
}

figure,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    margin: 0 0 20px
}

::-webkit-selection {
    color: #fff;
    background: #2F7DE1
}

::-moz-selection {
    color: #fff;
    background: #2F7DE1
}

::selection {
    color: #fff;
    background: #2F7DE1
}


.layon-nav,
.layon-nav.active {
    padding: 0px 0;
    top: 0
}

.layon-nav {
    position: fixed;
    margin: 0;
    width: 100%;
    z-index: 1001;
    border-bottom:0px none; transition: top 0.3s; height:100%; width:199px; border-right:1px solid #fff;
	display: flex;
  	align-items: center;
  	justify-content: center;
}


.logo-nav{position:absolute; left:0px; top:0px; width:100%}
.logo-nav-bottom{ position:absolute; left:0px; bottom:0px; width:100%; text-align:left}
	.logo-nav-bottom a{ margin:38px; float:left; width:calc(100% - 76px)}
.layon-nav #layon-logo{ float:left; width:100%}

.layon-nav #layon-logo svg{ float:left; margin:38px; width:calc(100% - 76px)}
	
	#smalllogo{ position: absolute; left:15px; top:20px}
	.bgclear .layon-nav,.bgnotallclear2 .layon-nav,.bgclear2 .layon-nav{ border-right:1px solid #ccc}	
	
	
.layon-nav #layon-logo span{ font-size:11px; color:#fff; float:left; margin-left:5px; width:calc(100% - 5px); margin-top:0px; font-weight:300}

.layon-nav #layon-logo img {
    height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
	-webkit-transition: .2s;
    transition: .2s; float:left
}

.logo-nav {
   float:left; width:100%
}

.layon-nav .menu-1.main-nav {
	-webkit-transition: .2s;
    transition: .2s;
}

body .layon-nav .menu-1.main-nav{float:left; width:100%; margin:38px; margin-top:0px; margin-bottom:0px}


.layon-nav #layon-logo {
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700
}

.layon-nav #layon-logo em {
    color: #CF0C1E
}


.layon-nav ul {
    padding: 0;
    margin: 0; float:left; width:100%
}

.layon-nav ul li {
    padding: 0px;
    margin: 0;
    list-style: none;
    opacity:1; width:100%; float:left
}
	.layon-nav ul li.scroll,.layon-nav ul li.paddingli{ margin-left:20px}
	.layon-nav ul li.contactolink{ position:fixed; top:45px; right:1.55%;  width:auto}
		.layon-nav ul li.contactolink i{ font-size:30px; text-align:center; width:60px}
	@media screen and (max-width:1400px) {
		.layon-nav ul li.contactolink{ right:1.2%}
	}
	@media screen and (max-width:1280px) {
		.layon-nav ul li.contactolink{ right:1%}
	}
	@media screen and (max-width:1220px) {
		/*.layon-nav ul li.contactolink{ right:1.6%}*/
		/*.layon-nav ul li.contactolink k{ display:none}
		.layon-nav ul li.contactolink i{ display:block; font-size:40px}*/
		.miniblocks.col-sm-11{ width:calc(100% - 100px)}
		.layon-nav ul li.contactolink{ width:100px; text-align:center; right:0px}
	}
	@media screen and (max-width:767px) {
		.miniblocks.col-sm-11{ width:100%}
		#layon-offcanvas ul:last-child{ margin-top:0px}
		#layon-offcanvas ul li.contactolink{ opacity:1}
	}
	
.layon-nav ul li a,.layon-nav ul li span {
    font-size: 13px;
    padding: 0px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    font-weight: 400;
    letter-spacing: -0.5px; 
    color: #E5E5E5; float:left; width:100%
}
	
	.layon-nav ul li a:hover,.layon-nav ul li a:active{ color:#fff}
	
#layon-offcanvas {
    position: absolute;
    position: fixed;
    z-index: 1901;
    width: calc(100% - 60px);
    background: #E91D26;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 45px 40px 40px;
    overflow-y: auto;
    display: none;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}



@media screen and (max-width:991px) {
    #layon-offcanvas {
        display: block
    }
}

.offcanvas #layon-offcanvas {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

#layon-offcanvas a {
    color: rgba(255, 255, 255, 0.8)
}

#layon-offcanvas a:hover {
    color: rgba(255, 255, 255, 1)
}

#layon-offcanvas ul {
    padding: 0;
    margin: 0; margin-top:30px
}

#layon-offcanvas ul li {
    padding: 0;
    margin: 0;
    list-style: none; line-height:50px; text-align:left
}
	#layon-offcanvas ul li.scroll{ padding-left:38px}

	
#layon-offcanvas ul li>ul {
    padding-left: 20px;
    display: none
}



.uppercase {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.gototop.active {
    opacity: 1;
    visibility: visible
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding-top: 12px; font-family:Verdana, Geneva, sans-serif
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle
}

.gototop a:active,
.gototop a:focus,
.gototop a:hover {
    text-decoration: none;
    outline: 0
}

.layon-nav-toggle:active,
.layon-nav-toggle:focus,
.layon-nav-toggle:hover {
    outline: 0;
    border-bottom: none!important
}

.layon-nav-toggle:active i {
    color: #fff!important
}

.layon-nav-toggle.active i::after,
.layon-nav-toggle.active i::before {
    background: #fff!important
}

.layon-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #E5E5E5;
    font: 700 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #E5E5E5;
    transition: all .2s ease-out
}

body.active .layon-nav-toggle i{ color:#000000; background:#000000}

#layon-hero .flexslider .flex-direction-nav a.flex-next:before,
#layon-hero .flexslider .flex-direction-nav a.flex-prev:before {
    
	text-indent:-9999px
}

.layon-nav-toggle i::after,
.layon-nav-toggle i::before {
    content: '';
    width: 25px;
    height: 2px;
    background: #E5E5E5;
    position: absolute;
    left: 0;
    transition: all .2s ease-out
}

body.active .layon-nav-toggle i::after,body.active  .layon-nav-toggle i::before{ background:#000!important}

.bgclear .layon-nav-toggle i,.bgclear2 .layon-nav-toggle i,.bgnotallclear2 .layon-nav-toggle i{ color:#252525; background:#252525}
.bgclear .layon-nav-toggle i::after,
.bgclear .layon-nav-toggle i::before,
.bgclear2 .layon-nav-toggle i::after,
.bgclear2 .layon-nav-toggle i::before,
.bgnotallclear2 .layon-nav-toggle i::after,
.bgnotallclear2 .layon-nav-toggle i::before{ background:#252525}
.layon-nav path,.logo-nav-bottom path,.logo-nav polygon, .logo-nav-bottom polygon{ transition:0.15s}

.bgclear .layon-nav #layon-logo svg,.bgclear .layon-nav #layon-logo svg, 
.bgclear .logo-nav-bottom svg,.bgclear .logo-nav-bottom svg,.bgnotallclear2 .layon-nav #layon-logo svg,.bgnotallclear2 .layon-nav #layon-logo svg,
.bgnotallclear2 .logo-nav-bottom svg,.bgnotallclear2 .logo-nav-bottom svg,
.bgclear2 .logo-nav-bottom svg,.bgclear2 .logo-nav-bottom svg,
.bgclear2 .logo-nav #layon-logo svg,.bgclear2 .logo-nav #layon-logo svg{ fill:#000}

.layon-nav #layon-logo a:hover path, .layon-nav #layon-logo a:hover polygon, .logo-nav-bottom a:hover polygon,.logo-nav-bottom a:hover path{ fill:#fff}

.bgclear .layon-nav #layon-logo a:hover polygon,.bgclear .layon-nav #layon-logo a:hover path,
.bgclear .logo-nav-bottom a:hover polygon,.bgclear .logo-nav-bottom a:hover path,
.bgnotallclear2 .logo-nav-bottom a:hover path,.bgnotallclear2 .logo-nav-bottom a:hover polygon,
.bgnotallclear2 .logo-nav #layon-logo a:hover path,.bgnotallclear2 .logo-nav #layon-logo a:hover polygon,
.bgclear2 .logo-nav #layon-logo a:hover path,.bgclear2 .logo-nav #layon-logo a:hover polygon,
.bgclear2 .logo-nav-bottom a:hover path,.bgclear2 .logo-nav-bottom a:hover polygon{ fill:#000}


.bgclear .layon-nav #layon-logo span{ color:#7F7F7F}
.bgclear .layon-nav ul li a,.bgnotallclear .layon-nav ul li.contactolink a, .bgnotallclear2 .layon-nav ul li a,.bgclear2 .layon-nav ul li.contactolink a,
.bgclear .layon-nav ul li span,.bgnotallclear .layon-nav ul li.contactolink span, .bgnotallclear2 .layon-nav ul li span,.bgclear2 .layon-nav ul li.contactolink span{ color:#999}
.bgclear .layon-nav ul li a:hover,.bgnotallclear
 .layon-nav ul li.contactolink a:hover,.bgnotallclear2 .layon-nav ul li a:hover,.bgclear2 .layon-nav ul li.contactolink a:hover{ color:#000}


.bgnotallclear2 .layon-nav ul li.contactolink a,.bgclear2 .layon-nav ul li a{ color:#E5E5E5}
	
	.bgnotallclear2 .layon-nav ul li.contactolink a:hover,.bgclear2 .layon-nav ul li a:hover{ color:#fff}
.layon-nav-toggle.layon-nav-white>i {
    color: #fff;
    background: #fff
}

.layon-nav-toggle.layon-nav-white>i::after,
.layon-nav-toggle.layon-nav-white>i::before {
    background: #fff
}

.layon-nav-toggle i::before {
    top: -7px
}

.layon-nav-toggle i::after {
    bottom: -7px
}

.layon-nav-toggle:hover i::before {
    top: -10px
}

.layon-nav-toggle:hover i::after {
    bottom: -10px
}

.layon-nav-toggle.active i {
    background: 0 0; color:#fff
}
body.active .layon-nav-toggle.active i{background: 0 0; color:#fff}	

.layon-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.layon-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.layon-nav-toggle {
    cursor: pointer;
    text-decoration: none;
    position: fixed;
    left: 16px;
    top: 46px;
    padding: 6px 0 0;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none!important
}
body.active .layon-nav-toggle{ top:10px}

.flexslider{ opacity:0}

#layon-hero,
body.active #layon-hero {
    margin-top: 0px
}

body.active #layon-hero{ margin-top:0px}

body.active .layon-nav-toggle {
    top: 10px
}


.row-pb-md {
    padding-bottom: 4em!important
}

.row-pb-sm {
    padding-bottom: 2em!important
}

.layon-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader-black.gif) center no-repeat #000
}

.js .animate-box {
    opacity: 0
}

#layon-hero {
    background: center center no-repeat #000;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: auto; 
}



#layon-hero .btn {
    font-size: 24px
}

#layon-hero .flexslider {
    border: none;
    z-index: 1;
    margin-bottom: 0; background:transparent; height:100%
}

#layon-hero .flexslider .slides {
    position: relative;
    overflow: hidden;
	background-color:#000; height:100%
}

#layon-hero .flexslider .slides li .bgimg {
  background-position: center;
  height: 100%;
  width: 100%;
  transition: transform 1.5s ease-in-out, opacity 0.2s;
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 1; position:absolute;
  transform: scale(1.3); opacity:0.6; background-attachment:fixed
}

#layon-hero.ipad .flexslider .slides li .bgimg{background-attachment:scroll}

#layon-hero .flexslider .slides li.flex-active-slide .bgimg {
  transform: scale(1); opacity:1
}

#layon-hero .flexslider .slides li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: relative; background-color:#000;
}

#layon-hero .flexslider .slides li .overlay {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%; z-index:1
}



#layon-hero .flexslider .flex-control-nav li a {
    background: rgba(255, 255, 255, .2);
    box-shadow: none;
    width: 12px;
    height: 12px;
    cursor: pointer
}

#layon-hero .flexslider .flex-control-nav li a.flex-active {
    cursor: pointer;
    background: rgba(255, 255, 255, .7)
}

#layon-hero .flexslider .flex-direction-nav {
    display: block; 
}

#layon-hero .flexslider .flex-direction-nav a {
    position: absolute;
    cursor: pointer; width:40px; height:74px
}

#layon-hero .flexslider .flex-direction-nav a:before {
    left: 0;
    top: 0;    
    text-shadow: none!important;
    font-size: 40px;
    position: relative;
    z-index: 10
}

#layon-hero .flexslider .flex-direction-nav a.flex-prev {
    
    left: -60px
}

#layon-hero .flexslider .flex-direction-nav a.flex-prev:before {
 background:url(../images/left-white.png); width:40px; height:74px  
}

#layon-hero .flexslider .flex-direction-nav a.flex-next {
    right: -60px;
}

#layon-hero .flexslider .flex-direction-nav a.flex-next,
#layon-hero .flexslider .flex-direction-nav a.flex-prev {
    opacity: 1!important
}

#layon-hero .flexslider .flex-direction-nav a.flex-next:before {
   background:url(../images/right-white.png); width:40px; height:74px 
}

#layon-hero .flexslider .display-table{display: table; height:100%; width:100%; z-index:2; position:relative; opacity:0;
display: flex;
  align-items: center;
  justify-content: center; padding-left:0px}
/*#layon-hero .flexslider .display-cell{display: table-cell; vertical-align: middle; text-align:center;}*/


#layon-hero .flexslider .display-cell {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
}
@media screen and (min-width: 768px){
#layon-hero .flexslider .display-cell {
    width: 738px;
}
}
@media (min-width: 992px){
#layon-hero .flexslider .display-cell {
    width: 962px;
}
}
@media (min-width: 1100px){
#layon-hero .flexslider .display-cell {
    width: 1070px;
    max-width: 1070px;
}
}
@media (min-width: 1130px){
#layon-hero .flexslider .display-cell {
    width: 1100px;
    max-width: 1100px
}
}



#layon-hero .flexslider .display-cell h1,#layon-hero .flexslider .display-cell p{color:#fff}
#layon-hero .flexslider .display-cell h1{ font-family:"Bureau"; font-size:63px; line-height:67px; margin-bottom:0px;margin-top:45px; font-weight:bold;
text-shadow:3px 3px 0px rgba(100,100,100,0.7)}
	#layon-hero .flexslider .display-cell h1 b{ color:#E91D26; text-shadow:3px 3px 0px #000}
	


#layon-hero .flexslider .display-cell p{ font-size:16px; line-height:26px; margin-bottom:0px; color:#fff; text-transform:uppercase; letter-spacing:0.83px;
text-shadow:1px 1px 0px rgba(30,30,30,0.7)}

	#layon-hero .flexslider .display-cell a{color:#fff; padding-bottom:1px;
	 float:left; margin-top:45px; border:1px solid #fff; font-size:15px; line-height:30px; text-transform:uppercase; padding:6px 30px; font-weight:300; border-radius:2px}
		#layon-hero .flexslider .display-cell a:hover{ background:#fff; color:#000}
		
	#layon-hero .flexslider .flex-direction-nav a.flex-prev {left:20px}
	#layon-hero .flexslider .flex-direction-nav a.flex-next {right:20px}

.slogan{width:70px; height:558px; position:absolute; left:0px; border-right:1px solid #fff; top:0px; z-index:99}
.slogan span{ position:absolute;transform: rotate(-90deg); color:#fff; font-family:"Bureau"; font-weight:500; left:-100px; bottom:175px; text-transform:uppercase; font-size:20px; line-height:30px; width:270px}



@media screen and (max-width:660px) {
	#layon-hero .flexslider .display-cell h1{ font-size:48px; line-height:55px}
}
@media screen and (max-width:565px) {
	
	#layon-hero .flexslider .display-cell h1{ font-size:42px; line-height:49px}
}
@media screen and (max-width:480px) {
	
	#layon-hero .flexslider .display-cell h1{ font-size:40px; line-height:47px}
}
@media screen and (max-width:374px) {
.slogan{ display:none}
#smalllogo{ display:none}
}




@media screen and (max-width:690px) {
    #layon-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 45px;
        line-height: 48px
    }
}

@media screen and (max-width:623px) {
    #layon-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 40px;
        line-height: 43px
    }
}

@media screen and (max-width:475px) {
    #layon-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 30px;
        line-height: 33px
    }
}

#layon-hero .flexslider .slider-text>.slider-text-inner .layon-lead {
    font-size: 20px;
    color: #fff
}

#layon-hero .flexslider .slider-text>.slider-text-inner .layon-lead .icon-heart {
    color: #d9534f
}

.layon-section-overflow {
    overflow: hidden;
    position: relative
}

	.whiteblocks{ padding-left:0px; padding-right:0px}
	
	.miniblocks{padding:10%; background:#E91D26; height:100%; position:relative;
	
	background-image: url(../images/bg-servicios.png), linear-gradient(45deg, #E91D26 25%, #BE1720 50%, #9B121A);
    background-size: auto;
    background-color: #E91D26;
	
	
	}
		.miniblocksnopaddingwhite{ background:#fff; padding-top:calc(10% + 15vh)}
		.miniblocks:before{ width:200px; left:-200px; height:100%; background:#000; position:absolute; top:0px; content:""}
			.tutoriales-header:before{ width:200px; left:-200px; height:100%; background:#B2B2B2; position:absolute; top:0px; content:""}
			.miniblocksnopadding:before{ display:none}
			.miniblocksnopadding{ height:auto}
				.warranty .miniblocksnopadding{ height:100%}
				.miniblocksnopaddingwhite{ bottom:0px; top:auto; right:0px}
		.miniblocks div{ padding-left:0px; margin-right:0%; padding-right:0px; width:100%; float:left}
			.miniblocksnopadding div{ margin-right:0px; width:100%; display:none; opacity:0; transition:0.15s}
				.miniblocksnopadding div.selected{ display:block; opacity:1}
				.miniblocksnopadding div img{ margin-right:15px; float:left; margin-bottom:15px; width:50px}
				.miniblocksnopadding div k{ float:left; width:calc(100% - 50px - 15px); white-space:nowrap}
	.greyblock{ float:left; background:#B2B2B2; padding:10%; height:100%; transition:0.15s; position:relative}
		#container-1 .greyblock{ background:#fff}
		
		#container-1 .greyblock p,#container-1 .greyblock h1{ color:#313133}
			
			.greyblock h1 b{ font-weight:400; color:#E91D26}
			.greyblock p b{color:#E91D26; font-weight:300}
			
			#container-1 .greyblock span{ border-top-color:#7F7F7F}
			#container-1 .greyblock span b{color:#7F7F7F}
			
			.miniblocks h1 b{ font-weight:400; color:#FFCC00}
				.miniblocks span:hover b{color:#FFCC00}
			
		.contacto-header.greyblock{ background:#fff}
			.acabados .contacto-header.greyblock{ background:#F1F1F1}
			.productos-container .greyblock{ padding-bottom:5%; padding-top:5%; border-bottom:1px solid #ccc}
			.formatos .contacto-header.greyblock{ background:#E5E5E5}
		.layon-section-tutorials-container .greyblock{ height:auto; padding-bottom:2%}
			.layon-section-tutorials-container .greyblock iframe,.tutoriales-header iframe{ float:right; width:45%; position:absolute; right:0px; top:0px; height:100%; z-index:2; transition:0.15s}
		.tecnologiablock{ background:#F0F0F0}
			.tecnologiablock:before {
				width: 200px;
				left: -200px;
				height: 100%;
				background: #F0F0F0;
				position: absolute;
				top: 0px;
				content: "";
			}
			.tecnologiablock img{ height:80%; position:absolute;  width:auto; left:66.6%; bottom:0px}
		.whiteblock{ background:#fff}
		.lightgreyblock{ background:#f0f0f0; z-index:1}
			.empresa{ background:#fff; border-top:1px solid #ccc}
			.darkgreyblock-container{ margin-top:-40vh}
				.legado{ margin-top:-25vh}
				.empresa-container{ position:relative; z-index:3}
		.darkgreyblock{background-color: #B2B2B2; float:right; z-index:0; padding-top:50vh!important;
		
		    background-image: url(../images/bg-servicios.png), linear-gradient(45deg, #eee 25%, #ddd 50%, #ddd);
    		background-size: auto;
    		background-color: #B2B2B2;
		
		}
			.darkgreyblock h1{ color:#313133!important}
			.darkgreyblock span{ color:#313133!important}
			
			.legado .darkgreyblock{ padding-top:10%!important; position:relative; z-index:4; margin-top:10vh; width:50%; height:calc(100% - 10vh); background:#E5E5E5}
			.legado .innovacion.darkgreyblock{ float:left; margin-top:-12vh; height:calc(100% + 12vh)}
			@media screen and (max-height:649px) {
				.legado .innovacion.darkgreyblock{}
			}
				
		.greyblock p,.whiteblocks p,.miniblocks p,.whiteblock p{
			font-size: 15px;
			line-height: 26px;
			margin-bottom: 40px;
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 0.83px;z-index:1; position:relative; float:left; width:100%
		}			
			.whiteblock p{ color:#7F7F7F}
				.layon-section-tutorials-container .whiteblock p{ margin-bottom:10px; font-size:13px}
			.miniblocks p{ margin-bottom:20px; line-height:1.2; letter-spacing:0px; font-size:14px; text-align:center}
			
				.miniblocksnopadding p{ text-transform:none; max-width:100%}
					.warranty .miniblocksnopadding p{ max-width:100%}
				.miniblocksnopaddingwhite p{ color:#7F7F7F; font-size:13px; margin-bottom:80px; float:left; width:100%; text-transform:uppercase; max-width:100%}
			.whiteblocks p{ color:#7F7F7F; margin-bottom:20px}
			.lightgreyblock p{ color:#7F7F7F; max-width:65%}
			.darkgreyblock p{ color:#FDFDFD}
		.greyblock h1, .whiteblocks h1, .miniblocks h1{
			font-size:35px; line-height:42px; color:#fff; font-weight:400; max-width:75%;z-index:1; position:relative; float:left
		}
			.tutoriales-header.greyblock h1,.contacto-header.greyblock h1{color:#313133}
			
			.whiteblocks h1{color:#313133; font-size:22px; line-height:32px; max-width:100%; font-weight:normal; margin-bottom:0px}
			.whiteblock h1{ color:#313133; float:left; width:100%}
				.layon-section-tutorials-container .whiteblock h1{color:#E91D26; font-size:23px; font-weight:300}
			.miniblocks h1{ margin-bottom:70px; max-width:100%; width:100%; text-align:center}
				.explicacion h1{ font-size:30px; margin-bottom:30px; width:100%}
			.tecnologiablock h1{ position:absolute; left:13%; width:100%; color:#313133; bottom:70%}
			.lightgreyblock h1{ color:#313133; margin-bottom:0px}
			.darkgreyblock h1{ color:#FDFDFD; margin-bottom:0px}
				.empresa .darkgreyblock h1{margin-top:10%}
				.legado .darkgreyblock h1{ color:#313133}
				.legado .innovacion.darkgreyblock h1{ margin-top:0px}
			.whiteblocks div{ padding:10%}
				.whiteblocks div:first-child{ padding-right:5%}
				.whiteblocks div:last-child{ padding-left:5%}
		
		.greyblock span,.whiteblocks span{border-top: 2px solid #FDFDFD; float:left; margin-top:90px; z-index:1; position:relative}
			.tutoriales-header.greyblock span{ border-top:2px solid #313133; padding-top:25px; float:left; width:100%}
				.tutoriales-header.greyblock .instalacion-anchor{ border:2px solid #b2b2b2; font-size:17px; font-weight:400; margin-right:10px; padding:5px 8px; color:#7F7F7F; float:left}
					.tutoriales-header.greyblock .instalacion-anchor.active,.tutoriales-header.greyblock .instalacion-anchor:hover{color:#313133; border-color:#313133}
			.tecnologiablock span{ border:0px none; margin:0px; position:absolute; left:13%; bottom:20%; color:#313133; width:42%; font-weight:400; line-height:1.4}
			.lightgreyblock span{ border-top:0px none; margin-top:80px; color:#313133; font-size:17px; width:55%; line-height:21px; margin-right:45%; z-index:3; font-weight:400}
				.empresa.lightgreyblock span{  padding-left:0px; padding-right:0px; width:30%}
				.empresa.lightgreyblock h1{ width:100%; float:left; max-width:100%; margin-top:0px}
			.darkgreyblock span{ border-top:0px none; margin-top:46px; color:#FDFDFD; font-size:17px; width:100%; line-height:20px}
				.legado .darkgreyblock span{ color:#7F7F7F}
			.miniblocks span{ width:25%; float:left; margin-bottom:40px; text-align:center}
				.miniblocksnopaddingwhite div{ width:100%}
				.miniblocksnopaddingwhite span{ width:50%;cursor:pointer}
					.miniblocksnopaddingwhite span:hover path,.miniblocksnopaddingwhite span:hover polygon,
					.miniblocksnopaddingwhite span.selected path,.miniblocksnopaddingwhite span.selected polygon{ fill:#E91D26}
					.miniblocksnopaddingwhite span:hover b,.miniblocksnopaddingwhite span.selected b{ color:#E91D26}
				.miniblocks span img{ width:55px; float:none; margin-bottom:10px}
				.miniblocks span b{ color:#fff; font-weight:bold; font-size:13px; float:left; width:100%}
					.miniblocksnopaddingwhite span b{color: #7F7F7F; font-size:12px; line-height:22px; height:22px; font-weight:400}
			.whiteblocks span{ margin-top:20px;	border-color: #979797}
			.whiteblock b{ color:#E91D26; text-transform:uppercase; font-weight:bold; font-family:"America"; float:left; width:100%; border-bottom:	2px solid #979797; padding-bottom:25px; margin-bottom:25px; 
			margin-top:100px; font-size:18px}
				.layon-section-tutorials-container .whiteblock b{color: #7F7F7F; font-family:'Atlas', Arial, sans-serif; font-size:13px; font-weight:300; margin-top:0px; padding-bottom:55px}
				.whiteblock span{ margin:0px; padding:0px; border:0px none; width:100%}
					.layon-section-tutorials-container .whiteblock span m,.tutoriales-header.greyblock span m{ width:40%; float:left; line-height:20px; font-size:16px}
						.tutoriales-header.greyblock span m{color:#313133; font-weight:400; font-size:15px; line-height:18px}
					.layon-section-tutorials-container .whiteblock strong{ float:left; font-size:9px; color:#7f7f7f; font-weight:300; margin-top:40px; text-transform:uppercase}
					.whiteblock span k,.whiteblock span l{ width:35%; float:left; text-align:left; font-size:12px; color:#7F7F7F; text-transform:uppercase; margin-bottom:19px; line-height:12px}
						.whiteblock span k:last-child{ margin-bottom:0px}
						.whiteblock span l:last-child{ font-family:"America"; font-size:15px; margin-bottom:0px}
			.greyblock span a,.whiteblocks span a{ color:#fff;font-size: 13px;
			line-height: 21px; font-weight:300;letter-spacing: 0.83px;text-transform: uppercase;; margin-top:20px; float:left; width:118px}
			.greyblock span b,.whiteblocks span b{ float:left; margin-left:80px; margin-top:20px; color:#fff; font-size:17px; letter-spacing:0.67px; line-height:21px; font-weight:normal; 
			width:calc(100% - 128px - 80px); padding-right:110px}
				.home .greyblock span b{ width:85%}
				.whiteblocks span a{color:#231F20}
				.lightgreyblock a,.darkgreyblock a,.whiteblock a{
					color: #fff;
					padding-bottom: 1px;
					float: left;
					margin-top: 45px;
					border: 1px solid #fff;
					font-size: 15px;
					line-height: 30px;
					text-transform: uppercase;
					padding: 6px 35px;
				}		
				
					.miniblocks a{ color:rgba(255,255,255,0.4); padding:6px 15px; font-size:9px; line-height:15px; border:1px solid rgba(255,255,255,0.4); text-transform:uppercase; 
					float:left; width:100px; margin-left:-50px; margin-top:20px; position:relative; left:50%; font-weight:400; border-radius:2px}
						
						.miniblocks span:hover a{ color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.7)}
						.miniblocks a:hover{ background:#fff!important; color:#E91D26!important; border:1px solid #fff!important}
					
					.miniblocks a.floatright{ float:left; margin-left:40px}	
					@media screen and (max-width:1023px) {
						.miniblocks a.floatright{ float:right; margin-left:0px}
					}
					@media screen and (max-width:991px) {
						
						.miniblocks h1{ font-size:25px}
						.miniblocksnopaddingwhite span{ width:100%}
						.miniblocksnopadding div img{ margin-bottom:0px}
					}
					@media screen and (max-width:767px) {
						
					}
					.lightgreyblock a,.darkgreyblock a{ border-color:#7F7F7F; color:#7F7F7F; border-radius:2px}
						.whiteblock a{ border:1px solid #231F20; color:#231F20}
							.layon-section-tutorials-container .whiteblock a{ float:left; border:0px none; width:auto; margin:0px; padding:0px; text-decoration:underline; font-weight:300; font-size:9px;
							 color:#7F7F7F; margin-top:40px; line-height:14px; margin-left:50px}
							 
							 .tutoriales-header.greyblock a.download{ float:left;color:#313133; font-weight:300; padding:0px; font-size:13px; margin-top:40px; text-transform:uppercase; padding-bottom:1px;
							 border-bottom:1px solid #313133}
							 	 .tutoriales-header.greyblock a.download:hover{ color:#fff; border-bottom-color:#fff}
							 .tutoriales-header.greyblock p{ float:right; width:45%; color:#313133; text-transform:none; font-size:15px; font-weight:400; line-height:18px}	 
							 .contacto-header.greyblock p{ float:right; width:45%; color:#7F7F7F; text-transform:none; font-size:28px; font-weight:300; line-height:31px; letter-spacing:0px}
							 
							 .producto{ float:left; width:100%; height:100%}
							 .img-producto-more{ width:55%; float:left; position:relative}
							 	.entrega{ position:absolute; width:60px; height:60px; left:-30px; bottom:-30px}
									@media screen and (max-width:480px) {
										.entrega{ bottom:auto; top:-20px; left:-20px}
									}
							 	.img-producto-more img.img-producto{ width:40%; float:left}
								.img-producto-more span,.img-producto-more small,.img-producto-more strong{ float:left; width:calc(50% - 20px); margin-left:20px}
									.img-producto-more span{ margin-top:0px; border:0px; padding:0px; color:#313133; text-transform:uppercase; font-size:17px; font-weight:400}
									.img-producto-more small{color:#B2B2B2; font-size:14px; letter-spacing:0.67px}
									.img-producto-more strong{color:#313333; font-size:17px; font-weight:300; margin-top:8%}
									.img-producto-more colors{ float:left; width:calc(50% - 20px); margin-left:20px;}
									.img-producto-more colors img{ width:24px; margin-right:calc(33.33% - 24px); float:left; margin-top:8%}
							 .productos-container .contacto-header.greyblock p{ margin-bottom:0px;height:100%}
							 .producto info{ float:right; width:45%}
							 	.contacto-header.greyblock .producto info p{ width:100%}
							 .producto type{ width:100%; float:right; margin-top:15%; text-align:left; font-family:"America"; color:#313133; font-size:14px; text-transform:uppercase} 
							 .producto tags{ width:100%; float:right; margin-top:3%}
							 	.producto tags tag{ text-align:left; text-transform:uppercase; font-size:12px; float:left; margin-right:25px; margin-bottom:10px}	 
								 .producto tags tag:last-child{ margin-bottom:0px}
						
					
						.whiteblock a:hover{ background:#231F20; color:#fff}
						.lightgreyblock a:hover,.darkgreyblock a:hover{ background:#E91D26; color:#fff; border-color:#E91D26}
						.darkgreyblock span strong{ font-weight:400; color:#E91D26}
						.darkgreyblock h1 b{ color:#E91D26}
						
						
				.whiteblocks span b{color:#7F7F7F; padding-right:0px; width:calc(100% - 128px); margin-left:10px}
			.greyblock span a:hover,.whiteblocks span a:hover{ color:#E91D26}
			.explicacion{ height:60vh; min-height:430px}
			.legado .darkgreyblock h1{ margin-bottom:5vh}
			
					.layon-section-tutorials-container .whiteblock a:hover{ color:#E91D26; background:none}
					
					.filter-category-and-selection{ width:100%; float:left}
						.filter-category-and-selection-container{ width:100%; padding:10%; padding-top:5%; padding-bottom:5%; float:left}
					
					.filter-type-and-sort{ width:100%; float:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc}
						.filter-type-and-sort-container{ width:100%; padding:10%; padding-top:20px; padding-bottom:20px; float:left}
							
							.radiobutton-container{ cursor:pointer; position:relative; font-weight:400; text-transform:uppercase; font-size:12px; margin-right:15px; margin-bottom:0px}
								.radiobutton-container m{color:#B2B2B2; float:left; width:100%; height:15px; line-height:15px}
							.radiobutton-container input {
							  position: absolute;
							  opacity: 0;
							  cursor: pointer;
							}
							.radiobutton-container:hover m {
							  color: #313333;
							}
							.radiobutton-container input:checked ~ m {
							  color: #E91D26;
							}
							
							.sort-container{ cursor:pointer; position:relative; font-weight:400; text-transform:uppercase; font-size:12px; float:right; margin-bottom:0px}
								.sort-container m,.sort-container k{color:#B2B2B2; float:left; width:100%; height:15px; line-height:15px; margin-top:5px}
									.sort-container i{ padding-left:10px; padding-right:10px; font-size:18px}
								.sort-container k{display:none}
								.sort-container input {
								  position: absolute;
								  opacity: 0;
								  cursor: pointer;
								}
								
								.sort-container:hover m,.sort-container:hover k {
								  color: #313333;
								}
								
								.sort-container input:checked ~ k {
								  display:block
								}
								.sort-container input:checked ~ m {
								  display:none
								}
							
							.ajx-container-info{ float:left; width:100%}
							
							titlefilter{ width:100%; float:left; text-transform:uppercase; color:#B2B2B2; font-size:12px; letter-spacing:0.67px; font-weight:400}
							filter{ float:left; border:2px solid transparent; font-size:17px; font-weight:400; padding:5px 8px; margin-top:20px; cursor:pointer}
								filter[data-filter="industria"]{ float:right; margin-right:calc(45% - 94.7px)}
								filter:hover{ border-color:#ccc}
								filter.selected{color:#313133; border-color:#313133}
							categories{ float:left; width:100%; margin-top:40px}	
								
								colecciones{ float:left; width:100%; display:none}
								industria{ float:left; width:100%; display:none}
									colecciones.selected,industria.selected{ display:block}
								
							.coleccion-container{ cursor:pointer; font-weight:400; text-transform:uppercase; font-size:12px; margin-bottom:0px; width:25%; float:left; height:60px}
								.coleccion-container m,.coleccion-container k{color:#7F7F7F; float:left; width:100%; height:15px; line-height:15px; margin-top:5px; font-family:"America"; text-transform:uppercase}									
								.coleccion-container k{ font-size:10px; font-family:'Atlas', Arial, sans-serif; text-transform:none; font-weight:300}
								.coleccion-container input {
								  position: absolute;
								  opacity: 0;
								  cursor: pointer;
								}
								
								.coleccion-container:hover m,.coleccion-container:hover k {
								  color: #313333;
								}
								
								.coleccion-container input:checked ~ m, .coleccion-container input:checked ~ m k{
								  color:#E91D26!important
								}
							
							.industry-container{ cursor:pointer; font-weight:400; text-transform:uppercase; font-size:12px; margin-bottom:0px; width:20%; float:left; height:60px}
								.industry-container m{color:#7F7F7F; float:left; width:100%; height:15px; line-height:15px; margin-top:5px; text-transform:uppercase; font-weight:300; text-align:center}	
								.industry-container input {
								  position: absolute;
								  opacity: 0;
								  cursor: pointer;
								}
								
								.industry-container:hover m{
								  color: #313333;
								}
								
								.industry-container input:checked ~ m{
								  color:#E91D26!important
								}
							
						
			@media screen and (max-width:1280px) {
				.img-producto-more span{ font-size:15px; white-space:nowrap}
				.img-producto-more strong{ margin-top:5%}
				.coleccion-container{ width:33.33%}				
			}
					
			@media screen and (max-width:1220px) {
				.miniblocks div{ width:100%; margin-right:0%}
				.miniblocksnopaddingwhite span b{ font-size:12px; line-height:18px}
				.miniblocksnopadding p{ max-width:100%}
			}
			@media screen and (max-width:1199px) {
			.tecnologiablock img{ left:60%; bottom:0px}
			.tecnologiablock h1,.miniblocksnopadding h1{ font-size:28px}
			.tecnologiablock span{ width:35%; font-size:14px}
			
			}
			@media screen and (max-width:1024px) {
				.greyblock h1{font-size:30px}
				.miniblocksnopadding h1{ font-size:26px}
				.whiteblocks span a{ width:100%}
				.whiteblocks span b{ width:100%; margin-left:0px}
				.productos-container .greyblock{ padding-bottom:40px; padding-top:40px}
			}
			@media screen and (max-width:1023px) {
				.whiteblocks div{ width:100%; float:left}
				#container-2.layon-section{ height:auto; min-height:auto}
				.whiteblocks div:first-child{ padding-right:10%; padding-bottom:0px}
				.whiteblocks div:last-child{ padding-left:10%}
					.whiteblocks div:last-child p{ display:none}
					.coleccion-container{ width:calc(50% - 10px); padding-right:10px}
			}
			@media screen and (max-width:991px) {
				.greyblock span a{ width:100%}
				.greyblock span b{ margin-left:0px; width:80%}
				.greyblock{ padding:10%}
				.miniblocksnopaddingwhite span b{ font-size:12px; line-height:16px}
				.miniblocksnopadding h1{ font-size:23px}
					.miniblocksnopadding h1 k{ width:100%}
					.img-producto-more{ width:100%; margin-bottom:5%}
					.producto info{ width:100%}
					.producto type{ margin-top:40px}
					.industry-container{ width:33.33%}
			}
			@media screen and (max-width:767px) {
			.sort-container{ width:100%; margin-bottom:10px; margin-top:20px}
			}
			@media screen and (max-width:650px) {
				.industry-container{ width:50%}
			}
			@media screen and (max-width:480px) {
					.coleccion-container{ width:100%}
					.industry-container{ width:100%}
					filter{ font-size:15px}
			}
			.whiteblocks img{ width:100%; float:left; margin-bottom:30px; margin-top:30px}
	.img-container1-1svg{ position:absolute; left:-200px; bottom:0px; z-index:0; width:60%}	
	.img-container1-2svg{ position:absolute; right:10%; top:-10%; z-index:0; width:30%}	
		.arrows{ position:absolute; right:26%; top:25%; z-index:0; width:30%}	
		.darkgreyblock-container .layon-container{ position:relative}
		.arrow{ position:absolute; left:200px; bottom:0px; z-index:0; width:8%}	
		.middle-circle{ position:absolute; right:0px; bottom:40vh; height:30vh}
	.img-container1-1{ position:absolute; top:25%; bottom:auto; padding-left:0px; padding-right:0px; width:auto; height:50%; right:-33.33%; transition:0.15s; z-index:1}
		.layon-section-tutorials-container .img-container1-1{ top:15%}
	
		.hazlo-tu-mismo{ position:absolute; top:0px; padding-left:0px; padding-right:0px; height:62%; right:-22.23%; transition:0.15s; z-index:1}
		.empresa-img{ position:absolute; top:14.5%; padding-left:0px; padding-right:0px;left:40%; transition:0.15s; z-index:1; height:80%; width:60%;
		background:url(../images/empresa-img.jpg) center center; background-size:cover}
		.empresa .arrows{ z-index:2; bottom:14.45%; top:auto; width:20%; right:17%}
		.empresa .middle-circle{ z-index:2; bottom:50%; height:30%}
		.arrows-light{
			position: absolute;
			right: 0px;
			bottom: 0px;
			height: 30%;
		}
		.legado-img{ position:absolute; left:0px; bottom:0px; height:60%; z-index:6;
		background:url(../images/legado.jpg) center center; background-size:cover; width:calc( 35% + 200px)}
		.full-circle{ position:absolute; left:40%; top:32%; width:20%; z-index:5}
		.legado .arrows-upper{ position:absolute; height:30%; top:-30%; left:20%}
	
	.dataform-container{ width:100%; float:left; margin-top:30px}	
		@media screen and (max-height:750px) {
			.dataform-container{ margin-top:30px}	
		}
		@media screen and (max-height:680px) {
			.dataform-container{ margin-top:10px}	
		}
		@media screen and (max-width:479px) {
			.img-producto-more img.img-producto{ width:100%; margin-top:5px; margin-bottom:20px}
			.img-producto-more span,.img-producto-more small,.img-producto-more strong,.img-producto-more colors{ margin-left:0px; width:100%}
			.img-producto-more colors{ margin-bottom:40px}
		}
		.contacto-img{ width:35%; height:75%; position:absolute; background:url(../images/contacto.jpg) center center no-repeat; background-size:cover; z-index:2}
	.formulario-container{ float:right; width:58%; margin-right:-13%}	
	.formcontact {
		background: #fff;
		padding: 0px;
		float: left;
	}
	.formcontact fieldset{ float:left; width:100%}
		.formcontact fieldset label{ text-transform:uppercase; font-size:12px; color:#444; letter-spacing:0.5px; font-weight:300; float:left; width:100%; padding:0px; margin:0px; margin-bottom:10px}
	.formcontact input, .formcontact textarea {
		width: 100%; 
		float: left;
		margin-bottom: 10px;
		border: 0px none;
		padding: 0px;
		border-bottom: 1px solid #d2d2d2;
		padding-bottom: 0px; padding-top:0px;
		color: #313133;
		background: none;
		font-size: 16px;
		outline: none!important;
		transition: 0.1s; padding-right:13%;-webkit-appearance:none; font-weight:400; text-transform:capitalize; margin-bottom: 20px
	}
		.formcontact input[type=email],.formcontact textarea{ text-transform:none}
		
		.formcontact input::placeholder, .formcontact textarea::placeholder{color:#B2B2B2}
		.formcontact input:focus, .formcontact textarea:focus{ border-bottom:1px solid #b2b2b2}
	.formcontact textarea {
		height: 100px;
		margin-bottom: 0px;
	}
	
	.formcontact button {
		color: #E91D26;
		padding-bottom: 1px;
		float: left;
		margin-top: 10px;
		border: 1px solid #E91D26;
		font-size: 18px;
		line-height: 30px;
		text-transform: uppercase;
		padding: 6px 35px; transition:0.15s; background:#fff!important; border-radius:2px; outline:none
	}
		.formcontact button:hover{ background:#E91D26!important; color:#fff}
		
		.addressinfo.layon-section,.distribuidores.layon-section{ height:auto; min-height:auto}
			.productos.layon-section{ height:100vh; min-height:650px}
		.addressinfo .layon-container .lightgreyblock{ border-bottom:1px solid #ccc; padding-top:7.5%; padding-bottom:5%}
		.addressinfo .lightgreyblock div{ margin-top:0px; padding-left:0px; padding-right:0px}
		.addressinfo small{float:left; width:100%; color:#7F7F7F; font-size:12px; letter-spacing:0.67px; margin-bottom:20px}
		.addressinfo h1{float:left; width:100%; color:#313133; font-size:32px; font-weight:400; margin-bottom:30px; white-space:nowrap}
		.addressinfo p{float:left; width:100%!important; margin:0px!Important; color:#929292; font-size:14px; text-transform:none; line-height:1.7; margin-bottom:60px!Important; max-width:100%!important}
		.addressinfo span{ float:left; width:100%; margin:0px; padding-top:0px;}
				.addressinfo j{ width:50%; float:left}
		.addressinfo k{ float:left; width:100%;color:#7F7F7F; font-size:14px; text-transform:none; line-height:1.2; text-transform:uppercase; margin-bottom:15px; letter-spacing:0.67px; font-weight:400}
		.addressinfo m{float:left; width:100%;color:#313333; font-size:25px; text-transform:none; line-height:1.5}
			.addressinfo m i,.layon-footer li span i{ color:#E91D26!important}
				.layon-footer li a i{color:#E91D26!important}
			
		.header-row{ padding-bottom:40px; float:left; width:113%; border-bottom: 1px solid #B2B2B2; margin-top:80px}
		.row-row{ padding-bottom:10px; padding-top:10px; float:left; width:113%; border-bottom: 1px solid #B2B2B2}		
			.header-row *,.row-row *{ padding-left:0px; padding-right:0px}
			.row-row h2{ color:#7F7F7F; font-family:"America"; text-transform:uppercase; font-size:20px; float:left; width:100%; margin-bottom:0px; line-height:30px; padding-right:10px}
			.row-row m,.row-row k, .row-row a{ color:#7F7F7F; font-size:12px; line-height:15px; float:left; width:100%}
				.row-row k,.row-row a{ line-height:30px}
				.row-row a{ text-decoration:underline; text-align:center; text-transform:uppercase;color: #B2B2B2;}
					.row-row a:hover{ color:#313232}
		
		.productos .layon-container .lightgreyblock{ padding:0px; position:relative}
		.productos .lightgreyblock div.opener{ height:100%; margin-top:0px; padding:0%; position:absolute;  width:50%; left:0px; top:0px; z-index:0;
		background:#f0f0f0; box-shadow: 0px -1px 1px #000}
		
			/*.productos .flex-control-nav{ bottom:calc(50% - 25px); z-index:99; left:-80%; text-align:left; width:80%; display:none}
				.productos .active .flex-control-nav{ display:block}*/
				 .flex-control-nav{ bottom:40px; z-index:2; display:none}
				.flex-control-nav { display:block; padding-left:0px; text-align:center}
				@media screen and (max-width: 767px){
					.flex-control-nav {  padding-left:0px; text-align:right; padding-right:40px}
					.addressinfo .layon-container .lightgreyblock{ padding:10%}
				}
				/*.productos #monolithic .flex-control-nav{  right:-100%; left:auto}*/
			 #layon-hero .flexslider .flex-control-nav li a{ position:static; border:0px none; padding:0px; margin:0px; line-height:12px; background:none; border:1px solid #fff;
			text-indent:-99999px; color:transparent}
			
				#layon-hero .flexslider .flex-control-nav li a.flex-active{ background:#fff;border:1px solid #fff}
			
			.productos .lightgreyblock div.opener#monolithic{ right:0px; left:auto;}
			.productos .lightgreyblock div.opener cover{ width:100%;  height:100%; position:absolute; padding:20%; background:#f0f0f0; left:0px; top:0px;transition:0.25s}
				.productos .lightgreyblock div.opener#monolithic cover{ left:auto; right:0px}
		.productos .lightgreyblock div.opener p{ position:absolute; left:20%; top:50%; width:60%!important; right:20%; font-weight:400; font-size:15px; line-height:18px; color:#313133}
		.productos .lightgreyblock div.opener small{ font-weight:400; color:#AFAFAF; letter-spacing:0.83px; font-size:14px}
		.productos .lightgreyblock a{ position:absolute; left:20%; bottom:20%; color:#313133; border-color:#313133}
			.productos .lightgreyblock a:hover{ background:#313133; color:#f0f0f0}
			
			.productos .lightgreyblock div.opener:hover{ z-index:1}
			.productos .lightgreyblock div.opener.active{ z-index:2!important}
				.productos .lightgreyblock div.opener:hover cover, .productos .lightgreyblock div.opener.active cover{ background:#E91D26}
					
					.productos .lightgreyblock div.opener#monolithic:hover cover, .productos .lightgreyblock div.opener#monolithic.active cover{ background:#7F7F7F}
					
					.productos .lightgreyblock div.opener:hover p,.productos .lightgreyblock div.opener:hover small, .productos .lightgreyblock div.opener:hover a,
					.productos .lightgreyblock div.opener:hover h1,
					.productos .lightgreyblock div.opener.active p,.productos .lightgreyblock div.opener.active small, .productos .lightgreyblock div.opener.active a,
					.productos .lightgreyblock div.opener.active h1{color:#fff}
					.productos .lightgreyblock div.opener:hover a,.productos .lightgreyblock div.opener.active a{border-color:#fff}
					 	.productos .lightgreyblock div.opener:hover a:hover,.productos .lightgreyblock div.opener.active a:hover{ background:#fff; color:#E91D26}
						.productos .lightgreyblock div.opener#monolithic:hover a:hover,.productos .lightgreyblock div.opener#monolithic.active a:hover{ color:#7F7F7F}
						
						.productos .lightgreyblock #monolithic #layon-hero,.productos .lightgreyblock #monolithic #layon-hero .flexslider .slides,
						.productos .lightgreyblock #monolithic #layon-hero .flexslider .slides li{ background:#7F7F7F}
						
			.productos div.opener #layon-hero{ margin-top:0px; height:100%; width:0px; position:absolute; left:100%; transition:0.25s}
				.productos .lightgreyblock div.opener:last-child #layon-hero{ left:0px}
				
				.productos .lightgreyblock div.opener:hover #layon-hero, .productos .lightgreyblock div.opener.active #layon-hero{ width:100%}
					.productos .lightgreyblock div.opener:last-child:hover #layon-hero, .productos .lightgreyblock div.opener.active#monolithic #layon-hero{ left:-100%}
			.productos div.opener #layon-hero .flexslider,.productos #layon-hero .flexslider .slides li .bgimg{ margin-top:0px}
								 
				.arrow-right{position:absolute; right:20px!important; 
				top:50%; color:#fff!important; font-size:15px; display:none; border:0px none!important; padding:0px!important; margin:0px!important; height:auto!important;
				 background:none!important; width:auto!important; left:auto!important; bottom:auto!Important; z-index:99}
				.arrow-left{position:absolute; left:20px!important;
				 top:50%; color:#fff!important; font-size:15px; display:none; border:0px none!important; padding:0px!important; margin:0px!important; height:auto!important;
				 background:none!important; width:auto!important; bottom:auto!Important; z-index:99}
				.productos div.opener.active .arrow-right,.productos div.opener:hover .arrow-right,
				.productos div.opener.active .arrow-left,.productos div.opener:hover .arrow-left{ display:block}
				
				.productos #layon-hero .flexslider .slides li .bgimg{ background-position:center center; background-attachment:scroll}
				.producto-header a.goto{ float:left; width:55%; text-align:left; color:#E5E5E5; font-size:16px; margin:0px; padding:0px; font-weight:400; white-space:nowrap}
					.producto-header a.goto i{ margin-right:10px; float:left; line-height:27px}
				.producto-header a.download{ float:left; width:auto; text-align:left; color:#E5E5E5; text-transform:uppercase; font-size:13px; margin:0px; padding:0px; padding-bottom:1px;
				border-bottom:1px solid #E5E5E5}
				.producto-header .anchors{ width:100%; float:left; margin-top:80px}
					.producto-header .anchors a:hover{ color:#fff!important}
					.producto-header a.download:hover{ border-bottom-color:#fff}
				
				.container-icons{ float:left; width:55%; margin-top:20px}
					.container-icons span{ float:left; width:calc(16% - 5px); text-align:center; margin:0px; padding:0px; border:0px; margin-right:5px; font-size:10px; color:#E5E5E5}
						.container-icons span k{float:left; width:100%; text-align:center;white-space:nowrap}
						.container-icons span svg{ max-width:100%; height:auto; margin-top:10px; max-height:40px}					
						.container-icons span.selected svg polygon,.container-icons span.selected svg path{ fill:#E91D26}
							.container-icons span.selected{ color:#E91D26}
							
							.acabados .container-icons{ height:130px}
							.acabados .container-icons span{ display:none; width:auto; margin-right:0px}
							.acabados .container-icons span.selected{ display:block}
				
				.container-links{ float:right; width:45%; margin-top:0px}
					.container-links span{ float:left; width:auto; text-align:left; margin:0px; padding:0px; border:0px;  color:#7F7F7F; text-transform:uppercase; font-size:12px;
					letter-spacing:0.67px; line-height:20px; cursor:pointer; width:33.33%; margin-bottom:15px}
						.container-links span.selected{ color:#E91D26!important}
						.container-links span:hover{ color:#313131}
				
	@media screen and (max-width:1360px) {
		.img-container1-1{ height:50%; top:30%}
		.hazlo-tu-mismo{ height:60%}		
	}
	@media screen and (max-width:1280px) {
		.img-container1-1{ height:40%; top:33%}
		.row-row h2{ font-size:16px}			
	}
	@media screen and (max-width:1260px) {
		.empresa-img{ right:auto; left:45%}	
	}
	@media screen and (max-width:1220px) {
	.hazlo-tu-mismo{ height:55%; right:-20%}		
	}
	@media screen and (max-width: 1199px){
		.hazlo-tu-mismo { right:calc(-20% + 100px); height:50%}
		.lightgreyblock p{ max-width:50%; margin-right:50%}
		.lightgreyblock h1{ max-width:45%}
	}
	@media screen and (max-width: 1023px){
		.container-links span{ width:50%; font-size:11px}
	}
	@media screen and (max-width: 991px){
		.hazlo-tu-mismo {
			right: 0px;
			height: 35%;
		}
		.tecnologiablock img{ position:static; width:100%; height:auto; bottom: auto; margin-top:20px}
		.tecnologiablock h1,.tecnologiablock span{ position:static}
		.tecnologiablock span{ width:100%; margin-top:20px}
		.empresa.lightgreyblock span{ font-size:15px}
		.legado .darkgreyblock span{ font-size:15px; margin-top:5vh}
		.empresa-img{ top:15%}
		.empresa.lightgreyblock h1{ margin-top:5%}
		.empresa.lightgreyblock span{ margin-top:80px}
		.tutoriales-header.greyblock p{ font-size:14px; float:left; width:100%; margin-bottom:0px}
		.contacto-header.greyblock p{  font-size:25px; float:left; width:100%; margin-bottom:0px; max-width:450px; margin-right:25%}
		.dataform-container{ margin-top:40px}
		.tutoriales-header.greyblock span m{ font-size:14px}
		.contacto-img{ height:56%}
		.row-row a{ text-align:left}
		.header-row{ text-indent:-9999px; margin-top:0px; padding-bottom:0px}
		.productos .lightgreyblock div.opener p{ font-size:12px; line-height:15px}
		.container-links,.acabados .container-icons{ margin-top:40px}
	}
	@media screen and (max-width:767px) {
		.img-container1-1{ right:-18%; top:50%}
		.greyblock span b{ width:100%; padding-right:0px}
		.miniblocks span{ width:33.33%}
		.greyblock h1, .whiteblocks h1, .miniblocks h1{ max-width:100%}
		.miniblocks h1{ margin-bottom:50px}
		
		.miniblocksnopaddingwhite{ padding-top:10%}
		.explicacion{ min-height:auto; height:auto}
		.legado{ margin-top:0px}
		.legado .innovacion.darkgreyblock{ height:auto; margin-top:0px; min-height:580px}
		.empresa-img{ height:110%}
		.legado-img{ height:40%; width:calc(40% + 140px)}
		.full-circle{ display:none}
		.layon-section-tutorials-container .greyblock iframe{ float:right; width:45%; position:static; right:0px; top:0px; height:300px; width:100%; margin-bottom:20px}
			.tutoriales-header iframe {
				float: right;
				position: static;
				right: 0px;
				top: 0px;
				height: 300px;
				width: 100%;
				margin-bottom: 20px; margin-top:40px
			}
			.tutoriales-header.greyblock span{ margin-top:20px}
				.tutoriales-header.greyblock span m{ width:100%}
			.layon-section-tutorials-container .whiteblock span m{ max-width:100%; width:100%}
			.layon-section-tutorials-container .whiteblock b{ padding-bottom:0px; border-bottom:0px none}
			.contacto-header.greyblock p,.formulario-container{ width:100%}
			.dataform-container{ margin-top:40px}
			.contacto-img{ display:none}
			.formulario-container{ width:113%; margin-right:-13%}
			.formcontact input, .formcontact textarea{ padding-right:0px}
			.productos .lightgreyblock div.opener p{ font-size:9px; line-height:11px}
			.productos .lightgreyblock div.opener small{ font-size:11px}
			.productos .lightgreyblock a:not(.arrowed){ font-size:12px; padding:5px 20px}
			.productos .lightgreyblock div.opener h1{ font-size:18px}
			.contacto-header.greyblock p{ margin-bottom:20px}
			.container-icons span{ width:40%; margin-right:0px}
			.container-links span{ width:100%}
			.addressinfo k,.addressinfo j{ width:100%; margin-bottom:15px}
	}
	@media screen and (max-width:600px) {
		.img-container1-1{ right:-18%; top:40%; height:35%}
		.addressinfo m{ font-size:22px}
	}
	@media screen and (max-width:670px) {
		.miniblocks span{ width:50%}
		.hazlo-tu-mismo { float:left; position:static; width:100%; height:auto; margin-top:50px}
		.legado .innovacion.darkgreyblock{ width:100%; min-height:auto}
		.legado-img{ width:100%; float:left; position:static; height:300px; background-color:#E91D26; background-size:auto 100%; background-position:center center; background-repeat:no-repeat}
		.legado .darkgreyblock{ width:100%; margin-top:0px; height:auto}
		
		.empresa.lightgreyblock span{ width:100%; max-width:100%; margin-top:20px}
		.empresa-img{ width:100%; float:left; position:static; height:250px; margin-top:40px}
		.empresa .middle-circle{ height:20%; bottom:auto; top:10%}
		.legado .innovacion.darkgreyblock h1,.legado .darkgreyblock h1{ margin-bottom:0px}
			.legado .darkgreyblock h1{ margin-bottom:20px; line-height:34px}
		.addressinfo h1{ font-size:23px}
		
		.producto-header a.download{ font-size:11px}
		.producto-header a.goto{ font-size:15px}
		.acabados .container-icons span img{ width:80%}
		.legado .arrows-upper{ left:auto; right:20%}
	}
	@media screen and (max-width:375px) {
	.img-container1-1{ right:-33%; top:43%; height:30%}
	.addressinfo m{ font-size:19px}
	}
	@media screen and (max-width:320px) {
		.addressinfo m{ font-size:16px}
	.miniblocks span b{ height:40px; line-height:20px}
	.miniblocks span{margin-bottom:20px}
	
	.productos .lightgreyblock div.opener p{ top:40%}
	.productos .lightgreyblock div.opener small{ font-size:9px}
	.productos .lightgreyblock a:not(.arrowed){ font-size:11px; padding:5px 12px; bottom:10%}
	.productos .lightgreyblock div.opener h1{ font-size:16px}
	.productos.layon-section {
		height: auto;
		height: 500px; min-height:500px
	}
	
	}
	
	@media screen and (min-width: 1585px){
		#layon-hero .flexslider .display-cell h1,.greyblock h1,.miniblocks h1{
			font-size: 2.43333vw;
			line-height: 3.14444vw;
		}
		.whiteblocks h1{font-size: 2.03333vw}
		.tutoriales-header.greyblock p{ font-size:1.1vw; line-height:1.8vw}
		.tutoriales-header.greyblock span m{ font-size:1.1vw; line-height:1.8vw}
		.home .greyblock span b{ font-size:0.9vw; line-height:1.3vw}
	}

.menucontainer{ width:100%}
body .layon-nav .menu-1.main-nav{ width:calc(100% - 76px)}
.home #layon-hero,.sector #layon-hero{ height:100vh}
.layon-section{ float:left; width:100%; height:100vh; min-height:650px}
	
	.layon-section.producto-header {
		float: left;
		width: 100%;
		height: auto;
		min-height: auto;
	}
		.layon-section.producto-header .greyblock{ background:#E91D26}
			.layon-section.producto-header .greyblock h1,.layon-section.producto-header .greyblock p{ color:#FDFDFD}
		
			.layon-section.producto-header.monolithic .greyblock{ background:#7F7F7F}
			
	.acabados.layon-section,.formatos.layon-section {
		float: left;
		width: 100%;
		height: auto;
		min-height: auto;
	}
			.acabados h1, .formatos h1{ font-size:26px; font-weight:300; letter-spacing:-0.86px}
			
	.layon-section-tutorials-container{ float:left; width:100%; height:auto; background:#F1F1F1}
		.layon-section-tutorials-container .layon-section{ min-height:760px}
		.layon-section-tutorials-container .whiteblock{ background:#f1f1f1}
	.warranty{ height:auto; min-height:auto}
	.whiteblock div{ display:none; transition:0.15s; opacity:0}
	.whiteblock div.selected{ display:block; opacity:1} 
		.layon-section-tutorials-container .whiteblock div.selected{float:left; width:100%; position:relative}
		.tutoriales-header div.selected {
			float: left;
			width: 100%;
			position: relative; margin-top:80px
		}
	.layon-subsection {
		float: left;
		width: 100%;
		height: auto;
	}
		#container-4{ height:80%}
			#container-4 .greyblock{ padding-bottom:5%}
			#container-4 .img-container1-1{ height:64%; top:auto; bottom:10%}
			@media screen and (max-width:1280px) {
				#container-4 .img-container1-1{ height:56%; bottom:8%}
			}
			@media screen and (max-width:1023px) {
				#container-4 .img-container1-1{ height:50%; bottom:5%}
			}
			@media screen and (max-width:991px) {
				#container-4 .img-container1-1{ height:40%; bottom:5%}
				
			}
			@media screen and (max-width:767px) {
				#container-4 .img-container1-1{ height:50%; bottom:5%; display:block}
				#novedades{ margin-top:30px!important}
			}
			@media screen and (max-width:710px) {
				/*#container-4 .img-container1-1{ height:100px!Important; bottom:20px; right:0px}*/
				#container-4 .img-container1-1{float:left; position:static; width:100%; height:auto; margin-top:40px}
				#container-4 .whiteblock a{ margin-top:40px}
			}
			@media screen and (max-width:424px) {
				
			}
			
	
		#novedades{ list-style-type:none; margin:0px; padding:0px; float:left; width:100%}
		.novedadescontainer{ padding:calc(10% - 10px); padding-top:0px; margin-top:0px; outline:none!important; position:relative}
			#novedades li{ color:#7F7F7F; font-size:11px; line-height:19px; text-transform:uppercase; cursor:pointer;outline:none!important}
					.layon-section-tutorials-container #novedades li{ font-size:9px; line-height:11px; text-transform:none; color:#7f7f7f!important; cursor:auto!important; position:relative}
					.layon-section-tutorials-container #novedades li span{ position:absolute; height:9px; font-size:9px; color:#7f7f7f; top:0px; line-height:15px; height:15px; width:100%; left:0px;
					text-transform:uppercase}
					.layon-section-tutorials-container #novedades li img{ margin-top:15px}
						.layon-section-tutorials-container #novedades li span k{ float:left}
						.layon-section-tutorials-container #novedades li span m{ float:right}
				#novedades li img{ width:100%; float:left; margin-bottom:10px}
				#novedades li.selected,#novedades li:hover{ color:#E91D26}
				#novedades .slick-slide {margin: 0 10px}
				#navin{ position:absolute; right:8%; top:30%; height:10px;  color:#7F7F7F; font-size:15px; cursor:pointer; line-height:10px}
				#navip{ position:absolute; left:8%; top:30%; height:10px;  color:#7F7F7F; font-size:15px; cursor:pointer; line-height:10px}
				@media screen and (max-width:767px) {
					#navin{ right:5%; top:35%}
					#navip{ left:5%; top:35%}
				}
				@media screen and (max-width:580px) {
					#navin{ right:5%; top:40%}
					#navip{ left:5%; top:40%}
					.whiteblock span k, .whiteblock span l{ width:50%}
				}
				.slick-disabled{ display:none!important}
	
	.layon-footer{ float:left; width:100%; height:auto}
		.layon-footer div{ float:right}
			.layon-footer div.col-lg-9{padding-left:0px; padding-right:0px}
		.layon-footer ul{ list-style-type:none; margin:0px; padding:0px; float:left; width:100%}
			.layon-footer li{ width:25%; float:left; text-align:center}
				.layon-footer li a,.layon-footer li span{ color:#7F7F7F; font-size:16px; line-height:20px; padding-top:55px; width:100%; text-align:center; float:left; padding-bottom:55px}
				.layon-footer li a:hover{ color:#000}
				@media screen and (max-width:1023px) {
					.layon-footer li a, .layon-footer li span{ font-size:14px}
				}
	@media screen and (max-width:767px) {
		.layon-section{ height:auto; min-height:auto}
		.layon-footer li a,.layon-footer li span{ font-size:14px}
	}
		
.layon-container {width:100%; padding-left:0px; float:left; height:100%}
@media screen and (max-width:767px) {
	.layon-nav{ width:139px}
	#layon-hero .flexslider .display-table{ padding-left:0px}
	.col-sm-offset-1.col-xs-offset-0{ float:left; width:100%}
	#layon-hero .flexslider .display-cell{ width:80%; float:left; margin-left:10%}
	.layon-nav ul li a{ font-size:12px}
	.layon-nav ul li.scroll,.layon-nav ul li.paddingli{ margin-left:10px}
	body .layon-nav .menu-1.main-nav,.layon-nav #layon-logo svg{ width:calc(100% - 40px); margin-left:20px; margin-right:20px}
	.layon-nav #layon-logo svg{ margin-top:20px}
	.logo-nav-bottom a{ margin:20px; width:calc(100% - 40px)}
	.layon-container {padding-left:0px}
	.layon-nav-toggle {
		display: block;
	}
	.layon-nav .menu-1,
    .layon-nav .menu-2 {
        display: none
    }
	.layon-nav-toggle{ top:10px; left:17px}
	#layon-offcanvas{ width:calc(100% - 140px)}
}

@media screen and (max-width:499px) {	
	.layon-nav{ width:59px}
	body .layon-nav .menu-1.main-nav, .layon-nav #layon-logo svg{ margin-left:10px; width:calc(100% - 20px); margin-right:10px; margin-top:10px}
	.logo-nav-bottom a{ margin:10px;width:calc(100% - 20px)}
	#layon-hero .flexslider .display-table{ padding-left:0px}	
	.layon-container {padding-left:0px}
	.layon-nav-toggle{ top:10px}
	#layon-offcanvas{ width:calc(100% - 60px)}
}

@media screen and (max-width:660px) {
	#layon-hero .flexslider .display-cell p,.greyblock p, .whiteblocks p, .miniblocks p{ font-size:15px}
	.layon-footer ul{ margin-top:25px; margin-bottom:25px}
	.layon-footer li{ width:50%}
	.layon-footer li a,.layon-footer li span{ padding-top:25px; padding-bottom:25px}
}
@media screen and (max-width:565px) {
	.layon-footer li{ width:100%}
	#layon-hero .flexslider .display-cell p,.greyblock p, .whiteblocks p, .miniblocks p{ font-size:14px}
}
@media screen and (max-width:480px) {
	
	#layon-hero .flexslider .display-cell p,.greyblock p, .whiteblocks p, .miniblocks p{ font-size:13px}
}

.monolithic-container{ float:left; width:100%}
.container-description{ float:left; width:55%}
	.container-description span{ margin:0px; padding:0px; border:0px; height:auto; width:100%; float:left; margin-bottom:30px; cursor:pointer; padding-left:80px; position:relative}
		.container-description span:before{position:absolute; left:0px; top:0px; font-size:11px; color:#8C8B8B}
			.container-description span[data-monolithic="1"]:before{ content:"1.0"}
			.container-description span[data-monolithic="2"]:before{ content:"2.0"}
			.container-description span[data-monolithic="3"]:before{ content:"3.0"}
		.container-description span svg{ position:absolute; left:0px; top:20px}
		.container-description span small{ color:#8C8B8B; width:100%; float:left; font-size:12px; letter-spacing:0.67px; font-weight:400; text-transform:uppercase; margin-bottom:20px}
		.container-description span strong{ color:#7F7F7F; font-size:13px; line-height:1.4; font-weight:300; float:left; width:90%}
		
	.container-description span.selected svg polygon,.container-description span.selected svg polyline,.container-description span.selected svg path{ stroke:#E91D26!important}
	.container-description span:hover svg polygon,.container-description span:hover svg polyline,.container-description span:hover svg path{ stroke:#313333}
	.container-description span.selected small,.container-description span.selected:before{ color:#E91D26!important}
	.container-description span:hover small,.container-description span:hover:before{ color:#313333}
	
.container-img{ float:right; width:45%; text-align:center}
	.container-img img{ display:none; margin-top:40px}
		.container-img img.selected{ display:block}
		
@media screen and (max-width:991px) {
	.monolithic-container{ margin-top:60px}
	.container-img img{ margin-top:75px}
	.container-description span strong{ width:110%}
}
@media screen and (max-width:767px){
	.container-description,.container-img{ width:100%}
	.container-description span strong{ width:100%}
		.container-img img.selected{ margin-top:30px; display:inline-block; max-width:100%}
}

.mq-nav,
.mq-nav.active {
    padding: 0px 0;
    top: 0
}

.mq-nav {
    position: fixed;
    margin: 0;
    width: 100%;
    z-index: 1001;
    border-bottom:0px none; height:70px
}

body.active .mq-nav { background:#fff; border-bottom:1px solid rgba(0,0,0,0.1)}

.mq-nav #mq-logo img,
.mq-nav.active #mq-logo img {
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
	-webkit-transition: .2s;
    transition: .2s;
}

/*body.active .mq-nav #mq-logo img{ margin-top:10px; margin-bottom:10px; height:50px}*/

.logo-nav {
    padding-left: 0!important;
    margin-left: 0!important
}

.mq-nav.active .menu-1.main-nav {
    margin-top: 22px
}

.mq-nav .menu-1.main-nav {
    margin-top: 23px;
    margin-right: 0!important;
    padding-right: 0!important;-webkit-transition: .2s;
    transition: .2s;
}
.mq-nav #mq-logo {
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700
}

.mq-nav #mq-logo em {
    color: #CF0C1E
}

@media screen and (max-width:767px) {
    .mq-nav .menu-1,
    .mq-nav .menu-2 {
        display: none
    }
}

.mq-nav ul {
    padding: 0;
    margin: 0; width:100%
}

.mq-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline; width:16.5%; float:left
}
.mq-nav ul li.logoli{ width:34%; margin-top:-3px; text-align:center}
.logo-mobile{ display:none; margin-left:10px; margin-top:22px}
@media (max-width:767px) {
	li.logoli,li.null{ display:none} 
	.logo-mobile{ display:block; text-align:center}
	.logo-mobile img{ width:150px}
}

.mq-nav ul li a,.mq-nav ul li span {
    font-size: 13px;
    padding: 0px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    letter-spacing: 0px; text-transform:uppercase; 
    color: #fff; width:100%; text-align:center; float:left; letter-spacing:0pt; font-weight:500
}
	.mq-nav ul li.logoli a{ float:none}
	.mq-nav ul li.logoli img{ width:100%; max-width:184px}


.mq-nav ul li a.active, .active .mq-nav ul li a.active,
.mq-nav ul li a:hover,.active .mq-nav ul li a:hover,
.mq-nav ul li span.active, .active .mq-nav ul li span.active,
.mq-nav ul li span:hover,.active .mq-nav ul li span:hover {
    color: #E91D26
}

.active .mq-nav ul li a,.active .mq-nav ul li span{ color:#000}
.active .logoli svg,.active .logo-mobile svg{ fill:#000000}

	.mq-nav ul ul{ margin:0px; padding:0px; width:100%; float:left;  border:1px solid rgba(255,255,255,0.2); margin-top:24px; border-radius:6px 6px 6px 6px; display:none}
		.mq-nav ul li span{ cursor:default}
		.mq-nav ul li:hover ul{ display:block}
		.active .mq-nav ul ul{background:#fff;border:1px solid rgba(0,0,0,0); border-radius:0px 0px 6px 6px; box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
		.mq-nav ul ul li{ width:100%; float:left; text-align:center; padding:0px; margin:0px; height:40px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.2)}
			.mq-nav ul ul li a{ font-size:11px}
			.active .mq-nav ul ul li{border-bottom:1px solid rgba(0,0,0,0.1)}
			.mq-nav ul ul li:last-child{ border-bottom:0px none}
	
	@media screen and (max-width:991px) {
		.mq-nav ul li a,.mq-nav ul li span{ font-size:12px}
		.mq-nav ul li.logoli{ margin-top:0px}
		.mq-nav ul li.logoli img{  max-width:124px}
		.mq-nav ul ul li a{ font-size:9px}
	}
	.offcanvas #layon-offcanvas a{ font-weight:400}
	.offcanvas #layon-offcanvas k{ display:none}
	
.mq-nav ul li.has-dropdown {
    position: relative
}

.mq-nav ul li.has-dropdown .dropdown {
    width: 130px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.mq-nav ul li.has-dropdown .dropdown:before {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.mq-nav ul li.has-dropdown .dropdown li {
    display: block;
    margin-bottom: 7px
}

.mq-nav ul li.has-dropdown .dropdown li:last-child {
    margin-bottom: 0
}

.mq-nav ul li.has-dropdown .dropdown li a {
    padding: 2px 0;
    display: block;
    color: #999;
    line-height: 1.2;
    text-transform: none;
    font-size: 15px
}

.mq-nav ul li.has-dropdown .dropdown li a:hover {
    color: #000
}

.mq-nav ul li.has-dropdown .dropdown li.active>a {
    color: #000!important
}

.mq-nav ul li.btn-cta a,
.mq-nav ul li.has-dropdown:focus a,
.mq-nav ul li.has-dropdown:hover a {
    color: #fff
}

.mq-nav ul li.btn-cta a span {
    border: none!important;
    background: #CF0C1E;
    padding: 4px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.mq-nav ul li.btn-cta a:hover span {
    background: #ff6540;
    color: #fff
}

#mq-header .mq-video-link a {
    color: rgba(255, 255, 255, .5)
}

#mq-header .mq-video-link a i {
    font-size: 18px;
    top: 2px;
    position: relative;
    color: #fff;
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding-left: 3px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .2);
    margin-right: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#mq-header .mq-video-link a:hover {
    color: #fff
}

#mq-header .mq-video-link a:hover i {
    border: 1px solid #fff
}

@media screen and (max-width:480px) {
    #mq-header .text-left {
        text-align: center!important
    }
    #mq-header .btn {
        display: block;
        width: 100%
    }
}

#mq-counter,
#mq-header,
.mq-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative
}

.mq-container {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}
@media screen and (min-width:768px) {
    .mq-container {
        width: 738px
    }
}

@media (min-width:992px) {
    .mq-container {
        width: 962px
    }
}

@media (min-width:1100px) {
    .mq-container {
        width: 1070px;
        max-width: 1070px
    }
}

@media (min-width:1130px) {
    .mq-container {
        width: 1100px;
        max-width: 1100px
    }
}

.mq-container .row {
    margin-left: 0;
    margin-right: 0
}

.empresa.lightgreyblock span strong { color:#E91D26; font-weight:400}


.legado .darkgreyblock span{ margin-top:0px}
.legado .darkgreyblock span k{font-family: "Bureau";
    font-size: 3.3vw;
    line-height: 3.8vw; width:50%; float:left; text-transform:uppercase; font-weight:bold; margin-top:5%}
	.legado .darkgreyblock span img{ float:right; width:50%; margin-right:-10%}
@media screen and (max-width:670px) {
	.legado .darkgreyblock span k{ font-size: 7vw; line-height: 8.4vw; margin-top:12%}
	.legado .darkgreyblock span img{ margin-right:0px; max-width:182px}
}
.layon-section.contactame{ min-height:740px}
.addressinfo m:hover{ color:#E91D26; cursor:pointer}
.miniblocksnopaddingwhite{ padding-top:40px!important; padding-bottom:40px}
.miniblocksnopaddingwhite span{ width:16.667%}
.tecnologiablock img{ bottom:10%!important; display:none; float:right}
.tecnologiablock img.selected{ display:block}

.explicacion-img {
    height: 60vh;
    min-height: 430px; background:#000 url(../images/loader-black.gif) center center no-repeat
}

.explicacion.miniblocks p,.explicacion.miniblocks h1{ text-align:left}

.explicacion-img,.explicacion{ float:left} 

.explicacion-img{ padding:0px!important}
	.explicacion-img div[data-producto-id]{ padding:0px!important; height:100%; width:100%; float:right; position:absolute; left:0px; top:0px; z-index:1}
		.explicacion-img div[data-producto-id].selected{ z-index:2}
		.explicacion-img div ul{ float:right; width:100%; height:100%; margin:0px; padding:0px; list-style-type:none; overflow:hidden}
			.explicacion-img div ul li{ float:left; width:100%; height:100%; margin:0px; padding:0px; background-position:center center; background-size:cover; min-height:475px}
			
			.explicacion-img,.explicacion{ height:475px}
				
				
	.explicacion-img.miniblocks:before{ display:none}
	
.calltoaction {
    width: 100%;
    float: left;
    padding-top: 80px;
    padding-bottom: 80px;
    font-family: "Bureau";
    font-weight: 500;
    text-align: center;
    background: url(../images/bg-home-calltoaction.jpg) center center no-repeat;
    background-size: cover;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 0px;
}
.calltoaction h1 {
    color: #fff;
    font-size: 43px;
    line-height: 53px;
    margin: 0px;
    padding: 0px;
}
.calltoaction b {
    color: #E91D26;
    font-weight: 500;
}
.calltoaction h2 {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0px;
    padding: 0px; text-transform:none; font-family:"Atlas"; width:60%; margin-left:20%; margin-top:20px
}

#becandon-about {
    background: #F7F7F7; padding:4em 0; float:left; width:100%
}
	#becandon-about h1{ text-align:center; margin-bottom:50px}
	#becandon-about h1 b{color:#E91D26; font-weight:400}
#becandon-about p {
    color: #000;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 30px;
    margin-bottom: 20px; font-weight:400
}
#becandon-about span {
    color: #313133;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.becandon-container {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 767px){
#becandon-about .becandon-container {
    padding-bottom: 50px;
}
}
@media screen and (min-width: 768px){
.becandon-container {
    width: 738px;
}
}
@media (min-width: 992px){
.becandon-container {
    width: 962px;
}
}

#container-3 .miniblocks span{ height:136px; cursor:pointer}
#container-3 .miniblocks span img{transition:0.15s; height:55px; width:auto}
#container-3 .miniblocks span:hover img,#container-3 .miniblocks span.selected img{ height:65px; width:auto; margin-top:-10px}

#container-3 .miniblocksnopaddingwhite span img{transition:0.15s; height:90px; width:auto}
#container-3 .miniblocksnopaddingwhite span:hover img,#container-3 .miniblocks span.selected img{ height:115px; width:auto; margin-top:-25px}

@media (min-width: 1025px){
.explicacion.miniblocks p{ font-size:16px; line-height:1.3}
.explicacion.miniblocks h1{ font-size:33px; letter-spacing:-2px}
}