@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
/*reset*/
html, body, div, applet, object, iframe, img, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, i{ font-family: 'Raleway', sans-serif; border: 0; outline: 0; color: #000; text-decoration:none; font-size: 100%; }
*{margin: 0; padding: 0}
body{line-height: 1;}
:focus{outline: 0}
ol, ul{list-style: none}
table{border-collapse: collapse; border-spacing: 0;}
blockquote, q{quotes: "" ""}
hr{border: 0; color: #FFFFFF; }
blockquote:before, blockquote:after, q:before, q:after {content: ""}
html{}
body{height:100%;width:100%;margin:0;overflow-x:hidden;background-color:#FFF;padding: 20px;box-sizing:border-box;}
a{transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;transition:font-weight 0.5s ease-in-out;-webkit-transition:font-weight 0.5s ease-in-out;}
.sincrcoll{overflow:hidden;}
em{font-style: normal; font-weight:bold;}

#overbox3 {position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 999999;display: block;}
#infobox3 {margin: auto;position: relative;top: 0px;height: 58px;width: 100%;text-align:center;background-color: #eeeeee;}
#infobox3 p {line-height:58px;font-size:12px;text-align:center;}
#infobox3 p a {margin-right:5px;text-decoration: underline;}

.contextoformateado > h1{margin-bottom: 40px;}
.contextoformateado > p{margin-bottom: 20px;}
.contextoformateado > h2{font-weight: bold; margin-bottom: 20px; margin-top: 30px; font-size: 18px}
.contextoformateado > ul{ padding-left: 30px; margin-bottom: 30px; list-style-type: disc}
.contextoformateado > ul > li{ margin-bottom: 20px; }

/*home*/
.banpopup a{position: fixed; bottom: 150px; left: 60px; width: 353px; height: 304px; z-index: 100;}
.banpopup a:hover{opacity: 1!important}
.banpopup img{width: 100%; height: 100%;}
.sinscroll{overflow: hidden;}
header{width: 100%; pading-top: 5px; clear: both; overflow: hidden; transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0; margin-top: -50px}
.logo{float: left;}
.menu{float: right; margin-top: 15px; display: block;}
.menu ul{}
.menu li{display: inline-block; margin-left: 15px; margin-right: 15px;}
.menu li:last-child{margin-left: 0px; margin-right: 0px;}
.menu li a{text-transform: uppercase; font-size: 14px}
.menu li a:hover{font-weight: bold;}
.menu li ul{display: none; text-align: center; padding-bottom: 20px; padding-top: 20px}
.galeria{width: 100%; height: 600px;}
.menumobil{display: none;float: right; margin-top: 10px; cursor: pointer; width: 20px; height: 21px; background:url(img/menumobil.png);}
.submenu{position: absolute; left: 20px; top: 61px; width: calc(100% - 40px); background-color:rgba(255,255,255,0.80);z-index: 2; border-top: 1px solid black;}
.submenu li{width: 120px; margin-right: 20px; margin-left: 20px; opacity: 0.7;transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;}
.submenu li:first-child{margin-left: 0px;}
.submenu li:last-child{margin-right: 0px;}
.apretatmenu{opacity: 1!important;}
.apretatmenu a{font-weight: bold!important;}
.submenu li a{padding-top: 170px; padding-right: 10px; padding-left: 10px;}
.submenu li:hover{opacity: 1;}
#vantaa:before{content:url(img/products_vantaa.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#halkia:before{content:url(img/products_halkia.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#loppi:before{content:url(img/products_loppi.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#lahti:before{content:url(img/products_lahti.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#vesti:before{content:url(img/products_vesti.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#kolari:before{content:url(img/products_kolari.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#hanko:before{content:url(img/products_hanko.png);border-bottom: 1px solid black; margin-bottom: 5px; display: block;}
#wifi:before{content:url(img/acc-wifi.png);border-bottom: 1px solid black; padding-bottom: 10px; margin-bottom: 5px; display: block;}
#gms:before{content:url(img/acc-gms.png);border-bottom: 1px solid black;padding-bottom: 10px; margin-bottom: 5px; display: block;}
.obert, .apretat{font-weight: bold;}
.socials {display: none;z-index: 2; position: absolute; right: 40px; bottom: 40px; cursor: pointer;transition:right 0.5s ease-in-out;-webkit-transition:right 0.5s ease-in-out;}
.menusocials{position: absolute; bottom: 40px; right: -220px; z-index: 10; background-color:rgba(255,255,255,0.80); padding: 10px;transition:right 0.5s ease-in-out;-webkit-transition:right 0.5s ease-in-out;}
.menusocials ul li{display: inline-block; text-align:center; margin-right: 20px;}
.menusocials ul li:last-child{margin-right: 0px;}
.menusocials ul li a img{opacity:0.6;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.menusocials ul li a img:hover{ opacity:1;}
.claim{display: none; position: absolute; z-index: 100; color: white; text-transform:uppercase; font-size: 65px; font-weight:bold; top: 50%; opacity: 0;transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out; margin: 0 auto; text-align:center; width: 100%;}

/*cycle*/
.mc-hide-scrolls{overflow:hidden;}
body .mc-cycle{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;}
div.mc-image{transition: all 0.5s ease-in-out;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;width:100%;}
.mc-old-browser .mc-image{overflow:hidden;}
#cycle-loader{width:32px;height:32px;position:absolute;top:50%;left:50%;z-index:2;display:none;}
.contenido_pager{position: absolute; bottom: 20px; z-index: 100; display: block; text-align:center; width: 100%;}
.cycle-slideshow{height: 100%; width: 100%; z-index: 0;}
.cycle-slideshow img{max-width:100%; max-height:100%;}
.cycle-slide {background-size: cover;height: 100%;width: 100%;}
.cycle-pager { text-align: center; width: calc(100% - 40px); z-index: 1; position: absolute; bottom: 50px; overflow: hidden;}
.cycle-pager2 { text-align: center; width: calc(100% - 40px); position: relative; margin-top: -40px; overflow: hidden;}
.cycle-pager a, .cycle-pager2 a{display:inline-block;width:20px;height:20px;margin-left:5px;margin-right:5px;background:url(img/pagerBg.png) no-repeat;text-indent: -3333px;}
.cycle-pager a:last-child, .cycle-pager2 a:last-child{margin-right:0;}
a.cycle-pager-active, .cycle-pager a:hover, .cycle-pager2 a:hover{background:url(img/activePagerBg.png) no-repeat;}

/*rodetamouse*/
.unu{margin-top: 6px;}
.unu, .doi{-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;display: block;width: 5px;height: 5px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid grey; border-bottom: 2px solid grey; margin: 0 0 3px 6px; }
.unu{-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-webkit-animation-direction: alternate;}
.doi{-webkit-animation-delay: .2s; -moz-animation-delay: .2s;-webkit-animation-direction: alternate;}
.mouse{height: 21px;width: 14px;border-radius: 10px;transform: none;border: 2px solid grey;margin-bottom: 5px;}
.wheel{height: 5px;width: 2px;display: block;margin: 5px auto;background: grey;position: relative;}
.wheel{-webkit-animation: mouse-wheel 1.2s ease infinite;-moz-animation: mouse-wheel 1.2s ease infinite;}
@-webkit-keyframes mouse-wheel{0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} 100% {opacity: 0;-webkit-transform: translateY(6px);-ms-transform: translateY(6px);transform: translateY(6px);}}
@-moz-keyframes mouse-wheel{0% { top: 1px; }50% { top: 2px; }100% { top: 3px;}}
@-webkit-keyframes mouse-scroll {0%{ opacity: 0;}50%{ opacity: .5;}100% { opacity: 1;}}
@-moz-keyframes mouse-scroll {0%{ opacity: 0; }50%{ opacity: .5; }100% { opacity: 1; }}
@-o-keyframes mouse-scroll {0%{ opacity: 0; }50%{ opacity: .5; }100% { opacity: 1; }}
@keyframes mouse-scroll {0%{ opacity: 0; }50%{ opacity: .5; }100% { opacity: 1; }}

/*productes*/
main{transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -webkit-transition-delay: 2s; transition-delay: 2s; opacity: 0;}
.fonskolari{width: 100%; height: 0px; background: url(img/heimdall_kolari.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonsvantaa{width: 100%; height: 0px; background: url(img/heimdall_vantaa.jpg) no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonshalkia{width: 100%; height: 0px; background: url(img/heimdall_halkia.jpg) no-repeat left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonsloppi{width: 100%; height: 0px; background: url(img/heimdall_loppi.jpg) no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonslahti{width: 100%; height: 0px; background: url(img/heimdall_lahti.jpg) no-repeat left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonshanko{width: 100%; height: 0px; background: url(img/heimdall_hanko.jpg) no-repeat left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonsempresa{width: 100%; height: 0px; background: url(img/heimdall-empresa.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonscontacta{width: 100%; height: 0px; background: url(img/contatos.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fonsdistribuidores{width: 100%; height: 0px; background: url(img/heimdall-distribuidores.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.dragbottom{margin: 0 auto; width: 20px; margin-top: 20px;margin-bottom: 20px; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.infogeneral2{width: 100%; height: auto; background-color:rgba(0,0,0,1.00); }
.infogeneral3{width: 100%; height: 500px; background-color:rgba(0,0,0,1.00); }
.infogeneral4{width: 100%; height: auto; opacity: 0; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.infogeneral5{width: 100%; height: auto; background-color: white}
.textegeneral{background-color: white; padding-top: 20px; padding-bottom: 20px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}
.textegeneralcombi{background-color: white; padding-top: 20px; padding-bottom: 20px; clear: both; overflow: hidden;}
.textegeneralcombiesq{float: left; width: 50%;}
.textegeneralcombidreta{float: left; position: relative; width: 50%;}
.textegeneralcombiesq, .textegeneralcombidreta{line-height: 30px;}
.textegeneralmanual{background-color: white; padding-top: 20px; padding-bottom: 20px; clear: both; overflow: hidden;}
.textegeneralmanualesq{float: left; width: 45%; margin-right: 5%;}
.textegeneralmanualdreta{float: left; position: relative; width: 45%;}
.textegeneral h2{margin-bottom: 10px; line-height: 28px; font-size: 20px; font-weight:100; text-align:left}
.textegeneralmanualdreta p, .textegeneralmanualesq p, .textegeneral p{margin-bottom: 10px; line-height: 28px; font-size: 16px; font-weight:100; text-align:left}
.infogeneral2 img, .infogeneral5 img{width: 100%; height: auto; opacity: 0; transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; }

.textegeneral1{background-color: white; padding-top: 20px; padding-bottom: 20px;}
.textegeneral1 > p{margin-bottom: 20px; line-height: 20px}
.textegeneral1 > ul{margin-bottom: 20px}
.textegeneral1 > ul > li {margin-left: 20px; margin-bottom: 10px; line-height: 20px}
.claim{position: absolute; z-index: 100; color: white; text-transform:uppercase; font-size: 65px; font-weight:bold; top: 50%; opacity: 0;transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out; margin: 0 auto; text-align:center; width: 100%;}
.claim h1{color: white; font-size: 140px; font-weight:100; text-transform:uppercase;}

.backtotop{padding-top: 20px; text-align:right; display: none;}
.backtotop a::after{content:url('img/backtotop.png'); padding-left: 10px;}
.backtotop a{color: black;}
.titolseccio{color: black; font-size: 50px; font-weight:100; text-transform:uppercase; display: block; margin-bottom: 20px; margin-top: 60px; line-height: 60px;}
.titolseccioalters{color: black; font-size: 50px; font-weight:100; text-transform:uppercase; display: block; margin-bottom: 20px; line-height: 60px;}
.subtitolseccio{color: black; font-size: 40px; font-weight:100; text-transform:none; display: block; margin-top: 40px;}
.acabat{text-align: center; display: inline-block; margin-left: 2%; margin-right: 2%; margin-bottom: 20px; width: 21.65%; max-width: 200px; vertical-align:top; line-height: 28px;}
.acabat img{width: 100%; height: auto; max-width: 200px;}
.acabat p{border-top: 1px solid black; padding-top: 10px; margin-top: 10px;}
.acabats{padding-top: 20px; padding-bottom: 20px; text-align:center;}
.acabat1{transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; opacity: 0;}
.acabat2{transition:all 1.3s ease-in-out; -webkit-transition:all 1.3s ease-in-out; opacity: 0;}
.acabat3{transition:all 1.3s ease-in-out; -webkit-transition:all 1.6s ease-in-out; opacity: 0;}
.acabat4{transition:all 1.6s ease-in-out; -webkit-transition:all 1.9s ease-in-out; opacity: 0;}
.acabat5{transition:all 1.9s ease-in-out; -webkit-transition:all 2.2s ease-in-out; opacity: 0;}
.acabat6{transition:all 2.2s ease-in-out; -webkit-transition:all 2.5s ease-in-out; opacity: 0;}
.imgfoc{position: absolute;width: calc(100% - 40px);}
.imgfoc img{width: 100%; height: auto; opacity: 0; transition:opacity 2s ease-in-out; -webkit-transition:opacity 2s ease-in-out; -webkit-transition-delay: 3.5s; transition-delay: 3.5s;}
.tecnicotitulo{width: 75%; display: inline-block}
.tecnicotipo{width: 100%; padding-bottom: 5px; border-bottom: 1px solid black; display: block;}
.graficotecnicos{width: 100%; text-align:center; margin: 0 auto;margin-top: 80px;margin-bottom: 80px;}
.graficotecnicos img{width: 100%; max-width: 1024px; height: auto;}
.titolfooter{border-bottom: 1px solid black; color: black; display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; padding: 2px; text-transform: uppercase;}
.footer_info{clear: both; overflow: hidden; width: 100%; background-color: rgba(255,209,0,1.00);font-size: 12px; color: black; font-weight: 100;}
.footer_info ul{list-style:none; width: 1024px; margin: 0 auto;}
.footer_info li{width: 32.8%; padding: 20px; display: inline-block; box-sizing:border-box; vertical-align:top; line-height: 20px}
.footer_info ul li ul{list-style:none;}
.footer_info ul li ul li{display: inline-block; width: 100%; padding: 3px;}
.footer_info ul li ul li{margin-left: 15px;}
.footer_final{width: 100%; margin: 0 auto;margin-top: 20px; text-align: center;}
.footer_final ul{list-style:none; margin-top: 10px; border-top: 1px solid rgba(170,170,170,1.00); border-bottom: 1px solid rgba(170,170,170,1.00); padding-bottom: 10px; padding-top: 10px;}
.footer_final li{display: inline-block; box-sizing:border-box; margin-left: 25px; margin-right: 25px;}
a.socials1{width: 20px; height: 20px; background:url('img/socials-facebook.png'); margin-right: 15px; display: inline-block; opacity: 0.7;}
a.socials2{width: 20px; height: 20px; background:url('img/socials-instagram.png'); margin-right: 15px; display: inline-block; opacity: 0.7;}
a.socials3{width: 20px; height: 20px; background:url('img/socials-pinterest.png'); margin-right: 15px; display: inline-block; opacity: 0.7;}
a.socials4{width: 20px; height: 20px; background:url('img/socials-twitter.png'); margin-right: 15px; display: inline-block; opacity: 0.7;}
a.socials1:hover, a.socials2:hover, a.socials3:hover, a.socials4:hover { opacity: 1;}
.infodetall{width: 1024px; margin: 0 auto;}
.infodetallaltres{width: 1024px; margin: 0 auto; margin-bottom: 40px;}


.descargasrevista{margin: 0 auto; border-top: 2px solid rgba(255, 209, 0, 1); padding-top: 40px; margin-top: 40px; margin-bottom: 40px; width: 1024px;}
.revista{display: inline-block; width: 45%; margin-bottom: 40px; clear: both; overflow: hidden;}
.revistaesquerre{float: left; margin-right: 20px;}
.revistadreta{float: left; position: relative;}

.descargastecnicos{margin: 0 auto; width: 1024px; margin-top: 80px;}
.tecnicos{display: inline-block; width: 23%; margin-right: 1.6%; text-align:center}
.tecnicos2{display: inline-block; width: 23%; margin-right: 0%; text-align:center}

.tecnicos20{display: inline-block; width: 14.5%; margin-right: 1.6%; text-align:center}
.tecnicos20 img{width: 75%; margin: 0 auto; height: auto}
.tecnicos20:first-child{margin-left: 0;}
.tecnicos20:last-child{margin-right: 0;}

.titoltecnico{text-align: center; margin-top: 20px; font-weight:bold; font-size: 20px;}
.descargatecnico{font-size: 14px; color: black; }
.descargatecnico a:before{content:url(img/download.jpg); margin-top: 10px; margin-bottom: 10px; display: block;}
.descargatecnico a{padding-top: 60px; opacity: 0.6;transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;}
.descargatecnico a:hover{opacity: 1;}

.descargasimples{position: fixed; top: 0; left: 0; background-color:rgba(255,255,255,0.90); z-index: 1000; width: 100%; height: 100%;}
.contenidodescargas{position: absolute; top: 50%; left: 50%; width: 300px; height: 270px; margin-top: -135px; margin-left: -150px; padding: 20px; border-radius:15px; border: 1px solid rgba(255,209,0,1.00); text-align:center; background-color:rgba(255,255,255,1.00)}
.contenidodescargas p{font-size: 14px; text-align:center; margin-bottom: 20px; display: block; line-height: 20px; font-weight:bold;}
.contenidodescargas select{width: 100%; margin-bottom: 20px; display: block;}
.contenidodescargas #email{width: 100%; margin-bottom: 20px; display: block;}

.logincontainer{clear: both; overflow: hidden; margin-top: 30px;}
.containerizquierda{float: left; width: 50%;}
.containerderecha{float: right; width: 50%;}
.formulario1, .formulario2, .formulario3{margin-top: 20px;}
.formulario1 label, .formulario2 label, .formulario3 label{margin-bottom: 10px; font-size: 13px; display: block;}
.formulario1 input, .formulario2 input, .formulario3 input, .formulario1 select, .formulario2 select{margin-bottom: 20px; font-size: 13px; max-width: 300px; display: block;}

.descargas3d{margin: 0 auto; border-top: 2px solid rgba(255, 209, 0, 1); padding-top: 40px; margin-top: 40px; margin-bottom: 40px; width: 1024px;}

.titulobuscadistribuidor{margin-top: 30px; border-bottom: 1px solid rgba(255,209,0,1.00); font-size: 20px; font-weight: bold; padding-bottom: 5px; margin-bottom: 30px;}
.buscadistribuidor label{display: inline-block; margin-right: 10px;}
.buscadistribuidor input{display: inline-block; margin-right: 20px;}

.headescargas{width: 100%; height: 500px; background: url(img/downloades.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.feriadestacado{position: fixed; bottom: 80px; left: 80px; width: 40%; font-size: 45px; line-height: 52px; font-weight: 100; color: white; z-index: 1000; text-transform: uppercase}
.fonsferiadestacado{position: fixed; top: 60px; left: 20px; bottom: 20px; width: 50%; z-index: 999;
background: rgba(0,0,0,0.50);
background: -moz-linear-gradient(left, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.50)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.feriadestacado em{color: white; font-weight: bold}

.contenidowifi{width: 100%; margin-bottom: 40px}
.contenidowifi > h2{display: inline-block; width: 45%; margin-right: 5%; vertical-align: top; line-height: 28px; font-size: 20px; font-weight: 100;}
.contenidowifi > img{display: inline-block; width: 45%; vertical-align: top; height: auto}

@media screen 
and (max-width : 1023px) 
and (min-width : 768px) 
{

/*home*/
.menu{display: none;float: none; position: absolute; top: 60px; background-color:rgba(255,255,255,0.90); width: calc(100% - 40px); height: calc(100% - 70px); margin-top: 0px; z-index: 2;}
.menu ul{margin-top: 20px;}
.menu li ul{padding-top: 0px; padding-bottom: 0px;}
.menu li{display: inline-block; margin-left: 0px; margin-right: 0px; width: 100%; margin-bottom: 10px; text-align: right;}
.menu li a{text-transform: uppercase; font-size: 14px;}
.menu li a:hover{font-weight: bold;}
.menumobil{display: block;}
#vantaa:before, #hanko:before, #halkia:before, #loppi:before, #lahti:before, #vesti:before, #kolari:before{content:none;border-bottom: 0px solid black; margin-bottom: 0px; display: block;}

.submenu{position: relative; left: auto; top: auto; width: auto; background-color:rgba(255,255,255,0);z-index: 0; border-top: 0px solid black;}
.submenu li{width: 100%; margin-right: 0px; margin-left: 0px; opacity: 1;transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;}
.apretatmenu{opacity: 1!important;}
.apretatmenu a{font-weight: bold!important;}
.submenu li a{padding-top: 0px; padding-right: 0px; padding-left: 0px;}
.submenu li:hover{opacity: 1;}
.footer_info ul{list-style:none; width: 100%; margin: 0 auto;}
.socials {display: none;}
.menusocials{position: relative; text-align: right; bottom: auto; right: 0; z-index: 0; background-color:rgba(255,255,255,0); padding: 0px;transition:right 0.5s ease-in-out;-webkit-transition:right 0.5s ease-in-out;}
.menusocials ul li{display: inline-block; text-align:right; width: 20px; margin-right: 20px;}
.menusocials ul li:last-child{margin-right: 0px;}
.menusocials ul li a img{opacity:1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.menusocials ul li a img:hover{ opacity:1;}
.footer_final{width: 100%; margin: 0 auto;margin-top: 20px; }
.infodetall{width: 100%; margin: 0 auto;}
/*productes*/

	.descargastecnicos, .descargasrevista{margin: 0 auto; width: 728px; margin-top: 80px;}
	.descargasrevista{margin-top: 40px; margin-bottom: 40px;}
	.tecnicos img, .tecnicos2 img{width: 100%; height: auto;}
.feriadestacado{font-size: 33px; line-height: 48px;}
}

@media screen 
and (max-width : 767px) 
{
/*home*/
.menu{display: none;float: none; position: absolute; top: 60px; background-color:rgba(255,255,255,0.90); width: calc(100% - 40px); height: calc(100% - 70px); margin-top: 0px; z-index: 102;}
.menu ul{margin-top: 20px;}
.menu li ul{padding-top: 0px; padding-bottom: 0px;}
.menu li{display: inline-block; margin-left: 0px; margin-right: 0px; width: 100%; margin-bottom: 15px; text-align: right;}
.menu li a{text-transform: uppercase; font-size: 14px;}
.menu li a:hover{font-weight: bold;}
.menumobil{display: block;}
#vantaa:before, #hanko:before, #halkia:before, #loppi:before, #lahti:before, #vesti:before, #kolari:before{content:none;border-bottom: 0px solid black; margin-bottom: 0px; display: block;}

.submenu{position: relative; left: auto; top: auto; width: auto; background-color:rgba(255,255,255,0);z-index: 0; border-top: 0px solid black; margin-right: 10px}
.submenu li{width: 100%; margin-right: 0px; margin-left: 0px; opacity: 1;transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out; margin-bottom: 10px}
.apretatmenu{opacity: 1!important;}
.apretatmenu a{font-weight: bold!important;}
.submenu li a{padding-top: 0px; padding-right: 0px; padding-left: 0px;}
.submenu li:hover{opacity: 1;}
.footer_final{width: 100%; margin: 0 auto;margin-top: 20px; }
.socials {display: none;}
.menusocials{position: relative; text-align: right; bottom: auto; right: 0; z-index: 0; background-color:rgba(255,255,255,0); padding: 0px;transition:right 0.5s ease-in-out;-webkit-transition:right 0.5s ease-in-out;}
.menusocials ul li{display: inline-block; text-align:right; width: 20px; margin-right: 20px;}
.menusocials ul li:last-child{margin-right: 0px;}
.menusocials ul li a img{opacity:1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.menusocials ul li a img:hover{ opacity:1;}

.feriadestacado{font-size: 20px; line-height: 26px;margin: 0 auto; left: 30px; bottom: 100px; right: 30px; width: auto; text-align: center}	

/*productes*/
.claim{position: absolute; bottom: auto; font-size: 30px; top: 220px; left: auto; width: 70%; margin-left: 10%; line-height: 40px;}
.claim h1{color: white; font-size: 50px; font-weight:100; text-transform:uppercase;}
.backtotop{display: block;}
.textegeneral{background-color: white; padding-top: 20px; padding-bottom: 20px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}
.titolseccio, .titolseccioalters{color: black; font-size: 30px; font-weight:100; text-transform:uppercase; display: block; margin-bottom: 20px; margin-top: 40px; text-align:left}
.acabat{text-align: center; display: inline-block; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; width: 90%; vertical-align:top}

.fonsvantaa, .fonslahti, .fonshalkia, .fonsloppi, .fonskolari,  .fonsempresa, .fonscontacta, .fonsdistribuidores{width: 100%; height: 350px!important;}
.mouse, .unu, .doi{display: none;}
.textegeneral h2, .subtitolseccio{text-align: left;}
	.textegeneral p{text-align: left; line-height: 20px;}
.textegeneralmanualdreta p, .textegeneralmanualesq p{text-align: left;}
	.tecnicotipo{margin-top: 40px; text-align:center}
.graficotecnicos{margin: 20px auto;}
.textegeneralmanualesq{float: left; width: 100%; margin-right: 0%; margin-bottom: 40px;}
.textegeneralmanualdreta{float: left; width: 100%; margin-right: 0%;}
footer{display: none;}
.tecnicotitulo {display: inline-block;text-align: left;width: 100%; margin-top: 10px;}
.infodetall, .infodetallaltres{width: 100%; margin: 0 auto;}

.textegeneralcombiesq{float: left; width: 100%; margin-bottom: 20px; text-align:center}
.textegeneralcombidreta{float: left; position: relative; width: 100%; text-align:center}
	
	.descargastecnicos, .descargasrevista{margin: 0 auto; width: 100%; padding: 20px; box-sizing: border-box; margin-top: 80px;}
	.descargasrevista{margin-top: 40px; margin-bottom: 40px;}
	.tecnicos, .tecnicos2{width: 100%; margin-bottom: 30px;}
	.tecnicos img, .tecnicos2 img{width: 100%; max-width: 150px; height: auto;}
	.revista{width: 100%; margin-bottom: 30px;}
	.revistaesquerre{width: 100%; margin-bottom: 20px; text-align: center;}
	.revistadreta{width: 100%; text-align: center;}
	
	.cycle-pager a, .cycle-pager2 a{background:url(img/pagerBg_black.png) no-repeat;}
a.cycle-pager-active, .cycle-pager a:hover, .cycle-pager2 a:hover{background:url(img/activePagerBg_black.png) no-repeat;}
	.infogeneral2{display:none!important}
.tecnicos20{display: inline-block; width: 100%; margin-right: 0%; text-align:center; margin-bottom: 40px; max-width: 300px; margin: 0 auto;}
	.descargastecnicos, .descargasrevista{text-align: center}
	
.banpopup a{position: fixed; bottom: 150px; left: 50%; margin-left: -150px; width: 300px; height: 258px; z-index: 100;}
.banpopup a:hover{opacity: 1!important}
.banpopup img{width: 300px; height: 258px;}
}